RiPro 主题美化教程+源码 (第四期)

本期内容:添加底部波浪效果、友情链接添加友情链接自助申请界面、添加VIP角标、修改右侧悬浮导航效果演示(一)


效果演示(一)

教程一、添加底部波浪效果
第一步:主题目录 -> footer.php 在“</footer>”后添加如下代码

第二步:主题目录 -> assets -> css -> diy.css 添加如下样式

教程二、添加友情链接效果
第一步:主题目录打开 functions.php ,在最后添加如下代码

第二步:主题目录 -> footer.php ,在“<?php if ( _cao( ‘cao_copyright_text’, ” ) != ” ) : ?>”前添加如下代码

第三步:主题目录 -> assets -> css -> diy.css 添加如下样式

教程三、添加友情链接自助申请界面
第一步:主题目录打开 functions.php ,搜索“pages/tags.php”(跟着教程走的童鞋请搜索“pages/vip.php”),换行添加如下代码

解释:默认自动添加页面,页面标题为“自助友链”,页面地址为“links”

第二步:主题目录 -> pages 目录下添加“links.php”,并在“links.php”中添加如下代码

第三步:主题目录 -> assets -> css -> diy.css 添加如下样式

教程四、添加资源VIP角标
第一步:主题目录 -> inc -> theme-functions.php ,搜索“// 获取图片高度”,在“<div class=”entry-media”>”后添加如下代码

第二步:主题目录 -> assets -> css -> diy.css 添加如下样式

第三步:主题目录 -> assets -> images 放入如下图片(资源信息见第三期

教程五、修改右侧悬浮导航
第一步:主题目录打开 footer.php ,修改如图所示内容

第二步:主题目录 -> assets -> css -> diy.css 添加如下样式

原创作者:52pojie@死神的泪谁懂
第一期:RiPro美化教程+源码(每日一更)http://www.wayu.cn/71537.html
第二期:RiPro 主题美化教程 (第二期)http://www.wayu.cn/71544.html
第三期:RiPro 主题美化教程+源码 (第三期)http://www.wayu.cn/71548.html
第四期:RiPro 主题美化教程+源码 (第四期)http://www.wayu.cn/71553.html
第五期:RiPro 主题美化教程+源码 (第四期)http://www.wayu.cn/71559.html
版权免责声明

① 本站VIP源码资源永久免费下载 www.wayu.cn
② 本网站资源来源于网络收集,如有侵权,请联系站长进行删除处理。
③ 分享目的仅供大家学习和交流,请不要用于商业用途,否则后果自负。
④ 如果你有源码需要出售,可以联系小编,或者点击 投稿
⑤ 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解。
⑥ 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需。
⑦ 在您的能力范围内,为了大环境的良性发展,请尽可能的选择正版资源。
⑧ 网站资源不做任何二次加密和授权后门(原版加密除外)

评论4

请先

  1. 感谢分享!
    至尊2020-01-03
  2. 感谢分享!!
    cc17327656292020-01-09
  3. 源码显示有问题
    12345652020-01-17
  4. 感谢分享
    执着2020-02-08
没有账号? 忘记密码?