【Ripro美化】RiPro主题美化：添加资源VIP角标

第一步：

在主题目录 > 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/2.png);
background-size: auto 40px;
vertical-align: middle;
height: 40px;
width: 40px;
}
.vvip10,.vwip10 {
background-position: 0 0
}

第三步：

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

[sgbtn_blue href=’https://pengnaiming.nos-eastchina1.126.net/%E7%B4%A0%E6%9D%90%E4%B8%8B%E8%BD%BD/WP%E7%AC%94%E8%AE%B0%E7%B4%A0%E6%9D%90/RiPro%E4%B8%BB%E9%A2%98%E7%BE%8E%E5%8C%96%EF%BC%9A%E6%B7%BB%E5%8A%A0%E8%B5%84%E6%BA%90VIP%E8%A7%92%E6%A0%87-448/2.rar’]点击下载图片[/sgbtn_blue]

感谢您的来访，获取更多精彩文章请收藏本站。