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

按照你说的修改
2013-05-15 14:22等级那里直接显示:
“SELECT comment_ID as author_count FROM $wpdb->comments WHERE comment_author_email = ‘$comment_author_email’ “));
这是为什么呢
你该不会是直接替换了吧?还有,最后一步的那个图片有没有放对位置?
2013-05-15 17:55博主,可以把Fuction文件发小弟学习下不
2013-05-15 12:05你想要什么功能呢?如果要评论之星的话,可以按照上面的方法进行修改就OK了。
2013-05-15 12:22我用的知更鸟主题,按你的教程来搞,有点不一样
2013-05-15 12:38已经通过QQ邮箱发送给你,具体的要自己进行修改。
2013-05-15 12:43这个不错,我正想着是否也用在自己的博客呢,呵,纠结啊
2013-03-28 20:27这个纯属个人爱好,喜欢的话就可以DIY进去你的博客。
2013-03-30 00:00图片放置问题?将那一个包含所有等级的图片放进去,还是一个等级一个图片?
2013-02-24 00:57包含所有等级的图片放进去就OK了。
2013-02-24 14:37- -乖乖,你这东东从哪里找来的啊! 呵呵!
2013-01-30 17:22这个具体在哪里找的我都忘了,纯属美观DIY,看起来还行,哈
2013-01-31 12:26恩恩,不错不错,有空我就偷回去也来个VIP玩~~ 呵呵。可是你这个不用上传图片的吗?
2013-01-31 19:31汗。。。这说明你没有认真的看完这篇日志嘛,你懂的。
2013-02-01 09:33

2012-11-13 21:00这个等级制度可以清晰的表示出对博客的关注度,真好,不过我的博客似乎没地方放这个图标。。。
2012-10-28 12:52挤挤就有了嘛,哈
2012-10-28 12:55我来评论一下个,看看有没有星星。
2012-10-20 15:09恭喜你获得两个评论之星,哈
2012-10-20 20:48这个星星,是人工的,还是自动的。
2012-10-21 11:14非插件,全手工修改,全自动升级。多少天评论就说明级别。
2012-10-21 12:52要手工操作,那么多呀。
2012-10-21 23:21手工修改总比用插件来的爽吧,用插件影响速度,本来WordPress对速度的要求就很高。
2012-10-21 23:27一个字,累,或者懒
2012-10-21 23:29汗。。。
2012-10-21 23:39