WordPress默認是沒有留言用戶等級顯示功能了,下面我來詳細介紹給WordPress中添加留言用戶等級顯示頭像的功能,各位朋友有興趣可參考.
方法一:把主題的根目錄下的 single.php)須有評論功能)復制并重命名為 guestbook.php,把comments.php 復制并重命名為 guestcomments.php,名稱可以自定,在 guestbook.php 的開頭加入如下代碼:
- <?php
- /*
- Template Name: GuestBook
- */
- ?>
然后在guestbook.php里找到如下代碼:
<?php comments_template();?>替換成:
<?php comments_template('/guestcomments.php');?>
新建一個留言板頁面,這時右邊欄會多出一個模板選擇欄,選擇"頁面模板"為GuestBook,然后再修改guestcomments.php,在guestcomments.php里面找到如下代碼:
<?php if ($comments) : ?>,在后面加上<?php $comments = array_reverse($comments) ?>。
找不到"頁面模板"的解決辦法:
wp-admin/edit-page-form.php里面代碼里面有個地方需要修改下,找到如下代碼:
<?php if ( 0 != count( get_page_templates() ) ) { ?>修改成
<?php if ( 110 != count( get_page_templates() ) ) { ?>
實現方法二
一、添加CSS 樣式代碼:
使用Notepad++打開主題根目錄的style.css,在里面添加下面的代碼,注:因為圖片進行了CSS sprites 合并,因此CSS 代碼可能跟大家平時看到的不太一樣)
- /*評論者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 -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;}
二、添加調用函數
1.使用Notepad++打開主題根目錄的functions.php,在里面添加下面的代碼,注:下面的紅色部分是鼠標??繒r顯示的title信息,大家可以個性化定義,藍色的數字是閾值,大家也可以根據需求自定義),實例代碼如下:
- //獲取訪客VIP樣式
- 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<10)
- echo '<a class="vip1" title="千年等一回"></a>';
- else if($author_count>=10 && $author_count<30)
- echo '<a class="vip2" title="偶爾來看看"></a>';
- else if($author_count>=30 && $author_count<60)
- echo '<a class="vip3" title="飯后必來"></a>';
- else if($author_count>=60 && $author_count<160)
- echo '<a class="vip4" title="經常來逛逛"></a>';
- else if($author_count>=160 &&$author_count<320)
- echo '<a class="vip5" title="每天必須來一次"></a>';
- else if($author_count>=320 && $author_count<640)
- echo '<a class="vip6" title="對博主有好感"></a>';
- else if($author_count>=640)
- echo '<a class="vip7" title="此人暗戀博主"></a>';
- }
2.使用Notepad++的文件夾搜索特定字符功能,查找下面的代碼位置(使用方法,打開Notepad++點擊菜單欄的"搜索"-選擇"在文件夾中搜索"-定義好搜索目錄,把下面的代碼作為搜索的"查找目標")
實例代碼如下:<?php comment_author_link() ?>
在后面加入如下代碼:
<?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>";}; ?>
三、添加評論VIP 等級圖片(上面已經說了,這個是使用了CSS sprites 合并,因此1個圖片就搞定了),把下面的圖片另存為 vip.png 到你電腦,然后上傳到你的主題根目錄的images 文件夾里即可.
修改好后的一些說明:
其中函數部分設定的是留言數大于或者等于1且小于10,則被判定為VIP1級,以此類推,可對照函數部分自行修改.
新聞熱點
疑難解答
圖片精選