ripro主题专用首页分类导航教程WordPress教程

一、在 ripro/parts/home-mode 目录下新建一个名为 mobile.php，并复制以下内容并粘贴。（根据自己站点的内容修改以下内容） 如：<li><a href=”/xsmf”><i class=”xmxzb xmxzb-shangcheng”></i>免费源码</a></li> 其中<a href=”/xsmf”>为链接地址，</i>免费源码</a></li>为显示名称！

<?php // SRCDICT 模块赞助 $mobile = _cao('mobile'); ?> <div class="mobile_hide"> <div class="container"> <div class="col-sm-6 col-md-3 part-first"> <div class="hh_fenlei02 mobile-hide"> <div class="hh_fenlei02_warp"> <ul class="hh_home_tags_3"> <li class="hh_home_tags_3_list1 hh_home_tags_3_list"><ul class="hh_home_tags_3_listul" style="padding-left: 0;"> <li><a href="/xsmf" rel="external nofollow" ><i class="xmxzb xmxzb-shangcheng"></i>免费源码</a></li> <li><a href="/best" rel="external nofollow" ><i class="xmxzb xmxzb-quanshixiangmugaikuang"></i>其他源码</a></li></ul></li> <li class="hh_home_tags_3_list2 hh_home_tags_3_list"><ul class="hh_home_tags_3_listul"><li><a href="/?s=商城&amp;post_type=post" rel="external nofollow" >商城系统</a></li> <li><a href="/vip" rel="external nofollow"  rel="external nofollow" >商业源码</a></li></ul></li> <li class="hh_home_tags_3_list3 hh_home_tags_3_list"><ul class="hh_home_tags_3_listul"><li><a href="/?s=企业&amp;post_type=post" rel="external nofollow" >企业模板</a></li> <li><a href="/free" rel="external nofollow" >其他源码</a></li></ul></li> <li class="hh_home_tags_3_list1 hh_home_tags_3_list"> <ul class="hh_home_tags_3_listul"><li><a href="/news" rel="external nofollow" > <i class="xmxzb xmxzb-ziyuan"></i>本站服务</a></li> <li><a href="#" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow" ><i class="xmxzb xmxzb-quanshixiangmujinzhan"></i>源码寄售</a></li></ul></li> <li class="hh_home_tags_3_list2 hh_home_tags_3_list"><ul class="hh_home_tags_3_listul"><li><a href="/zixun/codes-news/" rel="external nofollow" >程序资讯</a></li> <li><a href="/announcement/1974.html" rel="external nofollow"  rel="external nofollow" >源码寄售</a></li></ul></li> <li class="hh_home_tags_3_list3 hh_home_tags_3_list"><ul class="hh_home_tags_3_listul"><li><a href="/zixun/gonggao/" rel="external nofollow" >本站公告</a></li> <li><a href="/announcement/1974.html" rel="external nofollow"  rel="external nofollow" >其他寄售</a></li></ul></li> <li class="hh_home_tags_3_list1 hh_home_tags_3_list"><ul class="hh_home_tags_3_listul"><li><a href="/sucai" rel="external nofollow" ><i class="xmxzb xmxzb-zhuti-"></i>主题模板</a></li> <li><a href="/vip" rel="external nofollow"  rel="external nofollow" ><i class="xmxzb xmxzb-xinyidaixinxijishu"></i>会员专享</a></li></ul></li> <li class="hh_home_tags_3_list2 hh_home_tags_3_list"><ul class="hh_home_tags_3_listul"><li><a href="/sucai/web" rel="external nofollow" >网页特效</a></li> <li><a href="/vip/php" rel="external nofollow" >PHP 源码</a></li></ul></li> <li class="hh_home_tags_3_list3 hh_home_tags_3_list"><ul class="hh_home_tags_3_listul"><li><a href="/sucai/model" rel="external nofollow" >网页模板</a></li> <li><a href="/vip/java">java 源码</a></li></ul></li></ul> <ul class="hh_home_tags_4"><li class="hh_home_tags_3_list1 hh_home_tags_3_list"><ul class="hh_home_tags_3_listul"><li><a href="/talk" rel="external nofollow" ><i class="xmxzb xmxzb-jiaoliuweixuanzhong"></i>交流探究</a></li> <li><a href="#" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow" ><i class="xmxzb xmxzb-qipai"></i>本站热门</a></li></ul></li> <li class="hh_home_tags_3_list3 hh_home_tags_3_list"><ul class="hh_home_tags_3_listul"><li><a href="/user/?pd=recharge" rel="external nofollow" >充值记录</a></li> <li><a href="/user/?pd=ref" rel="external nofollow" >推广注册</a></li></ul></li> <li class="hh_home_tags_3_list3 hh_home_tags_3_list"><ul class="hh_home_tags_3_listul"><li><a href="/user/?pd=vip" rel="external nofollow" >VIP 记录</a></li> <li><a href="/user/?pd=money" rel="external nofollow" >开通会员</a></li></ul></li> </ul> </div> </div> </div> </div> </div>

二、在 ripro/assets/css目录下找到 div.css 并在最下方插入以下内容

.hh_fenlei02_warp { width: 1440px; margin: 0 auto; height: 114px; padding: 10px 5px; } .hh_home_tags_3 { margin: 0 auto; padding-left: 0; } .hh_home_tags_4 { margin: 0 auto; } .hh_home_tags_3_list:nth-child(3n+1) { margin-right: 25px; margin-left: 30px; } .hh_home_tags_3_list:first-child { margin-left: 0; } .hh_home_tags_3_list { float: left; } .hh_home_tags_3_list { margin-right: 20px; position: relative; } .hh_home_tags_3_list1 .hh_home_tags_3_listul li a { font-weight: 600; color: #333; } .hh_home_tags_3_listul li a .xmxzb { color: #005cf9; } .hh_home_tags_3_listul li a i { font-style: normal; position: relative; right: 5px; } .hh_home_tags_3_list:nth-child(3n+1) { margin-right: 13px; margin-left: 15px; } .hh_home_tags_3_list { margin-right: 20px; position: relative; } .hh_home_tags_3_listul li a { font-size: 14px; color: #666; display: block; height: 30px; } .hh_home_tags_3_listul li,ol,ul{ list-style:none; list-style-type:none; } .hh_home_tags_3_list:nth-child(3n+1) { margin-right: 25px; margin-left: 30px; } .hh_home_tags_3_list:first-child { margin-left: 0; } .hh_home_tags_3_list { float: left; } .hh_home_tags_3_list { margin-right: 20px; position: relative; } .hh_home_tags_3_list1 .hh_home_tags_3_listul li a { font-weight: 600; color: #333; } .hh_home_tags_3_listul li a .xmxzb { color: #005cf9; } .hh_home_tags_3_listul li a i { font-style: normal; position: relative; right: 5px; } .hh_home_tags_3_list:nth-child(3n+1) { margin-right: 13px; margin-left: 15px; } .mobile_hide{ background: #fff; padding-top: 1px; padding-bottom: 0; }

三、在 ripro/inc/codestar-framework/options 目录下找到 options.theme.php 并在 312 行的

'vip' => '会员开通引导'

下面新加一个

'mobile' => '分类导航',

四、最后我们需要找到 ripro 根目录下的 header.php 文件并在</head>前插入以下内容

 <link rel="stylesheet" href="//at.alicdn.com/t/font_1149365_i7raj4cre9a.css" rel="external nofollow"  type="text/css" media=