最新公告
  • 欢迎您光临玖居暗巷,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入我们
  • 【WordPress美化】Ripro主题专用首页分类导航教程

    首页效果

    【WordPress美化】Ripro主题专用首页分类导航教程-玖居暗巷

    添加到后台可自行决定位置

    【WordPress美化】Ripro主题专用首页分类导航教程-玖居暗巷

    好了 教程开始:

     

    一、在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"><i class="xmxzb xmxzb-shangcheng"></i>免费源码</a></li> <li><a href="/best"><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">商城系统</a></li><li><a href="/vip">商业源码</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">企业模板</a></li> <li><a href="/free">其他源码</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"><i class="xmxzb xmxzb-ziyuan"></i>本站服务</a></li> <li><a href="#"><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/">程序资讯</a></li><li><a href="/announcement/1974.html">源码寄售</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/">本站公告</a></li><li><a href="/announcement/1974.html">其他寄售</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"><i class="xmxzb xmxzb-zhuti-"></i>主题模板</a></li><li><a href="/vip"><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">网页特效</a></li> <li><a href="/vip/php">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">网页模板</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"><i class="xmxzb xmxzb-jiaoliuweixuanzhong"></i>交流探究</a></li><li><a href="#"><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">充值记录</a></li><li><a href="/user/?pd=ref">推广注册</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">VIP记录</a></li><li><a href="/user/?pd=money">开通会员</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' => '分类导航',

    如下图所示:

    【WordPress美化】Ripro主题专用首页分类导航教程-玖居暗巷

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

     <link rel="stylesheet" href="//at.alicdn.com/t/font_1149365_i7raj4cre9a.css" type="text/css" media="all">
    ①本站资源仅用于学习和交流,勿用于商业。切勿私自传播于网络,将会追究法律责任。
    ②本站其他资源来源网络或者用户投稿,供学习交流之用。如有侵权请联系删除。
    ③如有链接无法下载、失效或广告,请联系管理员处理!
    ④本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
    ⑤如果你也有好源码或者教程,可以到审核区发布,分享有本站专属货币奖励和额外收入!
    ⑥如遇到加密压缩包,默认解压密码为"jiuqing97.top",如遇到无法解压的请联系管理员!

    玖居暗巷 » 【WordPress美化】Ripro主题专用首页分类导航教程

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    对于网页模版、APP源码等类型的资源,文章内用于介绍的图片通常并不包含在对应可供下载资源包内。这些相关商业资源需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些文件也是这种情况,但部分资源会在资源包内有一份下载链接清单。
    玖居暗巷
    一个高级程序员模板开发平台

    Leave a Reply