给wordpress博客加一个评论等级图标

wp相关 深圳seo博主 7年前 (2012-11-01) 6929次浏览 已收录

如果你的博客内容十分棒,很多人会反复来看你的文章并且留言的话,是不是该给这些老会员一点“特权”呢?!今天小编就给大家带来了一个教程,可以让经常回复的人有特别的标志 – 评论之星。这个功能也没什么太大的用处,但是可以让一直支持你的人欣慰欣慰…并且增强了评论的积极性!这个方法源自 CVCOO 兄,感谢他的分享。

效果图:

给 wordpress 博客加一个评论等级图标
不同的回复次数有不同的等级,看 Packy 我就什么都没有…

 效果实现:

第一步:将下面的代码复制进主题的 functions.php 文件中,注意要在最后的 ?> 之前加入代码!

[ccen_php]
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 ==$adminEmail) return;
    //因为我的管理员没有设计特殊样式,所以直接返回,可以制作图标自己定制的哦
    if($user_id!=0 && $comment_author_email !=$adminEmail)         echo '<a target="_blank" href="/vip/" title="WCPlus 认证用户"></a>';
    if($author_count>=10 && $author_count<30)         echo '<a target="_blank" href="/vip/" title="评论之星 LV.1"></a>';
    else if($author_count>=30 && $author_count<50)         echo '<a target="_blank" href="/vip/" title="评论之星 LV.2"></a>';
    else if($author_count>=50 && $author_count<100)        echo '<a target="_blank" href="/vip/" title="评论之星 LV.3"></a>';
    else if($author_count>=100 && $author_count<300)         echo '<a target="_blank" href="/vip/" title="评论之星 LV.4"></a>';
    else if($author_count>=300 &&$author_count<500)         echo '<a target="_blank" href="/vip/" title="评论之星 LV.5"></a>';
    else if($author_count>=500 && $author_count<1000)         echo '<a target="_blank" href="/vip/" title="评论之星 LV.6"></a>';
    else if($author_count>=1000)
        echo '<a target="_blank" href="/vip/" title="评论之星 LV.7"></a>';
}
[/ccen_php]
标亮的一行就是重点了,就是根据评论人的 Email,查询他的评论数量,来判断对应的 VIP 等级,这个代码很多地方可以定制的,比如样式可以自己定义,可以直接改成文字都可以,不用 class 样式;判断 VIP 等级的条件可以自己定义,大家可以按需要修改成自己满意的。

第二步:在适合的地方调用此函数。不同的主题评论框都是不一样的,所以需要你自己找到主题调用评论的地方,然后搜索以下代码:

[ccen_php]<?php comment_author_link();?>[/ccen_php]

在这句代码后面添加:

[cce_php]<?php get_author_class($comment->comment_author_email,$comment->user_id)?>[/cce_php]

第三步:在主题的 style.css 文件中添加 VIP 样式:

[cce_php]
/**博客 VIP 样式**/ .vp,.vip,.vip1,.vip2,.vip3,.vip4,.vip5,.vip6,.vip7{background: url(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;}
[/cce_php]

最后一步:将 VIP 图片放进主题的 images 文件夹中。大功告成!

本文转载于: http://www.ziranniao.com/index.php/ping-lun-zhi-xing-_-gei-wordpress-jia-shang-ping-lun-deng-ji-gong-neng/


本站 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权 , 转载请注明给 wordpress 博客加一个评论等级图标
喜欢 (2)
[441079891@qq.com]
分享 (0)
深圳seo博主
关于作者:
我是一个爱折腾网站的草根站长,也是一个玩淘宝的小卖家,欢迎你认识我QQ/微信:441079891