WordPress最近评论代码

WordPress204.8K阅读模式

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
我的微信
版权声明
本站原创文章转载请注明文章出处及链接,谢谢合作!
 
知更鸟
评论  20  访客  19
    • 你好
      你好 0

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

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

        • 锦程
          锦程 1

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

        • Toner chip
          Toner chip 1

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

          • vultr优惠码
            vultr优惠码 0

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

            • cuixiaoke
              cuixiaoke 3

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

              • 崔小可
                崔小可 3

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

                • begin
                  begin 0

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

                  • 提刀
                    提刀 0

                    不是知更鸟牛X啊!!

                    • yuchun
                      yuchun 1

                      good不错

                      • ui
                        ui 1

                        不错

                        • 永林
                          永林 0

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

                          • Panda
                            Panda 0

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

                            • 凌风
                              凌风 1

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

                              • 米虫
                                米虫 0

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

                                • 虫洞
                                  虫洞 0

                                  请问如何增加评论日期?

                                  • PC在线云端
                                    PC在线云端 1

                                    这里调用的是评论用户所有的历史评论过的文章吗?

                                    • 听风念|ㄖ亽
                                      听风念|ㄖ亽 0

                                      显示评论带时间的代码怎么写?

                                    匿名

                                    发表评论

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

                                    拖动滑块以完成验证