请在Chrome、Firefox等现代浏览器浏览本站。记住我们的域名:tmy123.com   加入本站QQ群,大家一起HIGH:点击加入QQ群

按评论数给WordPress评论加上VIP等级

WP教程 Jophen 俞 3625℃ 已收录 21评论
最近一直在研究wordpress默认的评论框,看到了网上很多博客都弄了评论VIP的功能,但是都是按照用户ID来判断的,也就是说管理员永远是VIP7,其他访客都是VIP1,对我来说这没什么意思,研究了下WP的另一个函数也就是上次说的获取访客信息,显示欢迎信息的那个,首先获取访客邮箱,根据评论次数才排VIP等级。下面上教程

1、首先下载素材图片,右键另存为即可。

WP教程 1

 

2、将VIP.png上传到主题的img目录下。(/wp-content/themes/**/img)没有的话新建一个

3、打开主题的functions.php,加入函数

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

3、加入css样式

 /*评论VIP*/ 
.vp,.vip,.vip1,.vip2,.vip3,.vip4,.vip5,.vip6,.vip7{background: url(img/vip.png) no-repeat;display: inline-block;overflow: hidden;border: none;}
.vp{background-position:-515px -2px;width: 16px;height: 16px;margin-bottom: -3px;} 
.vp:hover{background-position:-515px -22px;width: 16px;height: 16px;margin-bottom: -3px;} 
.vip{background-position:-494px -3px;width: 16px;height: 14px;margin-bottom: -2px;} 
.vip:hover{background-position:-494px -22px;width: 16px;height: 14px;margin-bottom: -2px;} 
.vip1{background-position:-1px -2px;width: 46px;height: 14px;margin-bottom: -1px;} 
.vip1:hover{background-position:-1px -22px;width: 46px;height: 14px;margin-bottom: -1px;} 
.vip2{background-position:-63px -2px;width: 46px;height: 14px;margin-bottom: -1px;} 
.vip2:hover{background-position:-63px -22px;width: 46px;height: 14px;margin-bottom: -1px;} 
.vip3{background-position:-144px -2px;width: 46px;height: 14px;margin-bottom: -1px;} 
.vip3:hover{background-position:-144px -22px;width: 46px;height: 14px;margin-bottom: -1px;} 
.vip4{background-position:-227px -2px;width: 46px;height: 14px;margin-bottom: -1px;} 
.vip4:hover{background-position:-227px -22px;width: 46px;height: 14px;margin-bottom: -1px;} 
.vip5{background-position:-331px -2px;width: 46px;height: 14px;margin-bottom: -1px;} 
.vip5:hover{background-position:-331px -22px;width: 46px;height: 14px;margin-bottom: -1px;} 
.vip6{background-position:-441px -2px;width: 46px;height: 14px;margin-bottom: -1px;} 
.vip6:hover{background-position:-441px -22px;width: 46px;height: 14px;margin-bottom: -1px;} 
.vip7{background-position:-611px -2px;width: 46px;height: 14px;margin-bottom: -1px;} 
.vip7:hover{background-position:-611px -22px;width: 46px;height: 14px;margin-bottom: -1px;}

4、最后一步,调用

将下方代码加到需要调用的位置即可。
<?php get_author_class($comment->comment_author_email,$comment->user_id)?>

如果是欲思主题则需要echo,在主题functions.php里搜索以下代码。

 echo str_replace(' src=', ' data-original=', convert_smilies(get_comment_text()));
在这行下面加入以下代码即可
 echo get_author_class($comment->comment_author_email,$comment->user_id);

5、给站长添加认证标识。WP教程 2

右键另存为,把上方图片上传到主题img目录下,和上面的操作一样,和vip.png在同目录下,第二步,在你想要显示的地方调用此函数,和上面评论vip调用的地方一致。
 if($comment->user_id == '1') 
 echo '<img src="'.get_bloginfo('template_directory').'/img/master.png">';
这样就完成了,赶紧去试试吧 😉
本站文章如未注明,均为原创丨本网站采用BY-NC-SA协议进行授权,转载请注明转自:https://tmy123.com/wp-comments-vip.html
喜欢 (8)
发表我的评论
取消评论
表情 代码 加粗 链接 私信 删除线 签到

