WordPress添加用户评论VIP等级的方法

  • 2K

对于经常来博客串门的朋友,如果能根据他的评论次数显示不同的等级,这样既好玩,又可以起到鼓励评论的作用。在哼哼猪那里看到了设置访客留言VIP的方法,转过来分享一下,自己也做一个笔记备忘。
WordPress添加用户评论VIP等级的方法

下面是效果图:

WordPress添加用户评论VIP等级的方法

下面是修改方法:

一、首先下载VIP图片(右键另存为):
WordPress添加用户评论VIP等级的方法

二、将图片复制到你现在使用的主题目录的images文件夹中(/wp-content/themes/**/images)

三、修改主题的style.css文件,在后面复制粘贴下面的代码(建议在后台的主题-编辑中修改,如果本地修改,不要用记事本打开,使用NotePad++编辑,下面的文件同样如此)

  1. /*评论者VIP显示功能的样式*/
  2. .vp,.vip,.vip1,.vip2,.vip3,.vip4,.vip5,.vip6,.vip7{background: url(images/vip.png) no-repeat;display: inline-block;overflow: hidden;border: none;}
  3. .vp{background-position:-515px -2px;width: 16px;height: 16px;margin-bottom: -3px;}
  4. .vp:hover{background-position:-515px -22px;width: 16px;height: 16px;margin-bottom: -3px;}
  5. .vip{background-position:-494px -3px;width: 16px;height: 14px;margin-bottom: -2px;}
  6. .vip:hover{background-position:-494px -22px;width: 16px;height: 14px;margin-bottom: -2px;}
  7. .vip1{background-position:-1px -2px;width: 46px;height: 14px;margin-bottom: -1px;}
  8. .vip1:hover{background-position:-1px -22px;width: 46px;height: 14px;margin-bottom: -1px;}
  9. .vip2{background-position:-63px -2px;width: 46px;height: 14px;margin-bottom: -1px;}
  10. .vip2:hover{background-position:-63px -22px;width: 46px;height: 14px;margin-bottom: -1px;}
  11. .vip3{background-position:-144px -2px;width: 46px;height: 14px;margin-bottom: -1px;}
  12. .vip3:hover{background-position:-144px -22px;width: 46px;height: 14px;margin-bottom: -1px;}
  13. .vip4{background-position:-227px -2px;width: 46px;height: 14px;margin-bottom: -1px;}
  14. .vip4:hover{background-position:-227px -22px;width: 46px;height: 14px;margin-bottom: -1px;}
  15. .vip5{background-position:-331px -2px;width: 46px;height: 14px;margin-bottom: -1px;}
  16. .vip5:hover{background-position:-331px -22px;width: 46px;height: 14px;margin-bottom: -1px;}
  17. .vip6{background-position:-441px -2px;width: 46px;height: 14px;margin-bottom: -1px;}
  18. .vip6:hover{background-position:-441px -22px;width: 46px;height: 14px;margin-bottom: -1px;}
  19. .vip7{background-position:-611px -2px;width: 46px;height: 14px;margin-bottom: -1px;}
  20. .vip7:hover{background-position:-611px -22px;width: 46px;height: 14px;margin-bottom: -1px;}

四、修改主题的functions.php文件,在后面复制粘贴下面的代码

  1. //获取访客VIP样式
  2. function get_author_class($comment_author_email,$user_id){
  3. global $wpdb;
  4. $author_count = count($wpdb->get_results(
  5. "SELECT comment_ID as author_count FROM $wpdb->comments WHERE comment_author_email = '$comment_author_email' "));
  6. $adminEmail = get_option('admin_email');if($comment_author_email ==$adminEmail) return;
  7. if($author_count>=1 && $author_count<3)
  8. echo '<a class="vip1" title="评论达人 LV.1"></a>';
  9. else if($author_count>=3 && $author_count<5)
  10. echo '<a class="vip2" title="评论达人 LV.2"></a>';
  11. else if($author_count>=5 && $author_count<10)
  12. echo '<a class="vip3" title="评论达人 LV.3"></a>';
  13. else if($author_count>=10 && $author_count<20)
  14. echo '<a class="vip4" title="评论达人 LV.4"></a>';
  15. else if($author_count>=20 &&$author_count<50)
  16. echo '<a class="vip5" title="评论达人 LV.5"></a>';
  17. else if($author_count>=50 && $author_count<100)
  18. echo '<a class="vip6" title="评论达人 LV.6"></a>';
  19. else if($author_count>=100)
  20. echo '<a class="vip7" title="评论达人 LV.7"></a>';
  21. }

 

