第一步:

主题目录 -> inc ->theme-functions.php ,搜索“// 获取图片高度”,在“< 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>';        
}
?>

第二步:

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

.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
}

第三步:

主题目录 -> assets -> images 放入如下图片

RiPro 主题美化教程添加资源 VIP 角标+免费资源判断图标插图

预览效果:

RiPro 主题美化教程添加资源 VIP 角标+免费资源判断图标插图1

 

1、本站资源均存储在云盘,如发现链接失效,请联系我们我们会第一时间更新;
    2、根据2013年1月30日《计算机软件保护条例》2次修订第17条规定:
             为了学习和研究软件内含的设计思想和原理,通过安装、显示、传输或者存储软件等方式使用软件的,
             可以不经软件著作权人许可,不向其支付报酬!鉴于此,也希望大家按此说明研究软件!
    3、本站资源仅供学习和研究,大家请在下载后24小时内删除, 请勿进行商业交易、运营等行为;
    4、本站所有源码都来源于网络收集修改或者交换!如果侵犯了您的权益,请及时告知我们,我们即刻处理!