欢迎光临
我们一直在努力
扫描二维码在手机上浏览
WordPress相关

WordPress评论显示会员VIP认证等级增强用户活跃度

看到不少的博客上面都有VIP的等级小图片,感觉很有趣,研究了一下,原来这是根据访客的评论数量来实现的等级制度,评论数量越多的访客等级越高,把这样的等级制度搬到评论的地方可以增加站点的活跃度,不少的访客会为评论等级而经常来你的站点进行评论回访,这样可以调动大家的评论积极性。

实现方法

  1. 在主题目录下的 functions.php 中插入以下代码:
    /**********************************************************
    *************** 评论 VIP 标志 ***************
    **********************************************************/
     
    function get_author_class($comment_author_email,$comment_author_url)
    {
     if ( $comment_author_email == '')
     {
     return;
     }
     global $wpdb;
     $adminEmail = get_the_author_meta('user_email',1);
     $author_count = count($wpdb->get_results(
     "SELECT comment_ID as author_count FROM $wpdb->comments WHERE comment_author_email = '$comment_author_email' "));
     if($comment_author_email == $adminEmail)
     echo '<a class="vp" title="'.get_bloginfo('name').'官方认证:最高管理员"></a>';
     $linkurls = $wpdb->get_results(
     "SELECT link_url FROM $wpdb->links WHERE link_url = '$comment_author_url'");
     foreach ($linkurls as $linkurl) {
     if ($linkurl->link_url == $comment_author_url )
     echo '<a class="vip" title="'.get_bloginfo('name').'官方认证:合作商或友情链接认证 ,已评论 ' . $author_count . ' 次"></a>';
     }
     if($author_count>=1 && $author_count<10 && $comment_author_email!=$adminEmail)
     echo '<a class="vip1" title="评论之星 LV.1 ,已评论 ' . $author_count . ' 次"></a>';
     else if($author_count>=10 && $author_count<20 && $comment_author_email!=$adminEmail)
     echo '<a class="vip2" title="评论之星 LV.2 ,已评论 ' . $author_count . ' 次"></a>';
     else if($author_count>=20 && $author_count<50 && $comment_author_email!=$adminEmail)
     echo '<a class="vip3" title="评论之星 LV.3 ,已评论 ' . $author_count . ' 次"></a>';
     else if($author_count>=50 && $author_count<100 && $comment_author_email!=$adminEmail)
     echo '<a class="vip4" title="评论之星 LV.4 ,已评论 ' . $author_count . ' 次"></a>';
     else if($author_count>=100 &&$author_count<200 && $comment_author_email!=$adminEmail)
     echo '<a class="vip5" title="评论之星 LV.5 ,已评论 ' . $author_count . ' 次"></a>';
     else if($author_count>=200 && $author_coun<500 && $comment_author_email!=$adminEmail)
     echo '<a class="vip6" title="评论之星 LV.6 ,已评论 ' . $author_count . ' 次"></a>';
     else if($author_count>=500 && $comment_author_email!=$adminEmail)
     echo '<a class="vip7" title="评论之星 LV.7 ,已评论 ' . $author_count . ' 次"></a>';
    }
  2. commentvip.png (右键另存为) 放在主题目录中的 images 目录下(/wp-content/themes/主题名称/images/commentvip.png)
  3. 将以下代码插入 Style.css 中:
    /* Comment VIP User */
    .vp,.vip,.vip1,.vip2,.vip3,.vip4,.vip5,.vip6,.vip7{background: url(images/commentvip.png) no-repeat;display: inline-block;overflow: hidden;border: none;}
    .vp{background-position:-494px -3px;width: 16px;height: 16px;margin-bottom: -3px;}
    .vp:hover{}
    .vip{background-position:-515px -2px;width: 16px;height: 16px;margin-bottom: -3px;}
    .vip:hover{width: 16px;height: 16px;margin-bottom: -3px;}
    .vip1{background-position:-1px -2px;width: 46px;height: 14px;margin-bottom: -1px;}
    .vip1:hover{width: 46px;height: 14px;margin-bottom: -1px;}
    .vip2{background-position:-63px -2px;width: 46px;height: 14px;margin-bottom: -1px;}
    .vip2:hover{width: 46px;height: 14px;margin-bottom: -1px;}
    .vip3{background-position:-144px -2px;width: 46px;height: 14px;margin-bottom: -1px;}
    .vip3:hover{width: 46px;height: 14px;margin-bottom: -1px;}
    .vip4{background-position:-227px -2px;width: 46px;height: 14px;margin-bottom: -1px;}
    .vip4:hover{width: 46px;height: 14px;margin-bottom: -1px;}
    .vip5{background-position:-331px -2px;width: 46px;height: 14px;margin-bottom: -1px;}
    .vip5:hover{width: 46px;height: 14px;margin-bottom: -1px;}
    .vip6{background-position:-441px -2px;width: 46px;height: 14px;margin-bottom: -1px;}
    .vip6:hover{width: 46px;height: 14px;margin-bottom: -1px;}
    .vip7{background-position:-611px -2px;width: 46px;height: 14px;margin-bottom: -1px;}
    .vip7:hover{width: 46px;height: 14px;margin-bottom: -1px;}
    .btn-out,.btn-hover,.btn-down{background: url(images/vip.png) no-repeat;width: 64px;height: 23px;border:none;}
    .btn-out{background-position:-659px -1px;}
    .btn-hover{background-position:-724px -1px;}
    .btn-down{background-position:-789px -1px;}
    .input{border-radius: 1px 1px 1px 1px;border:1px solid #C5C5C5;background-color:#F6F6F6;}
    .input:hover,.input:focus{background-color: white;border-color: #464646;}
  4. 最后在适当的地方调用以下代码即可:
    <?php get_author_class($comment->comment_author_email,$comment->comment_author_url) ?>

方法教完了,剩下的就是你的实践啦,其实说是显示会员认证和会员等级,但这其实对已注册会员还是未注册的评论者都是有效的,因为它是根据评论者的评论次数来决定等级的,次数的改变在那个代码里,我想大家应该都可以看的懂,如果确实不懂的可以联系我,我尽力帮大家的。

THE END
历史上的今天
十二月
9
    哇哦~~~,历史上的今天没发表过文章哦
标签
喜欢就支持一下吧!!!
点赞0打赏分享
版权声明
本站文章除注明转载外,均为本站原创或翻译,欢迎任何形式的转载,但请务必注明出处,尊重他人劳动。
转载请注明:文章转载自:灵阳星空 » WordPress评论显示会员VIP认证等级增强用户活跃度
本文标题:WordPress评论显示会员VIP认证等级增强用户活跃度
本文日期:本文发表于 2019/12/09 15:20:16,最后更新于 2019/12/09 15:20:16,如内容失效,请反馈给我们,谢谢!
本文地址: https://www.jsksky.com/user-comment-vip.html

网络臭虫

已发布388篇文章
吃得苦中苦,方为人上人,不卧薪藏胆,哪能苦尽甘来?点击进入我的网站了解更多有关我的信息。

评论 抢沙发

评论前必须登录!

 


觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