如何修改Lightweight Social Icons的lsi_icons()函数?或创建WordPress子插件?
嘿,我来帮你搞定这个问题——不用动父插件代码,咱们用WordPress的原生机制就能实现。下面是几种靠谱的方案,按推荐程度排序:
方法一:用lsi_icons过滤器(最推荐)
首先,这个插件的lsi_icons()函数大概率是带过滤钩子的(官方插件一般都会留这种扩展口子)。你可以直接在子主题的functions.php里加一段代码,通过过滤器往默认图标列表里加自定义项:
add_filter( 'lsi_icons', 'my_custom_lsi_icons' ); function my_custom_lsi_icons( $icons ) { // 按照插件的格式添加你的自定义图标 // 格式是:'唯一键名' => array( 'label' => '后台显示的名称', 'icon' => '图标的CSS类名' ) $icons['my-custom-platform'] = array( 'label' => '我的自定义平台', 'icon' => 'fa fa-my-custom-icon' // 假设你用的是Font Awesome图标 ); // 一定要返回修改后的数组 return $icons; }
这段代码会在插件生成图标列表的时候,把你的自定义图标加进去,完全不用碰原插件的代码,插件更新也不会受影响。
方法二:替换lsi_icons()函数(如果没有过滤器的话)
万一原函数没给过滤钩子,那咱们就替换掉它。不过要注意,插件加载比子主题早,直接写同名函数会报错,所以得等插件加载完再重新定义:
add_action( 'plugins_loaded', 'replace_default_lsi_icons' ); function replace_default_lsi_icons() { // 重新定义lsi_icons函数 function lsi_icons() { // 先把原插件里的默认图标都复制过来,别丢了原有功能 $icons = array( 'facebook' => array( 'label' => 'Facebook', 'icon' => 'fa fa-facebook' ), 'twitter' => array( 'label' => 'Twitter', 'icon' => 'fa fa-twitter' ), // ... 把原函数里所有默认图标都抄过来 ); // 再加你的自定义图标 $icons['my-custom-platform'] = array( 'label' => '我的自定义平台', 'icon' => 'fa fa-my-custom-icon' ); return $icons; } }
⚠️ 注意:这种方法需要你复制原函数的所有默认图标代码,如果插件更新了默认图标,你得同步更新这段代码,不然会丢失新的图标。
方法三:替换插件的Widget类(终极方案)
如果上面两种都不行,那咱们就换个思路——把插件的Widget类换掉,重写调用图标列表的方法:
add_action( 'widgets_init', 'swap_lsi_widget_with_custom' ); function swap_lsi_widget_with_custom() { // 先注销原来的Lightweight Social Icons Widget unregister_widget( 'lsi_Widget' ); // 定义一个继承原Widget的新类 class My_Custom_LSI_Widget extends lsi_Widget { // 重写后台设置表单的方法,用咱们自己的图标列表 public function form( $instance ) { // 先复制原方法里的代码,然后把调用lsi_icons()的地方换成咱们的函数 $icons = my_custom_lsi_icon_list(); // ... 把原form方法里的其他代码都抄过来,只换图标列表的调用 } // 如果前端输出也需要用自定义图标,就重写widget()方法 public function widget( $args, $instance ) { $icons = my_custom_lsi_icon_list(); // ... 原widget方法的其他代码,同样替换图标列表调用 } } // 注册咱们的新Widget register_widget( 'My_Custom_LSI_Widget' ); } // 定义自己的图标列表函数 function my_custom_lsi_icon_list() { $icons = array( // 这里放默认图标 + 你的自定义图标 'facebook' => array( 'label' => 'Facebook', 'icon' => 'fa fa-facebook' ), 'my-custom-platform' => array( 'label' => '我的自定义平台', 'icon' => 'fa fa-my-custom-icon' ), ); return $icons; }
这种方法的好处是完全隔离了原插件的函数,插件更新时只要原Widget类的方法结构没变,你的自定义代码就不会受影响。
内容的提问来源于stack exchange,提问作者Knuxchan
相关产品推荐
相关产品推荐

