ripro7.3主题美化教程-WordPress菜单添加font图标

新增功能-在wp外观-菜单添加菜单时,可以自定义图标,直观方便,无需手动添加html的fa图标代码 直接可视化选择添加

 

本次更新对于喜欢美化的来说确实方便了,可以直接选择喜欢的图标。遗憾的是还是不能定义颜色,以及旋转。好了话不多说,直接教程。

本次需要修改的两个文件ripro\inc\class\walker.class.php;  ripro\inc\codestar-framework\options\nav-menu-options.php

第一步

添加font图标颜色和旋转的控制。 ripro\inc\codestar-framework\options\nav-menu-options.php

<?php if ( ! defined( 'ABSPATH' )  ) { die; } // Cannot access directly.

$prefix = '_ripro_menu_options';
CSF::createNavMenuOptions( $prefix, array(
  'data_type' => 'unserialize'
) );
CSF::createSection( $prefix, array(
  'fields' => array(
    array(
        'id'      => 'menu_icon',
        'type'    => 'icon',
        'title'   => '菜单图标',
    ),
    array(
      'id'    => 'is_catmenu',
      'type'  => 'switcher',
      'title' => '高级菜单',
      'desc' => '鼠标滑过展示分类下文章-仅在分类菜单中有效,开启后可以显示最新10篇文章',
    ),
  )
) );

 

替换为:

隐藏内容

此处内容需要权限查看

  • 普通会员9.9积分

第二步:

添加菜单输入的文件ripro\inc\class\walker.class.php  77-80行

$menu_icon = get_post_meta( $item->ID, 'menu_icon', true );
        if( ! empty( $menu_icon ) ) {
            $item->title = '<span><i class="'. $menu_icon .'"></i> ' . $item->title .'</span>';
        }

 

 

替换为:

隐藏内容

此处内容需要权限查看

  • 普通会员9.9积分

最后效果:

版权声明:原创作品,未经允许不得转载,否则将追究法律责任。
本站资源有的自互联网收集整理,如果侵犯了您的合法权益,请联系本站我们会及时删除。
本站资源仅供研究、学习交流之用,若使用商业用途,请购买正版授权,否则产生的一切后果将由下载用户自行承担。
本文链接:子佩工作室https://zptheme.com/3372.html
许可协议:《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》许可协议授权

本站分为普通会员,SVIP会员,永久会员。
SVIP会员新用户注册即送180天,到期后可邀请好友2位/180天进行无限续期。
永久会员支持微信支付在线开通。

积分是本站通用虚拟货币,可用于文章资源购买。
每天签到,评论或点赞文章,或者投稿都可免费获得积分
新用户注册免费赠送2积分 邀请用户注册2位/2积分

如果您已经成功付款但是网站没有弹出成功提示,请联系售后提供付款信息为您处理

本站资源属于虚拟商品,具有可复制性,可传播性,一旦授予,不接受任何形式的退款、换货要求。请您在购买获取之前确认好 是您所需要的资源

需要效果图的,可以联系售后(右侧核保售后,扫码添加或者点击 加入我们-联系客服)。或者微信添加企业微信:子佩工作室

计划书请提供费率条款(现价分红),100起。WP主题一般单个问题30起。主题二开500起,开发新主题3000起。低于1000须全款,其余先支付全款的60%,完成后支付余下的。

资源是指寿险计划书(定制除外),WP主题或插件不包含在永久会员之内!

发表回复

评论(2)

  • 子佩 永久会员 2022年11月16日 下午3:18
    WindowsEdge

    看的我热血沸腾,转身踢开旁边的牛自己犁了三十亩地

  • 子佩 永久会员 2022年11月16日 下午3:21
    WindowsEdge

    这次准备在首页待几天!