当前位置:首页>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}
}

温馨提示:本文最后更新于 2023-12-10 09:25 ,某些文章具有时效性,若有错误或已失效,请在下方留言或联系QQ115904045
声明 本站上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。无意侵害您的权益,请发送邮件至 [email protected] 或点击右侧 私信:尚艺网络 反馈,我们将尽快处理。

给TA打赏
共{{data.count}}人
人已打赏
wordpress教程

WordPressPing(更新服务)地址列表

2023-12-9 15:47:07

wordpress教程

设置Nginx Helper插件让你的网站访问更快

2023-12-10 9:46:15

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索
联系我们