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

2021-04-30 WordPress 0 1,260 百度已收录
郑重承诺丨优站网提供安全交易、信息保真!
增值服务:
自动发货
网盘下载
安装指导
环境配置
二次开发
网站建设
¥ 0 (VIP免费升级VIP开通VIP尊享优惠特权
立即下载 升级会员 购买教程 售后支持
详情介绍

这个教程是给你学习使用的,链接死了!!!

教程和演示站一样。购买时照看演示站非常简单!

演示站:http://116.85.25.32/

主页效果

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

添加后台可自行决定位置

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

好了 教程开始:

一、在ripro/parts/home-mode目录下新建一个名为mobile.php,并复制以下内容并粘贴。(根据自己站点的内容修改以下内容) 如:<li&gt;<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">商城系统</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" 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" ><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">源码寄售</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" >其他寄售</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" ><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" ><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" type="text/css" media=
资源下载此资源仅限注册用户下载,请先
客服QQ:1427707223
收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

免责声明   ⚠️ 1. 本站所有资源来源于网络收集,若资源侵犯了您的合法权益, 请来信通知我们(Email: 1427707223@qq.com),我们会及时删除,给您带来的不便,我们深表歉意! 2. 分享目的仅供大家学习和交流,若使用商业用途,请购买正版授权! 否则产生的一切后果将由下载用户自行承担! 3. 会员不得使用于非法商业用途,不得违反国家法律。否则后果自负! 4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解! 5. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需! 6. 因源码具有可复制性,一经购买 ,不得以任何形式退款。 7.更多详情请点击查看

优站网 WordPress ripro主题专用首页分类导航教程WordPress教程 https://www.zhanceo.com/131.html

诚乃立身之本、信为道德之基

常见问题
  • 如果付款后没有弹出下载页面,多刷新几下,有问题联系客服!
查看详情
  • 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
查看详情

相关文章

联系官方客服

为您解决烦忧 - 24小时在线 专业服务

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