很多小伙伴都在找这个模块，这是360模板吧自用主题的首页优势导航模块，今天我们就来教大家整合到RiPro主题中（子主题一样），下面先看看演示效果！

首页优势导航展示效果:

RiPro主题美化:添加首页优势导航插图

1.下载附件将menus.php文件上传至/wp-content/themes/RiPro(或子主题)/parts/home-mode文件夹中（子主题类似）

2.找到文件RiPro(或子主题)\inc\codestar-framework\options中的“options.theme.php”文件

3.搜索如下代码：

CSF::createSection($prefix, array(

4.在这个包头的的下一个位置添加如下代码(位置自己选择，可参考同类标签):

 

/首页分类导航   
CSF::createSection($prefix, array(
    'parent' => 'sucaihu_ui_develop',
    'title'  => '首页优势导航',
    'icon'   => 'fa fa-list-ul',
    'description' => 'Ripro主题美化开发，由360模板吧原创开发 ',
    'fields' => array(
        //申请友链页面
        array(
            'id'         => 'home_menu_text',
            'type'       => 'switcher',
            'title'      => '开启/关闭首页优势导航',
            'help'      => '开启感觉高大上',
            'default'    => true,
        ),
        array(
            'id'         => 'home_menu_text_data',
            'type'       => 'fieldset',
            'title'      => '首页优势导航设置',
            'fields'     => array(
                 array(
                    'id'      => 'hot_first_text',
                    'type'    => 'text',
                    'title'   => '分类标题1',
                    'default' => '设计灵感',
                ),
				array(
                    'id'      => 'hot_first_desc',
                    'type'    => 'text',
                    'title'   => '分类描述1',
                    'default' => '每天都有新的灵感',
                ),
                array(
                    'id'      => 'hot_first_link',
                    'type'    => 'text',
                    'title'   => '链接1',
                    'default' => '#',
                ),

                array(
                    'id'      => 'hot_secondary_text',
                    'type'    => 'text',
                    'title'   => '分类标题2',
                    'default' => '实用省心',
                ),
				array(
                    'id'      => 'hot_secondary_desc',
                    'type'    => 'text',
                    'title'   => '热门描述2',
                    'default' => '图标-插画-ui kit,实用',
                ),
                array(
                    'id'      => 'hot_secondary_link',
                    'type'    => 'text',
                    'title'   => '链接2',
                    'default' => '#',
                ),
                array(
                    'id'      => 'hot_three_text',
                    'type'    => 'text',
                    'title'   => '分类标题3',
                    'default' => '低价高量',
                ),
				array(
                    'id'      => 'hot_three_desc',
                    'type'    => 'text',
                    'title'   => '分类描述3',
                    'default' => '0.99元/天获取高质量设计素材',
                ),
                array(
                    'id'      => 'hot_three_link',
                    'type'    => 'text',
                    'title'   => '链接3',
                    'default' => '#',
                ),
                array(
                    'id'      => 'hot_four_text',
                    'type'    => 'text',
                    'title'   => '分类菜单4',
                    'default' => '推广赚钱',
                ),
				array(
                    'id'      => 'hot_four_desc',
                    'type'    => 'text',
                    'title'   => '分类描述4',
                    'default' => '会员推广赚钱拿提成',
                ),
                array(
                    'id'      => 'hot_four_link',
                    'type'    => 'text',
                    'title'   => '链接4',
                    'default' => '#',
                ),
				array(
                    'id'      => 'hot_five_text',
                    'type'    => 'text',
                    'title'   => '分类菜单5',
                    'default' => '加入微信群',
                ),
				array(
                    'id'      => 'hot_five_desc',
                    'type'    => 'text',
                    'title'   => '分类描述5',
                    'default' => '每日免费赠送积分',
                ),
                array(
                    'id'      => 'hot_five_link',
                    'type'    => 'text',
                    'title'   => '链接5',
                    'default' => '#',
                ),
            ),
            'dependency' => array('home_menu_text', '==', 'true'),
        ),
        ),
    ));

5.找到/wp-content/themes/ripro/assets/css/diy.css，添加附件里的css样式

6.刷新即可

1.使用本站下载的源码仅限于个人学习和非商业用途。
2.禁止将本站下载的源码用于搭建或支持任何违法、淫秽、暴力或侵犯他人合法权益的网站或应用。
3.使用本站下载的源码需遵守国家法律法规及相关规定，不得从事任何违法活动。
4.如若本站内容侵犯了原著者的合法权益，请联系我们进行处理。