给wordpress上评论之星 vip等级功能 | M88

给WordPress加上评论之星-VIP等级功能

最近在一些WordPress博客里看到一个很好看的功能,就是用户认证、评论之星VIP等级功能,觉得还不错,所以就折腾了一下,转了过来。
截图如下:

具体实现方法如下,此方法适用于所有主题。
第一步:当然是先加入我们的核心实现方法,其实非常的简单,就一个wp函数,打开主题里面的functions.php文件,在最后一个?>之前加入下面代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
//获取访客VIP样式
function get_author_class($comment_author_email,$user_id){
    global $wpdb;
    $adminEmail = get_option('admin_email');
    $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 ==$admin_Email) return;
    //因为我的管理员没有设计特殊样式,所以直接返回,可以制作图标自己定制的哦
    if($user_id!=0 && $comment_author_email !=$admin_Email)
        echo '<a class="vip" href="https://www.zhbk.name/" title="子浩博客认证用户"></a>';
    if($author_count>=10 && $author_count<30)
        echo '<a class="vip1" href="https://www.zhbk.name/" title="评论之星 LV.1"></a>';
    else if($author_count>=30 && $author_count<50)
        echo '<a class="vip2" href="https://www.zhbk.name/" title="评论之星 LV.2"></a>';
    else if($author_count>=50 && $author_count<100)
        echo '<a class="vip3" href="https://www.zhbk.name/" title="评论之星 LV.3"></a>';    
    else if($author_count>=100 && $author_count<300)
        echo '<a class="vip4" href="https://www.zhbk.name/" title="评论之星 LV.4"></a>';    
    else if($author_count>=300 &&$author_count<500)
        echo '<a class="vip5" href="https://www.zhbk.name/" title="评论之星 LV.5"></a>';    
    else if($author_count>=500 && $author_count<1000)
        echo '<a class="vip6" href="https://www.zhbk.name/" title="评论之星 LV.6"></a>';    
    else if($author_count>=1000)
        echo '<a class="vip7" href="https://www.zhbk.name/" title="评论之星 LV.7"></a>';    
}
1
 "SELECT comment_ID as author_count FROM $wpdb->comments WHERE comment_author_email = '$comment_author_email' "));

这一行就是重点了,就是根据评论人的Email,查询他的评论数量,来判断对应的VIP等级,这个代码很多地方可以定制的,比如样式可以自己定义,可以直接改成文字都可以,不用class样式;判断VIP等级的条件可以自己定义,大家可以按需要修改成自己满意的。
第二步:在适合的地方调用此函数,因为每个主题基本都不一样,我的都是非标准主题,所以需要大家找到你的主题调用评论的地方,搜索

1
<!--?php comment_author_link();?-->

在后面使用下面语句获得VIP样式:

1
"SELECT comment_ID as author_count FROM  $wpdb->comments WHERE comment_author_email = '$comment_author_email' "));

第三步:加入样式所对应的CSS文件,如果使用文字的童鞋请跳过这一步:

