看了很多部落格都是把最新留言弄成大頭貼牆的顯示方式,有些是利用jquery的效果來達成,有的是利用Flash,但由於丫湯技術沒那麼高超,只能用簡單的代碼來達成,稍微研究了一下終於弄了出來,雖然沒有頂優,不過也算是不用外掛就實現最新留言的頭像牆,不過來丫湯這裡留言的人好像很多人都沒有申請Email的大頭貼頭像,看起來好像還好,當然有興趣的也可以參考看看。
今天丫湯的WP筆記就是如何不用外掛做出上面的大頭貼頭像牆,其實也沒有說很難,網路上好像也不少教學,不過丫湯最近處於學習階段當然要自己來實做一下,有興趣的可以參考丫湯的代碼。
css的部份:
.recentcomments{
padding:3px;
border:1px solid #DDD;
margin:3px 3px 0 0;
float:left;}
最新留言大頭貼牆代碼部份:
<?php
global $wpdb;
$sql = "SELECT DISTINCT ID, post_title, post_password, comment_ID, comment_post_ID, comment_author, comment_date_gmt, comment_approved,comment_author_email, comment_type,comment_author_url, SUBSTRING(comment_content,1,30) AS com_excerpt FROM $wpdb->comments LEFT OUTER JOIN $wpdb->posts ON ($wpdb->comments.comment_post_ID = $wpdb->posts.ID) WHERE comment_approved = '1' AND comment_type = '' AND comment_author != 'admin' AND post_password = '' ORDER BY comment_date_gmt DESC LIMIT 18";
$comments = $wpdb->get_results($sql);
$output = $pre_HTML;
foreach ($comments as $comment) {
$output .= "<div class=\"recentcomments\"><a href=\"" . get_permalink($comment->ID) . "#comment-" . $comment->comment_ID . "\" title=\"". strip_tags($comment->comment_author)."說『".strip_tags($comment->com_excerpt)."』 在文章《".$comment->post_title."》\"><img width=\"32\" height=\"32\" src=\"http://www.gravatar.com/avatar.php?gravatar_id=".md5(strtolower($comment->comment_author_email)). " \" /></a></div>";
}
$output .= $post_HTML;
$output = convert_smilies($output);
echo $output;
?>
主要設定有三個部份,設置解說如下:
comment_content,1,30:將30改為你想顯示的留言字數。
AND comment_author !=’admin’:如果在留言牆不顯示自己的留言就把admin改為你的帳號,就會排除了。
LIMIT 18:這個數字是要顯示的留言數量。
以上代碼應該不會有太難理解的地方,有興趣的研究研究吧。
說的也是,影響不大啦~ ^^
重點是能省下了一個外掛,又能達到最新留言的顯示效果,真的不錯!!
感謝阿湯兄的教學分享,已經順利安裝完成了,省了一個外掛~ ^^
另外回報一下:若是訪客留言中有用到 ” 符號,則顯示留言處會自動在該處截斷 (意即,無法顯示滿 30 字)~
我把大頭貼牆的代碼貼在側欄模組那
會出現一個問題
就是排在大頭貼牆下面的模組標題會跑到大頭貼牆的圖片旁邊
就是大頭貼牆的範圍好像沒有自己的固定大小
因為我現在留言只有一個 所以只有一個頭像
而下一個模組的標題會跑上來擠在那個頭像的旁邊
EX
(留言頭像)最新文章標題
最新文章1
最新文章2
阿湯哥
請問一下預設沒有頭像的留言是藍色那個
我要怎麼改成後台灰色那個”迷樣人物”的頭像呢?
感謝
不错,能做成一个页面就好了,在侧栏还是显得有点小
諾也提供諾的作法。當作延伸閱讀。XD
調用jQuery特效實作(Tooltips近期迴響篇)
http://blog.joytown.tw/2009/07/21/527
有申請大頭貼的人畢竟還是少數!><