RiPro主题的确是一个不错的模板，现在很多美化教程，可以让我们的网站更加美观，今天我们就来教大家RiPro主题美化添加资源VIP角标的教程。

首先给大家看看大致的截图：

RiPro主题美化:添加资源VIP角标教程插图

添加资源VIP角标教程正式开始：

1.首先找到ripro -> inc -> theme-functions.php文件，并全局搜索”// 获取图片高度” 默认为176行，在【<div class="entry-media">】后面添加如下代码：

<?php if ((_get_post_shop_hide()) ||(_get_post_price()!=0)&& _cao('grid_is_price',true)){ 
    	 echo '<i class="vwip30"></i>'; 
      }else{
    	echo '<i class="vwip10"></i>';
     }
  ?>

2.然后修改样式，找到，主题目录ripro -> assets -> css -> diy.css 添加如下样式（子主题就在子主题或者后台头部样式里添加）：

 

隐藏内容
本内容需权限查看
  • 注册用户: 5积分
  • 会员用户: 4积分8折
  • 永久会员: 免费
已有258人解锁查看

3.下载本帖提供的附件图标

4.将下载的图标放在主题目录ripro -> assets -> images 里（子主题类似）

 

注意下方说明：

1.在CSS里查找“ background-image: url(../images/xxx.png); "为图标路径与名称

2.用子主题的可以自己参考，主要主要的就是路径与图片名称

1.使用本站下载的源码仅限于个人学习和非商业用途。
2.禁止将本站下载的源码用于搭建或支持任何违法、淫秽、暴力或侵犯他人合法权益的网站或应用。
3.使用本站下载的源码需遵守国家法律法规及相关规定，不得从事任何违法活动。
4.如若本站内容侵犯了原著者的合法权益，请联系我们进行处理。