WordPress主题-RiPro美化教程添加资源 VIP 角标

wordpress教程 3年前 157

第一步：主题目录 -> 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 放入如下图片