WordPress最近评论代码

WordPress最近评论代码-UI大牛

WordPress自带的评论小工具,显示的是评论所在的文章,而且无gravatar头像,下面的代码可以显示最近评论者的gravatar头像和评论内容。

首先,将下面的代码添加到您当前的主题 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样式:

  1. .recent-comments { list-style: none; font-size: 12px; color: #485358; }
  2. .recent-comments li { overflow: hidden; padding: 20px 0; border-top: 1px dotted #DADEE1; }
  3. .recent-comments li:first-child { border: 0 none; }
  4. .recent-comments img { float: left; margin-right: 8px; }
  5. .recent-comments a { display: block; margin-top: 10px; padding-top: 10px; }

 

文章出自:https://zmingcx.com/

0

评论0

请先

没有账号? 注册  忘记密码?

社交账号快速登录