評論是可以讓人們討論關於生活工作等的事情,在 WordPress 上顯示近期評論是一個非常不錯的主意,你能從讀者哪裏掌握更多關於文章的反饋,讀者也能將他們精彩的評論展現在你的 WordPress 網站上,兩全其美的事情,何樂而不為?

我們知道 WordPress 官方小工具中自帶的就有近期評論,但是 WordPress 自帶的近期評論是顯示的文章標題,而非人們留下的評論本事,當然,也有許多這樣的插件,但是插件多了畢竟不是一件好事,會影響網站的速度不是嗎?

首先,將下面的代碼添加到您的當前主題的 functions.php 文件中:

  1. function bg_recent_comments($no_comments = 5, $comment_len = 80, $avatar_size = 48) {
  2.   $comments_query = new WP_Comment_Query();
  3.     $comments = $comments_query->query( array( 'number' => $no_comments ) );
  4.     $comm = '';
  5.     if ( $comments ) : foreach ( $comments as $comment ) :
  6.         $comm .= '<li>' . get_avatar( $comment->comment_author_email, $avatar_size );
  7.         $comm .= '<a class="author" href="' . get_permalink( $comment->post_ID ) . '#comment-' . $comment->comment_ID . '">';
  8.         $comm .= get_comment_author( $comment->comment_ID ) . ':</a> ';
  9.         $comm .= '<p>' . strip_tagssubstr( apply_filters( 'get_comment_text', $comment->comment_content ), 0, $comment_len ) ) . '</p></li>';
  10.     endforeachelse :
  11.         $comm .= 'No comments.';
  12.     endif;
  13.     echo $comm;
  14. }

您可以在第一行設置適合你的評論條數,最長評論字數限制,以及 gravatar 頭像尺寸長度等等。

然後,添加下面的代碼到您想要顯示最近的評論在您的 WordPress 主題的任何位置

  1. <div class="widget recent-comments">
  2. <h3>Recent Comments</h3>
  3. <?php bg_recent_comments(); ?>
  4. </div>

最後你也可以添加下面的 CSS 到你的 style.css 文件中:

  1. .recent-comments { list-stylenonefont-size12pxcolor#485358; }
  2. .recent-comments li { overflowhiddenpadding20px 0; border-top1px dotted #DADEE1; }
  3. .recent-comments li:first-child { border: 0 none; }
  4. .recent-comments img { floatleftmargin-right8px; }
  5. .recent-comments a { displayblockmargin-top10pxpadding-top10px; }