今天小編逛了下免費資源部落,發現部落的評論加上了個評論等級 (話説以前小編也常上免費資源部落,因為高三那段時間事多,也就沒怎麼上網了。),以前都沒見到有這玩意,不過貌似這玩意可以活躍網站氣氛,很多訪客會為了評論等級會經常來你的網站評論,這樣用户的活躍性被完全調動了。不閒扯了,現在就來教大家如何實現這個功能。
1 、打開當前主題的 functions.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="https://www.weixiaoduo.com/" title="認證用户"></a>';
if($author_count>=10 && $author_count<30)
echo '<a target="_blank" href="https://www.weixiaoduo.com/" title="評論之星 LV.1"></a>';
else if($author_count>=30 && $author_count<50)
echo '<a target="_blank" href="https://www.weixiaoduo.com/" title="評論之星 LV.2"></a>';
else if($author_count>=50 && $author_count<100)
echo '<a target="_blank" href="https://www.weixiaoduo.com/" title="評論之星 LV.3"></a>';
else if($author_count>=100 && $author_count<300)
echo '<a target="_blank" href="https://www.weixiaoduo.com/" title="評論之星 LV.4"></a>';
else if($author_count>=300 &&$author_count<500)
echo '<a target="_blank" href="https://www.weixiaoduo.com/" title="評論之星 LV.5"></a>';
else if($author_count>=500 && $author_count<1000)
echo '<a target="_blank" href="https://www.weixiaoduo.com/" title="評論之星 LV.6"></a>';
else if($author_count>=1000)
echo '<a target="_blank" href="https://www.weixiaoduo.com/" title="評論之星 LV.7"></a>';
}
PS:代碼中的鏈接可以改成你的,另外 $author_count>=10 && $author_count<30 則是代表評論數量大於 10 小於 30,這個可以根據自己需要修改。
2 、之後找到顯示評論的代碼在其後面加上以下代碼:
<?php get_author_class($comment->comment_author_email,$comment->user_id)?>
即可實現評論等級功能。
3 、下面我們再給評論等級加點樣式:
.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;}
附上樣式中的圖標下載鏈接:http://pan.baidu.com/s/11mVfa
將圖標解壓後放到主題的 images 目錄下即可。