WordPress最近评论显示头像的代码-狐狸库

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

首先,将下面的代码添加到您当前的主题 functions.php 文件中

function bg_recent_comments($no_comments = 5, $comment_len = 80, $avatar_size = 48) {
  $comments_query = new WP_Comment_Query();
    $comments = $comments_query->query( array( \'number\' => $no_comments ) );
    $comm = \'\';
    if ( $comments ) : foreach ( $comments as $comment ) :
        $comm .= \'<li>\' . get_avatar( $comment->comment_author_email, $avatar_size );
        $comm .= \'<a class=\"author\" href=\"\' . get_permalink( $comment->post_ID ) . \'#comment-\' . $comment->comment_ID . \'\">\';
        $comm .= get_comment_author( $comment->comment_ID ) . \':</a> \';
        $comm .= \'<p>\' . strip_tags( substr( apply_filters( \'get_comment_text\', $comment->comment_content ), 0, $comment_len ) ) . \'</p></li>\';
    endforeach; else :
        $comm .= \'No comments.\';
    endif;
    echo $comm;
}

可以修改上述代码第一行中的评论gravatar大小和评论显示的字数。

在WordPress主题你想要显示评论的位置添加如下代码：

<div class=\"widget recent-comments\">
<h3>Recent Comments</h3>
<?php bg_recent_comments(); ?>
</div>

并添加CSS样式：

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

温馨提示：本文最后更新于2022/10/20 03:38:51。若文章内容或图片失效，请留言或联系站长反馈！

也想出现在这里？点击联系我们吧

本站除原创内容，其余内容均收集自互联网，仅限用于学习和研究目的，本站不对其内容的合法性、可用性承担任何责任。本站禁止以任何形式发布或转载任何违法相关信息，若您发现请立即向站长举报；用户投稿一切资源内容不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
如有版权内容，其版权均归原作者所有，本站虽力求保存原有版权信息，但因众多资源经多次转载，已无法确定其真实来源，故敬请原作者谅解！为尊重作者劳动成果，请购买正版支持作者，谢谢！若您对「HULIKU.COM」所载资源作品版权归属存有异议，请发送邮箱：ihuliku@qq.com 进行处理。
本站资源文件大多存储至云盘，如您发现图片或链接失效，请联系站长或作者，我们将及时进行更新。资源都是经过站长或作者收集测试优化后进行发布分享。如若转载请在贵站文内以超链形式注明狐狸库文章出处，谢谢合作！

THE END

WordPress