这个效果是仿制模板下载吧的样式,我们网站也有这个效果,但是我们网站使用的没有闪烁,且添加了底色,这个效果是原生的,教程以RiPro子主题修改为例!

1.在“ripro-chlid/functions.php”里添加如下代码:
//检测文章是否是永久会员
function _get_post_cao_is_boosvip() {
global $post;
$post_ID = $post->ID;
if (get_post_meta($post_ID, 'cao_price', true) == 0) {
if (_cao('is_article_list_down')) {
return '免费';
} else {
return '';
}
}
if (get_post_meta($post_ID, 'cao_is_boosvip', true)) {
return '终身VIP免费';
}
if (get_post_meta($post_ID, 'cao_vip_rate', true) == 0) {
return 'VIP免费';
}
$cao_vip_rate = get_post_meta($post_ID, 'cao_vip_rate', true) * 10;
return 'VIP ' . $cao_vip_rate . '折';
}
2.打开“ripro-chlid/parts/entry-footer.php”,搜索如下代码:
<?php if (_cao('grid_is_coments',false)) : ?>
3.在这段代码上面添加如下代码,此位置仅供参考,也可自由选择
<li class="vip-price"> <?php echo _get_post_cao_is_boosvip(); ?></li>
4.打开“ripro-chlid/diy.css”添加如下css样式
/**vip判断**/
.vip-price{color:#ffffff;background-color:#36be9a;padding:0 4px;border-radius:3px;animation:fade 1.2s infinite!important;-webkit-animation:fade 1.2s infinite;line-height:18px;margin-left:3px}
@keyframes fade{from{opacity:1}
50%{opacity:.4}
to{opacity:1}
}
1.本站大部分内容均收集于网络!若内容若侵犯到您的权益,请发送邮件至:175495721@qq.com,我们将第一时间处理!
2.资源所需价格并非资源售卖价格,是收集、整理、编辑详情以及本站运营的适当补贴,并且本站不提供任何免费技术支持
3.所有资源仅限于参考和学习,版权归原作者所有,更多请阅读网站声明。