首页 > WordPress > WordPress侧边栏最新评论显示头像和发布时间

WordPress侧边栏最新评论显示头像和发布时间

前几天秦天SEO一直在折腾评论,目前已经实现了无限嵌套评论、评论邮件回复、@用户名评论,并鼠标悬停显示@用户名评论内容,实现以上内容可以参考这篇“快速实现WordPress无限嵌套评论、邮件回复”弄好这些以后,总觉得少了什么,原来是侧边栏的评论还是文字,没有头像,后来发现zww的侧边栏评论还显示了发布日期,觉得还是不错,经过摸索于是就有了本文。

文字代码提取自willin大师的a9主题,这里做个号外,willin大师的a9很多地方值得学习,代码很精简。由于a9主题sidebar.php里面的最近评论代码,头像用的是缓存,这里需要修改下。还有就是a9主题默认不支持显示发布时间,这里要也要修改下。

显示头像和发布时间的最新评论代码:

<?php if ( is_home() || is_single() ) { ?>
            <div class="block"><h3>最近评论</h3>
                <ul class="rc_comments">
<?php
$my_email = get_bloginfo (‘admin_email’);
$rc_comms = $wpdb->get_results("
  SELECT ID, post_title, comment_ID, comment_author, comment_author_email, comment_content,comment_date  //调用发布时间
  FROM $wpdb->comments LEFT OUTER JOIN $wpdb->posts
  ON ($wpdb->comments.comment_post_ID = $wpdb->posts.ID)
  WHERE comment_approved = ‘1’
  AND comment_type = ”
  AND post_password = ”
  AND comment_author_email != ‘$my_email’
  ORDER BY comment_date_gmt
  DESC LIMIT 10
");
$rc_comments = ”;
foreach ($rc_comms as $rc_comm) {
   $rc_comments .= "<li>". get_avatar($rc_comm,$size=’28’) . "<a href=’"
    . get_permalink($rc_comm->ID) . "#comment-" . $rc_comm->comment_ID
  //. htmlspecialchars(get_comment_link( $rc_comm->comment_ID, array(‘type’ => ‘comment’))) // 可取代上一行, 會顯示 cpage, 但較耗資源
    . "’ title=’on " . $rc_comm->post_title . "’>" . convert_smilies(embed_images(strip_tags($rc_comm->comment_content)))
    . "</a>" ."<span class=’rc_info’>" . $rc_comm->comment_author . "  "  . $rc_comm->comment_date . "</span>" . "</li>\n";   // 显示评论发布时间
}
echo $rc_comments;
?>
                </ul>
            </div>

<?php } ?>   

这段代码加入到sidebar.php后,就可以实现侧边栏显示最新评论,哈哈而且是带头像和发布时间的。

这样操作以后,还有一个不足,就是显示不是很完美,下面贴上我从zww拷贝来的css代码。

侧边栏显示评论头像和发布时间的样式

#subcontent .rc_comments {width: 250px;padding: 9px 0px 9px 0px;}
#subcontent .rc_comments li{margin:0 0 5px;line-height:16px;height:32px;overflow:hidden;background: none;padding:0px}
#subcontent .rc_comments li a{overflow:hidden;display:block;height:16px;  color:#379BCD;}
#subcontent .rc_comments img.avatar{width:28px;height:28px;float:left;position:relative;border:1px solid #bfbebe;margin:0 5px 0 0;padding:1px;background:#f2f1f0;}
#subcontent .rc_info{color:#999;}

这个样式已经给秦天SEO修改为适合萧涵主题的,具体样式,可以根据自己需求修改。

写在最后

关于和评论相关的修改,还有很多,大家可以去zww和willin那里学习。例如秦天博客实现的吐槽排行即本月最活跃评论用户,可以去zww那里找到,并按照文中方法修改。关于主题的修改秦天SEO还会继续,有什么想法还是会分享给大家的。

分享到:

文章作者:秦天SEO
本文地址:http://tsky.cc/post/sidebar-comments-avatar-time.html
版权所有 © 转载时必须以链接形式注明作者和原始出处!

49 Responses to “WordPress侧边栏最新评论显示头像和发布时间”

  1. 方便实用,不错!

  2. 我的这个还没有弄过呢

  3. 支持个~~~~
    欢迎来抢楼

  4. 这个不错。
    请问博主,如何才能让后评论的人 显示在楼层的前面吗?

  5. 博主成长的蛮快的

  6. 嘿嘿,我又来啦!

  7. 本站域名备案中,暂时用此博客http://xiaomi.sinaapp.com。给您带来的不便请谅解

  8. 欢迎来自哪里哪里的那个东西是咋整的!

  9. 感觉在默认的就可以了 美观了

  10. 写的不错
    学习了

  11. 我博客上的评论嵌套都不超过两层呀,无限嵌套暂时还用不上。

  12. 代码,从来不敢改

  13. 头像太多,会不会影响加载速度 呀

  14. 又学了一招了,不错。

  15. 这个在zblog要装个评论之星的插件!

  16. 学习了,谢谢分享

  17. 现在正在研究Wordpress,很有帮助

  18. 不错了,也来了解下

  19. a9主题是挺不错的~

  20. 能不用插件的就不用插件了,插件用多了不好!

  21. 我也在用Wordpress,很有帮助

  22. 这个方法要试试 先保存下来再说

  23. 代码收下了,说不定什么时候很用上

  24. 不错,你的博客挺漂亮的

  25. 很不错的效果,要是鼠标移到评论上时显示的是 完整的评论内容就更好了~因为你的侧边评论只显示一行的,内容不完整哦,O(∩_∩)O~

  26. 你研究WP有多少年了?

  27. 看到代码头就晕!

  28. 我也仔细研究过这个

  29. 来了,学习了,学习完,走了,下次还来!

  30. 我也喜欢折腾博客

  31. 有兴趣的朋友可以搞下 呵呵

  32. 我是来学习的~

  33. 终于有头像了

  34. 我用Gravatar全球通用头像的。

此文章的评论已关闭.

吐槽排行

  • none data.