WordPress最新评论代码

2017年08月06日 3.09k 次阅读 6 条评论 3 人点赞

WordPress自带的评论小工具,显示的是评论所在的文章,而且无gravatar头像,下面的代码可以显示最近评论者的gravatar头像和评论内容。效果见右侧(⊙o⊙)哦。

WordPress自带的评论小工具,显示的是评论所在的文章,而且无gravatar头像,下面的代码可以显示最近评论者的gravatar头像和评论内容。效果见右侧(⊙o⊙)哦。 

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

//最新评论
function bg_recent_comments($no_comments = 10, $comment_len = 100, $avatar_size = 40)
{
    $comments_query = new WP_Comment_Query();
    $comments = $comments_query->query(array('number' => $no_comments));
    $comm = '';
    if ($comments) : foreach ($comments as $comment) :
        $comm .= '
  • comment_post_ID) . '#comment-' . $comment->comment_ID . '" title="'.get_the_title( $comment->comment_post_ID ).'" target="_blank">'. get_avatar($comment->comment_author_email, $avatar_size);         //$comm .= get_comment_author($comment->comment_ID);         $comm .=strip_tags(mb_substr(apply_filters('get_comment_text', $comment->comment_content), 0, $comment_len)) . '
  • ';     endforeach;     else :         $comm .= 'No comments.';     endif;     echo content_smilies_replace($comm); } //通过正则将表情匹配 function content_smilies_replace($content){     $content = preg_replace('/:([^\s]+?):/s', '', $content);     return $content; }

    由于对wp的代码还不是太熟练,我这里通过正则将表情匹配出来,如果您有更好的方法,请告知哦~~ TKS 可以修改上述代码第一行中的评论gravatar大小和评论显示的字数。 在WordPress主题你想要显示评论的位置添加小工具HTML代码:

    
    
    

    并添加CSS样式:

    .recent-comments { list-style: none; font-size: 16px; color: #485358; }
    .recent-comments li { overflow: hidden; padding: 12px 0;display: block;border-top: 1px dotted #DADEE1;position: relative;text-overflow: ellipsis;white-space: nowrap; line-height: 38px;}
    .recent-comments li:first-child { border: 0 none; }
    .recent-comments img {margin-right: 8px;border-radius: 50%; }

     

    作为一个真正的程序员,首先应该尊重编程,热爱你所写下的程序,他是你的伙伴,而不是工具。

    文章评论(6

  • tianxiaLv 1

    楼主 我把 这个
    放入自定义html 网站 会 检查 这行报错 不让我保存呢。 怎么处理呢?

    #32018-11-09 17:50
    • 阳阳博主

      @tianxia不让保存?有截图不?

      2018-11-09 17:52
  • 匿名Lv 1

    共同进步!

    #22017-08-08 18:30
    • 阳阳博主

      @匿名呵呵,多多支持,欢迎打赏一下,O(∩_∩)O哈!

      2017-08-08 20:54
  • 匿名Lv 1

    感谢作者,已用在自己的网站上了,效果很佳。

    #12017-08-07 09:34
    • 阳阳博主

      @匿名呵呵~~多多支持,目前对wp代码还不熟悉,只能用php来解决自己想要的效果了

      2017-08-08 17:41
  • 接收回复邮件通知