1
2
3
4
5
6
7
8
9
10
11
/**博客VIP样式**/
.vp,.vip,.vip1,.vip2,.vip3,.vip4,.vip5,.vip6,.vip7{background: url(https://www.zhbk.name/files/images/vip.png) no-repeat;display: inline-block;overflow: hidden;border: none;}
.vp{background-position:-495px -3px;width: 14px;height: 14px;margin-bottom: -2px;}
.vip{background-position:-515px -2px;width: 15px;height: 16px;margin-bottom: -3px;}
.vip1{background-position:-1px -2px;width: 46px;height: 14px;margin-bottom: -1px;}
.vip2{background-position:-63px -2px;width: 46px;height: 14px;margin-bottom: -1px;}
.vip3{background-position:-144px -2px;width: 46px;height: 14px;margin-bottom: -1px;}
.vip4{background-position:-227px -2px;width: 46px;height: 14px;margin-bottom: -1px;}
.vip5{background-position:-331px -2px;width: 46px;height: 14px;margin-bottom: -1px;}
.vip6{background-position:-441px -2px;width: 46px;height: 14px;margin-bottom: -1px;}
.vip7{background-position:-611px -2px;width: 46px;height: 14px;margin-bottom: -1px;}

最后一步:把VIP图片扔到我们的博客主题images下面去,下面提供图片下载,也可以自己制作。

此文转载自:https://www.cvcoo.com/wordpress-add-vip-module/comment-page-4

本文固定链接: https://www.zhbk.name/%e7%bb%99wordpress%e5%8a%a0%e4%b8%8a%e8%af%84%e8%ae%ba%e4%b9%8b%e6%98%9f-vip%e7%ad%89%e7%ba%a7%e5%8a%9f%e8%83%bd | m88博客

该日志由 m88 于2012年10月14日发表在 心情日志, 资源共享 分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: 给WordPress加上评论之星-VIP等级功能 | 子浩博客
关键字: VIP等级功能, 用户认证, 评论之星

给WordPress加上评论之星-VIP等级功能:目前本页面共有 25 条留言 其中:访客:13 条, 博主:12 条, 访客以 13:12 暂时领先博主

  1. 此人正徘徊于小区
    养猪大户 China Google Chrome Windows :

    按照你说的修改
    等级那里直接显示:
    “SELECT comment_ID as author_count FROM $wpdb->comments WHERE comment_author_email = ‘$comment_author_email’ “));
    这是为什么呢

    2013-05-15 14:22 [回复]
    • m88 China Google Chrome Windows :

      你该不会是直接替换了吧?还有,最后一步的那个图片有没有放对位置?

      2013-05-15 17:55 [回复]
  2. 此人正徘徊于宅院
    养猪大户 China Google Chrome Windows :

    博主,可以把Fuction文件发小弟学习下不

    2013-05-15 12:05 [回复]
    • m88 China Google Chrome Windows :

      你想要什么功能呢?如果要评论之星的话,可以按照上面的方法进行修改就OK了。

      2013-05-15 12:22 [回复]
      • 养猪大户 China Google Chrome Windows :

        我用的知更鸟主题,按你的教程来搞,有点不一样

        2013-05-15 12:38 [回复]
        • m88 China Google Chrome Windows :

          已经通过QQ邮箱发送给你,具体的要自己进行修改。

          2013-05-15 12:43 [回复]
  3. 此人正徘徊于楼梯
    忘想 China Mozilla Firefox Windows :

    这个不错,我正想着是否也用在自己的博客呢,呵,纠结啊

    2013-03-28 20:27 [回复]
    • m88 China Google Chrome Windows :

      这个纯属个人爱好,喜欢的话就可以DIY进去你的博客。

      2013-03-30 00:00 [回复]
  4. 此人正徘徊于走廊
    誊武 China Google Chrome Windows :

    图片放置问题?将那一个包含所有等级的图片放进去,还是一个等级一个图片?

    2013-02-24 00:57 [回复]
    • m88 China Google Chrome Windows :

      包含所有等级的图片放进去就OK了。

      2013-02-24 14:37 [回复]
  5. 此人正徘徊于门口
    caly China Google Chrome Windows :

    - -乖乖,你这东东从哪里找来的啊! 呵呵!

    2013-01-30 17:22 [回复]
    • m88 China Google Chrome Windows :

      这个具体在哪里找的我都忘了,纯属美观DIY,看起来还行,哈

      2013-01-31 12:26 [回复]
      • caly China Google Chrome Windows :

        恩恩,不错不错,有空我就偷回去也来个VIP玩~~ 呵呵。可是你这个不用上传图片的吗?

        2013-01-31 19:31 [回复]
        • m88 China Google Chrome Windows :

          汗。。。这说明你没有认真的看完这篇日志嘛,你懂的。

          2013-02-01 09:33 [回复]
  6. 此人强势抢占了地板
    goo China Google Chrome Windows :

    :eek: :eek:

    2012-11-13 21:00 [回复]
  7. 此人强势抢占了板凳
    Always.Life China Google Chrome Windows :

    这个等级制度可以清晰的表示出对博客的关注度,真好,不过我的博客似乎没地方放这个图标。。。

    2012-10-28 12:52 [回复]
    • m88 China Mozilla Firefox Windows :

      挤挤就有了嘛,哈

      2012-10-28 12:55 [回复]
  8. 此人强势抢占了沙发
    秦天添博客 China Internet Explorer Windows :

    我来评论一下个,看看有没有星星。 :lol:

    2012-10-20 15:09 [回复]
    • m88 China Mozilla Firefox Windows :

      恭喜你获得两个评论之星,哈

      2012-10-20 20:48 [回复]
      • 这个星星,是人工的,还是自动的。

        2012-10-21 11:14 [回复]
        • m88 China Mozilla Firefox Windows :

          非插件,全手工修改,全自动升级。多少天评论就说明级别。

          2012-10-21 12:52 [回复]
          • 要手工操作,那么多呀。

            2012-10-21 23:21 [回复]
            • m88 China Mozilla Firefox Windows :

              手工修改总比用插件来的爽吧,用插件影响速度,本来WordPress对速度的要求就很高。

              2012-10-21 23:27 [回复]

发表评论


使用QQ登陆

快捷键:Ctrl+Enter
欢迎来自 miantiao.me 的朋友!
推荐您 点击这里 订阅我的博客
×