Hi,请填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(21)条精彩评论。
  1. 国庆节你给我什么礼物[标签:标题] keyword2 http://244kk88.com/
    keyword22016年-10月-20日发表回复| Internet Explorer 11.0| Windows 7
  2. 最大的希望就是有你陪我疯一辈子[标签:标题] keyword1 http://artjiade.com/
    keyword12016年-10月-20日发表回复| Internet Explorer 11.0| Windows 7
  3. 喜迎中秋庆佳节,尊敬的客户你好,在这特别的日子我代表公司及全休员工祝你:家和事和和和美美,月圆人圆团团圆圆,财旺运旺一旺到底。 keyword2 http://youdeww88.cc/
    keyword22016年-10月-20日发表回复| Internet Explorer 11.0| Windows 7
  4. 这一季有我最深的思念。就让风捎去满心的祝福。缀满你甜蜜的梦境。祝你拥有一个灿烂的新年! [url=http://oplahol.com/]keyword1[/url]
    keyword12016年-10月-20日发表回复| Internet Explorer 11.0| Windows 7
  5. 谢谢咯 😛
    路人甲2016年-08月-18日发表回复| Google Chrome 51.0.2704.79| Windows 7 x64
  6. 好流弊~~
    漏网小鱼2015年-06月-03日发表回复| Google Chrome 38.0.2125.122| Windows Server 2003
    • 确实不错 饿也是大前端 DUX主题 无法添加啊 谁知道帮忙解决下
      打酱油2015年-06月-27日发表回复| Google Chrome 31.0.1650.63| Windows XP
      • 不知道,dux主题加密了吧,你用的是正版么
        Jophen 俞2015年-06月-27日发表| Google Chrome 43.0.2357.81| Windows 7 x64
  7. 大前端D8主题怎么加啊, 按照步骤添加了, 但是没效果
    liyu2015年-05月-12日发表回复| Google Chrome 41.0.2272.101| Windows 7 x64
    • 应该是你调用的位置不对,加群:306344378
      Jophen 俞2015年-05月-12日发表回复| Google Chrome 39.0.2171.99| Windows 7 x64
  8. 效果看起来很不错,有空我也折腾看看,谢谢分享
    BOKE1232015年-04月-16日发表回复| Firefox 37.0| Windows XP
  9. 试试看
    emllykitty2015年-02月-14日发表回复| Safari 533.1| Android 4.3
  10. 说句心里话,网站还是要极简,在不失去构架及完整性的前提下,尽量精简,
    挖金人2015年-02月-07日发表回复| Google Chrome 40.0.2214.93| Windows 8.1 x64
    • 我觉得已经够简洁了额,精简那么多还怎么玩
      Jophen 俞2015年-02月-07日发表回复| Google Chrome 38.0.2125.122| Windows 7
  11. 签到成功!签到时间:2015-02-06 22:52:41,每日打卡,生活更精彩哦~
    爱福利吧2015年-02月-06日发表回复| Google Chrome 39.0.2171.99| Windows 7
  12. 去测试一下
    爱福利吧2015年-02月-06日发表回复| Google Chrome 39.0.2171.99| Windows 7
  13. 看半天还是不会,哈哈
    图腾博客2015年-02月-05日发表回复| Google Chrome 31.0.1650.63| Windows 8.1 x64
  14. 大神就是大神,放弃多说才几天时间,默认评论框就做的如此之屌
    分钱榜2015年-02月-05日发表回复| Google Chrome 31.0.1650.63| Windows XP
    • 放弃多说有些时候了吧
      Jophen 俞2015年-02月-07日发表回复| Google Chrome 38.0.2125.122| Windows 7
  15. :mrgreen: if($comment->user_id == '1') echo '';这里不加{}这个括号吗
    7z72015年-02月-05日发表回复| Google Chrome 35.0.1916.153| Windows 8.1 x64
    • 不用额,我这里是直接加在欲思主题里的,不用哦
      Jophen 俞2015年-02月-05日发表回复| Google Chrome 38.0.2125.122| Windows 7