当前位置:首页网站教程wordpress教程RiPro主题美化:添加文章VIP资源判断闪烁标识

RiPro主题美化:添加文章VIP资源判断闪烁标识

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

RiPro主题美化:添加文章VIP资源判断闪烁标识

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}
}
温馨提示:

文章标题:RiPro主题美化:添加文章VIP资源判断闪烁标识

文章链接:https://www.xtuku.com/18871.html

更新时间:2023年06月09日

声明:本站大部分内容均收集于网络!若内容若侵犯到您的权益,请发送邮件至:590173@qq.com我们将第一时间处理! 资源所需价格并非资源售卖价格,是收集、整理、编辑详情以及本站运营的适当补贴,并且本站不提供任何免费技术支持。 所有资源仅限于参考和学习,版权归原作者所有,更多请阅读新图酷网网络免责服务协议

给TA赞助
共{{data.count}}人
人已赞助
个人中心
购物车
优惠劵
搜索