WordPress添加评论等级VIP星级与博主认证

南山大王 5,055 7

[灯笼]七夕节倒计时[灯笼]

2019年七夕节时间:2019年8月7日 星期三 农历七月初七#(玫瑰)

#(太阳)距离2019年七夕节还有[aru_89]

每次打开博客,总要修改些什么,今天闲着没事便将博客的评论区稍作了些修改。

这次主要修改的内容是在评论区添加了VIP星际标识以及博主认证标识;其中VIP星际标识是根据评论数量来进行评级的;

下面我就将本次修改的主要内容整理如下,有需要这方面功能的朋友可以了解一下。

WordPress添加评论等级VIP星级与博主认证

一、等级图片素材文件

在修改主题文件前,希望大家先把所需要的图片图片上传至主题目录的img文件夹下 图片素材下载,或者你也可以上传到其他文件夹下,不过要记住文件的路径,后面要用到。

二、使用教程

1.functions.php文件修改

将以下代码添加到主题的functions.php文件中

// WordPress 添加评论之星
 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' "));
 // 如果不需要管理员显示VIP标签,就把下面一行的 // 去掉
 // $adminEmail = get_option('admin_email');if($comment_author_email ==$adminEmail) return;
 if($author_count>=1 && $author_count<20)
 echo '<a class="vip1" title="评论达人 LV.1"></a>';
 else if($author_count>=20 && $author_count<40)
 echo '<a class="vip2" title="评论达人 LV.2"></a>';
 else if($author_count>=40 && $author_count<80)
 echo '<a class="vip3" title="评论达人 LV.3"></a>';
 else if($author_count>=80 && $author_count<160)
 echo '<a class="vip4" title="评论达人 LV.4"></a>';
 else if($author_count>=160 && $author_count<320)
 echo '<a class="vip5" title="评论达人 LV.5"></a>';
 else if($author_count>=320 && $author_count<640)
 echo '<a class="vip6" title="评论达人 LV.6"></a>';
 else if($author_count>=640)
 echo '<a class="vip7" title="评论达人 LV.7"></a>';
}

2.mo_comments_list.php文件修改

mo_comments_list.php文件是WordPress和DUX主题评论区的核心文件,其他主题修改的话可能需要修改主题文件夹下的comments.php文件,具体请询问主题开发者。对于WordPress主题,使用查找工具在mo_comments_list.php文件中找到如下语句:

这段语句大概在文件的57行

echo '<div class="comt-meta"><span class="comt-author">'.get_comment_author_link().'</span>';

找到后在文件的第58行末尾添加如下语句:(当然你也可以放在57行后面,这个就看个人了)

get_author_class($comment->comment_author_email,$comment->user_id); if($comment->user_id == 1){echo "&nbsp<a title='博主' class='vip'></a>&nbsp";};

3.main.css文件修改

在main.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;}

清理缓存浏览器,刷新页面,是不是已经实现了呢?[aru_36]

红包

发表评论 取消回复
表情 图片 链接 代码

  1. 浮夸小生。

    不管有多痛多受伤,真正受伤的人一定不是你自己。

  2. YY最愛吃青菜
    YY最愛吃青菜 Lv 1

    创造未来的不是命运。

  3. 最美的、夏夜
    最美的、夏夜 Lv 1

    真相常流失于涕泪交加中。

  4. “一”
    “一” Lv 1

    真正重要的东西,肉眼是看不到的。

  5. 网赚项目

    不得不说博主真的很厉害

分享
微信
微博
QQ