fbpx

《WP筆記》不使用外掛製作大頭貼頭像留言牆

看了很多部落格都是把最新留言弄成大頭貼牆的顯示方式,有些是利用jquery的效果來達成,有的是利用Flash,但由於丫湯技術沒那麼高超,只能用簡單的代碼來達成,稍微研究了一下終於弄了出來,雖然沒有頂優,不過也算是不用外掛就實現最新留言的頭像牆,不過來丫湯這裡留言的人好像很多人都沒有申請Email的大頭貼頭像,看起來好像還好,當然有興趣的也可以參考看看。

01

今天丫湯的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:這個數字是要顯示的留言數量。

以上代碼應該不會有太難理解的地方,有興趣的研究研究吧。

你可能對這些內容也有興趣

作者:阿湯

對電腦 & 網路資訊充滿興趣與熱情、瘋了似的每日堅持發文,「阿湯」這個名字是由湯姆克魯斯而來的,雖然我沒有他帥氣,也不會演電影,但我會寫文章....

更多關於的文章》

7 個留言

  1. 朱雀表示:

    說的也是,影響不大啦~ ^^
    重點是能省下了一個外掛,又能達到最新留言的顯示效果,真的不錯!!

    阿湯說:

    我自己本身外掛也只用了10幾個

  2. 朱雀表示:

    感謝阿湯兄的教學分享,已經順利安裝完成了,省了一個外掛~ ^^
    另外回報一下:若是訪客留言中有用到 ” 符號,則顯示留言處會自動在該處截斷 (意即,無法顯示滿 30 字)~

    阿湯說:

    那個可能就要多改一些中文的問題,我覺得那個是不影響沒關係

  3. Cool表示:

    我把大頭貼牆的代碼貼在側欄模組那
    會出現一個問題
    就是排在大頭貼牆下面的模組標題會跑到大頭貼牆的圖片旁邊
    就是大頭貼牆的範圍好像沒有自己的固定大小

    因為我現在留言只有一個 所以只有一個頭像
    而下一個模組的標題會跑上來擠在那個頭像的旁邊

    EX
    (留言頭像)最新文章標題
    最新文章1
    最新文章2

    阿湯說:

    應該是你的主題CSS和我寫的不太合,要改一下

  4. Cool表示:

    阿湯哥
    請問一下預設沒有頭像的留言是藍色那個
    我要怎麼改成後台灰色那個”迷樣人物”的頭像呢?
    感謝

    阿湯說:

    WordPress的討論設定下方..

  5. vela表示:

    不错,能做成一个页面就好了,在侧栏还是显得有点小

    阿湯說:

    要做成頁面調一下圖像大小還有顯示數量就可以啦

  6. Arno Ruan表示:

    諾也提供諾的作法。當作延伸閱讀。XD

    調用jQuery特效實作(Tooltips近期迴響篇)
    http://blog.joytown.tw/2009/07/21/527

    阿湯說:

    我本來也是想弄成jquery,後來還是弄簡單點好,呵呵

  7. 拆組達人表示:

    有申請大頭貼的人畢竟還是少數!><

    阿湯說:

    呵,以後應該會愈來愈多

發表留言 »

姓名(*)
信箱(*)