然后将下面的代码加入到你需要放置的地方

  1. <?php get_author_class($comment->comment_author_email,$comment->user_id)?>

一般也是在functions.php,在下面这行代码的后面:

  1. <?php comment_author_link() ?>

 

相关推荐:WordPress添加评论友链认证的方法

阿斯兰萨拉
评论  16  访客  10  作者  6
    • 布宜诺斯艾利斯
      布宜诺斯艾利斯 Google Chrome 45 Windows 10 9

      谢谢 学习了

      • 你家包子℃
        你家包子℃ Firefox 40 Windows 7 9

        这个评论顶功能怎么实现啊 :?:

        • 番号姐姐
          番号姐姐 Google Chrome 39 Windows 7 0

          根据什么来判断的用户评论等级呢?

            • 阿斯兰萨拉
              阿斯兰萨拉 Google Chrome 39 Windows 7

              @ 番号姐姐 看第四部,里面有,比如第9-10行,也就是3=<评论数>5之间,就是VIP2

            • 艾薇百科
              艾薇百科 Opera IBIS 12 Windows 7 0

              这个会不会影响网站打开的速度啊?

                • 阿斯兰萨拉
                  阿斯兰萨拉 Google Chrome 38 Windows 7

                  @ 艾薇百科 一张图片而已,如果这都造成了影响,还是换主机更实在些

                • 李阳博客
                  李阳博客 Google Chrome 30 Windows 7 1

                  :?: funtction被加密了,但是加密的xiu_function用模板函数function包含了,这该如何添加那段代码。 :cry:

                    • 阿斯兰萨拉
                      阿斯兰萨拉 Google Chrome 38 Windows 7

                      @ 李阳博客 出售的主题一般都加密function,怎么弄就不知道,没用过收费主题,没研究过

                    • 李阳博客
                      李阳博客 Google Chrome 30 Windows 7 1

                      :!: :evil: 博主可以分享下浏览器 操作系统和来自X的网友这个代码吗?

                      • 低调
                        低调 Internet Explorer 11 Windows 7 0

                        博主你好可以分享下你这个评论显示网友地址位置的代码或者插件吗?

                        • 夜蝠翔空
                          夜蝠翔空 Google Chrome 32 Windows XP 2

                          :razz: 偷文章一篇。。。特此通知

                            • 阿斯兰萨拉
                              阿斯兰萨拉 CoolNovo 2 Windows 7

                              @ 夜蝠翔空 我刚才看了你的那篇,关于负载,估计他说的是这一句:$author_count = count($wpdb->get_results,查询回复次数确实要查询数据库,其实这个真没必要,我刚才看了一下我的VPS,4核20%,mysql负载在0.3到0.8跳动,我有3000多评论,现在才这么点负载,我问了一下朋友的,19K的评论,也才1.X,而且mysql的占用,还涉及到别的,所以他的高,还因为他文章多,访问量大

                            • mememe
                              mememe Google Chrome 21 Windows 7 0

                              哈哈。测试一下

                                • 阿斯兰萨拉
                                  阿斯兰萨拉 CoolNovo 2 Windows 7

                                  @ mememe 。。。我这肯定有。。。VIP1

                              匿名

                              发表评论

                              匿名网友 填写信息

                              :?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: