有很多博客可以看到在评论中有“VIP1”-“VIPn”以及“菜鸟”“大菜鸟”“大神”等等。其实这个没有多大的实际用处,但为了美观还是很不错的也能激起大家评论的动力。
第一步:在主题目录下的“functions.php“文件中添加以下函数,添加到你主题的最后一个“?>”


//评论VIP标志function get_author_class($comment_author_email,$comment_author_url){global $wpdb;$adminEmail = 'nuomens@163.com';$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="vp" title="本站认证,最高级别"></a>';$linkurls = $wpdb->get_results("SELECT link_url FROM $wpdb->links WHERE link_url = '$comment_author_url'");foreach ($linkurls as $linkurl) {if ($linkurl->link_url == $comment_author_url )echo '<a class="vip" target="_blank" href="/guestbook/" title="合作商或友情链接认证" rel="noopener noreferrer"></a>';}if($author_count>=1 && $author_count<10 && $comment_author_email!=$adminEmail)echo '<a class="vip1" href="/guestbook/" title="评论之星 LV.1"></a>';else if($author_count>=10 && $author_count<20 && $comment_author_email!=$adminEmail)echo '<a class="vip2" href="/guestbook/" title="评论之星 LV.2"></a>';else if($author_count>=20 && $author_count<50 && $comment_author_email!=$adminEmail)echo '<a class="vip3" href="/guestbook/" title="评论之星 LV.3"></a>';else if($author_count>=50 && $author_count<100 && $comment_author_email!=$adminEmail)echo '<a class="vip4" href="/guestbook/" title="评论之星 LV.4"></a>';else if($author_count>=100 &&$author_count<200 && $comment_author_email!=$adminEmail)echo '<a class="vip5" href="/guestbook/" title="评论之星 LV.5"></a>';else if($author_count>=200 && $author_coun<500 && $comment_author_email!=$adminEmail)echo '<a class="vip6" href="/guestbook/" title="评论之星 LV.6"></a>';else if($author_count>=500 && $comment_author_email!=$adminEmail)echo '<a class="vip7" href="/guestbook/" title="评论之星 LV.7"></a>';}

第二步:添加调用代码,有了显示的代码了就需要一个调用的代码,一般在主题的comments.php里,找到


<?php comment_author_link() ?>

在后面添加以下代码


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

第三步:添加CSS样式,至此已经可以使用了但是显示的效果很不美观严重影响心情,为了美观需要加入如下CSS代码


.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:-494px -3px;width: 16px;height: 16px;margin-bottom: -3px;}.vp:hover{background-position:-491px -19px;width: 19px;height: 18px;margin-top: -3px;margin-left: -3px;margin-bottom: -3px;}.vip{background-position:-515px -2px;width: 16px;height: 16px;margin-bottom: -3px;}.vip:hover{background-position:-515px -22px;width: 16px;height: 16px;margin-bottom: -3px;}.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;}.btn-out,.btn-hover,.btn-down{background: url(images/vip.png) no-repeat;width: 64px;height: 23px;border:none;}.btn-out{background-position:-659px -1px;}.btn-hover{background-position:-724px -1px;}.btn-down{background-position:-789px -1px;}.input{border-radius: 1px 1px 1px 1px;border:1px solid #C5C5C5;background-color:#F6F6F6;}.input:hover,.input:focus{background-color: white;border-color: #464646;}

第四步:下载下面的评论等级图标并上传至主题目录下的images文件内即可。
wordpress评论美化添加等级信息效果-99资源网

常见问题FAQ

免费下载或者VIP会员专享资源能否直接商用?
本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考免责介绍。
提示下载完但解压或打开不了
最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。 若排除这种情况,可在对应资源底部留言,或联系客服处理。