WordPress最近评论代码

  • A+
所属分类:WordPress

WordPress最近评论代码

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; }

 

weinxin
我的微信
分享交流WordPress经验与技巧,关注前端设计与网站制作。仅用于功能演示。
Begin主题购买
Begin主题购买

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:16   其中:访客  15   博主  0   引用   1

    • avatar 你好 0

      你好,能在里面加一句调用评论的是那篇文章代码吗?

      我不懂,照别的代码扒,一直测试不成功。

        • avatar 锦程 1

          @你好 获取标题 get_the_title($comment->comment_post_ID)

        • avatar Toner chip 1

          如果有效果图就好了,新手完全看不懂。真抱歉。

          • avatar vultr优惠码 0

            做成插件就好了,就不用修改代码了

            • avatar cuixiaoke 3

              你好,请问如何不显示管理员自己的评论呢?

              • avatar 崔小可 3

                说实话这些代码一点卵用都没有!

                • avatar begin 0

                  怎样使用贵站的评论模板?谢谢

                  • avatar 提刀 0

                    不是知更鸟牛X啊!!

                    • avatar yuchun 1

                      good不错

                      • avatar ui 1

                        不错

                        • avatar 永林 0

                          如果定位文章ID错误把get_permalink( $comment->post_ID )替换为get_permalink($comment->comment_post_ID)

                          • avatar Panda 0

                            点击名称无法跳转到指定的文章评论去。才发现原来是链接错了。把第九行昵称的链接改成get_permalink( $comment->comment_post_ID )才可以

                            • avatar 凌风 1

                              请问各位大神,开启了评论功能却文章不能评论是个什么情况?提交评论后,却没有评论内容!!

                              • avatar 米虫 0

                                非常棒的思路,已饮用该段代码,针对源代码做了部分的定制:
                                1、屏蔽了管理员回复的内容(给人一种我在刷评不良感官)
                                2、头像圆角,在PC端鼠标Hover旋转(很老派的样式了)
                                3、字体、字色自定义(自然要契合我站的风格)
                                4、追加一个小喇叭的icon图标(FONT ICON真好用)
                                增加了一个管理员评论的赛选,已保留原文链接,感谢大佬的分享。

                              • 来自外部的引用: 1

                                • WordPress最近评论代码 | 意拓网-eTuow