RiPro 主题添加资源角标

功能介绍

RiPro主题的确是一个不错的模板，现在很多美化教程，可以让我们的网站更加美观，今天我们就来教大家RiPro主题美化添加资源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 添加如下样式（子主题就在子主题或者后台头部样式里添加）：

/*添加资源VIP角标*/
.vwip30 {
    background-position: -40px 0;
}

.vwip10, .vwip30 {
    position: absolute;
    z-index: 10;
    border-radius: 5px 0 0 0;
}

.vwip10, .vwip30 {
    display: inline-block;
    background-image: url(../images/xxx.png);
    background-size: auto 40px;
    vertical-align: middle;
    height: 40px;
    width: 40px;
}

.vvip10, .vwip10 {
    background-position: 0 0;
}

3.上传图片 指定图片路径替换代码里面的图片路径：

延伸阅读

当然也可以在RiPro v2主题里面使用，只需要修改代码函数跟放置代码位置即可，下面我们一起来看一下：

3.上传图片 指定图片路径替换代码里面的图片路径：

好了本教程全部结束，喜欢就去试试吧！！