这个教程是给你学习使用的,链接死了!!!
教程和演示站一样。购买时照看演示站非常简单!
演示站:http://116.85.25.32/
主页效果
添加到后台可自行决定位置
好了 教程开始:
一、在 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=商城&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=企业&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=转载请注明:汇站网 » ripro 主题专用首页分类导航教程 WordPress 教程
常见问题查看详情
- 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
相关文章
猜你喜欢
- 7B2 PRO主题5.4.2免授权版本(直接安装) 2024-05-11
- 如果WordPress搜索结果为空,自动跳转到网站首页 2024-02-01
- 浏览器缓存可以分为强缓存和协商缓存两种方式 2024-01-21
- 如何让WordPress支持上传WebP格式图片? 2024-01-20
- 利用WordPress设置API实现自定义设置页面。 2024-01-20
- WordPress api接口 版本历史 2024-01-20
- WordPress用户密码加密和验证的详细解释 2024-01-19
- WordPress禁用媒体附件页面教程 2024-01-19
- WordPress修改了文章的默认密码保护提示 2024-01-19
- WordPress配置(站群)多站点详细教程方法 2024-01-19