WordPress回复添加博主认证和评论等级

Timle.CN:专注 WordPress建站WordPress主题WordPress插件 分享,同时也关注各种 建站资源前端技巧免费资源IT互联网热点 。CTRL+D即可收藏本站,我们期待您的再次光临!

[文章目录]

如大家所见,Timle.CN下面的评论已经增加了博主的验证图标和评论等级图标。只要在本站回复数超过3个,就会显示Vip1的标记。而且博主验证也很酷啊!

这个灵感是和远方的海博主Sven学的,可以增加用户黏度,也美观。接下来给出实现的方案~

添加functions.php代码

首先先上一个样式的截图:

jietu
打开主题的functions.php,添加以下代码:

//获取访客VIP样式
//请自行修改管理员的邮箱
function get_author_class($comment_author_email,$comment_author_url){
global $wpdb;
$adminEmail = 'timle@timle.cn';
$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)
echo '<a class="vip7" title="评论超人就是你!"></a>';
$linkurls = $wpdb->get_results(
"SELECT link_url FROM $wpdb->links WHERE link_url = '$comment_author_url'");
if($author_count>=3 && $author_count<10 && $comment_author_email!=$adminEmail)
echo '<a class="vip1" title="评论达人 LV.1"></a>';
else if($author_count>=10 && $author_count<20 && $comment_author_email!=$adminEmail)
echo '<a class="vip2" title="评论达人 LV.2"></a>';
else if($author_count>=20 && $author_count<30 && $comment_author_email!=$adminEmail)
echo '<a class="vip3" title="评论达人 LV.3"></a>';
else if($author_count>=30 && $author_count<50 && $comment_author_email!=$adminEmail)
echo '<a class="vip4" title="评论达人 LV.4"></a>';
else if($author_count>=50 &&$author_count<80 && $comment_author_email!=$adminEmail)
echo '<a class="vip5" title="评论达人 LV.5"></a>';
else if($author_count>=80 && $author_coun<200 && $comment_author_email!=$adminEmail)
echo '<a class="vip6" title="评论达人 LV.6"></a>';
else if($author_count>=200 && $comment_author_email!=$adminEmail)
echo '<a class="vip7" title="评论达人 LV.7"></a>';
foreach ($linkurls as $linkurl) {
if ($linkurl->link_url == $comment_author_url )
echo '<a class="vp" target="_blank" href="/links/" title="哟!隔壁邻居的呢!"></a>';
}
}

原理是根据评论人的Email,查询他的评论数量,来判断对应的VIP等级,这个代码很多地方可以定制的,比如样式可以自己定义,也可以设置所达到等级需要的评论数目。

调用函数

在适合的地方调用此函数,因为每个主题基本都不一样,所以需要大家找到你的主题调用评论的地方,搜索

<?php comment_author_link();?>

在后面加上

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

如果需要添加博主认证则,在上述代码后面加上:

<?php get_author_class($comment->comment_author_email,$comment->user_id)?>
<?php if(user_can($comment->user_id, 1)){echo "<a title='博主认证' class='vip'></a>";}; ?>

增加CSS样式

style.css中加上以下代码,并把vip.png上传到主题的images目录下,就大功告成了!

/**博客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:-515px -3px;width: 14px;height: 14px;margin-bottom: -2px;}
.vip{background-position:-495px -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.png,右击另存为即可:

vip

简单吧,赶快去弄来看看吧!
____________________________________
转自:远方的海  WordPress回复添加博主认证和评论等级

版权声明:本站所有文章和资源使用CC BY-NC-SA 3.0 CN协议发布,转载应当以相同方式注明并注明文章来自“Timle.CN -> WordPress回复添加博主认证和评论等级”。在页面右边可以分享本文哦!

有 24 发吐槽 关于 “WordPress回复添加博主认证和评论等级

  1. 沙发
    Sven 2014-09-28
    :sad: 俺的名字错了
    • 回复
      Timle.CN 2014-09-29
      @Sven :eek: :eek: 哈哈,果然错了,已经改过来啦!
  2. 板凳
    Zou's Blog 2015-08-23
    DUX主题怎么样 添加啊 博主.
  3. 地板
    Zou's Blog 2015-08-24
    有的主题用echo输出 :oops:
    • 回复
      Timle.CN 2015-08-25
      @Zou's Blog 额,没有用过dux主题,不太清楚,主要是在评论作者信息输出那里做修改。
  4. 4楼
    安防路 2015-10-8
    这个没有找到,用过多说,不知道是不是有影响?
  5. 5楼
    安防路 2015-10-8
    php comment_author_link
  6. 6楼
    回忆如烟 2015-10-12
    Ality主题不行 :shock: 我太菜了
  7. 7楼
    帅气小琦琦 2016-01-24
    DUX下已经实现了 效果还不错 :mrgreen:
  8. 8楼
    叫兽 2016-04-23
    感觉代码有问题,我用了不会显示友情链接图标!请回复 :???:
    • 回复
      Timle.CN 2016-04-23
      @叫兽 显示哪个友情链接图标?
  9. 9楼
    nihao 2017-03-23
    这个很有意思哈
  10. 10楼
    运营笔记 2017-04-13
    看起来好牛叉啊
  11. 11楼
    冰夜 2017-06-2
    我说的是那个VIP等级旁边的爱心
    • 回复
      Timle.CN 2017-06-3
      @冰夜 这个只需要添加友情链接以后就会有了。
  12. 12楼
    皮皮囧 2017-06-15
    我确定都按照步骤来了,而且加对了位置,为啥前台没反应啊?难道是有缓存?
  13. 13楼
    皮皮囧 2017-06-15
    我重新回复了一下,回复成功后显示了,但是刷新页面后,就又没了。
    • 回复
      Timle.CN 2017-06-24
      @皮皮囧 你是不是用了缓存插件,刷新下缓存看下呢,回复成功后能显示,说明功能是可以使用的。
  14. 14楼
    张剑仪 2017-07-8
    厉害了,我的天

疑问 难过 胜利 微笑 抠鼻 可爱 抓狂 偷笑 奋斗 衰 撇嘴 色 贼笑 爬虫 鼓掌 发怒 擦汗 握手 酷 玫瑰 哭 呲牙

WordPress回复添加博主认证和评论等级
24 票, 4.92 平均等级 ( 98% 分 )