折腾侧边栏最新评论

| 折腾 | 11,550 views | 27 replies

code
今天很高产啊，这是今天第三篇了！这篇就是专门来折腾侧边栏最近评论的。可以说完全是大发的功劳，我是直接扒了他的Presscore Lite主题里的“最新评论”小工具！扒这个工具比折腾functions.php文件容易多了，因为这些都是现成的！

直接介绍方法，这是在未经大发允许的情况下发，所以版权归大发所有！
首先找到你主题的widget.php文件，有可能会是其他的，但是基本上都是这个文件，然后在适当的位置加上：

class bigfa_widget3 extends WP_Widget {
function bigfa_widget3() {
$widget_ops = array('description' => '支持评论表情');
$this->WP_Widget('bigfa_widget3', 'P-主题最新评论', $widget_ops);
}
function widget($args, $instance) {
extract($args);
$title = apply_filters('widget_title',esc_attr($instance['title']));
$limit = strip_tags($instance['limit']);
$email = strip_tags($instance['email']);
echo $before_widget.$before_title.$title.$after_title;
?>

    get_results("SELECT ID, post_title, comment_ID, comment_author,comment_author_email,comment_date,comment_content 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 $limit_num ");
    $rc_comments = '';foreach ($rc_comms as $rc_comm) { $rc_comments .= "

  • " . get_avatar($rc_comm,$size='30') ."
    ".$rc_comm->comment_author."在" . $rc_comm->post_title . "
    ".$rc_comm->comment_content."

    • \n";}
    $rc_comments = convert_smilies($rc_comments);
    echo $rc_comments;
    ?>

'', 'limit' => '', 'email' => ''));
$title = esc_attr($instance['title']);
$limit = strip_tags($instance['limit']);
$email = strip_tags($instance['email']);
?>



这样就大功告成了，直接在小工具找到，拖到侧边栏就OK啦！
这样还不行，需要添加样式CSS，在你style.css文件里适当位置加上：

.recentcomments{font-size:12px}
.recentcomments li{color:#555;padding-bottom:8px;margin-top:10px;border-bottom:1px dashed #DFDFDF}
.avatar-30{display:inline;float:left;margin-right:10px;margin-top:4px;width:42px;height:42px}
.rc-reviewer{font-weight:400;display:inline;color:#333!important}
.rc-post{color:#999;display:inline}
.rc-post:hover{color:#d14836}
.rc-info{}
.rc-excerpt{margin-left:40px;color:#666}
.rc-older,.rc-newer{margin-top:5px}
.rc-older:hover,.rc-newer:hover{color:#d14836}

打完收工，上面有些细节包括CSS样式都可以自己调整。最终效果图如下：
20131117231837

   
你可能感兴趣的文章：

27 条评论

    1. 额~我是折腾了一下，始终不能屏蔽自己的评论，才想到扒大发的！ :mrgreen:

      1. 屏蔽自己不就是加个判断吗，最好是用邮箱来判断。
        你的代码用的啥玩意编辑的。

        1. 加判断什么的试了的，好像使用use_id来判断，但是失败！用Notepad++编辑的。话说为喵的我自己点的表情显示不出来，显示的是代码？

          1. user_id判断失败，说明在写入数据库的时候没有加上这个，我用牧风的Comment Ajax就有这个问题，让我很郁闷。

                    1. 解决可以显示，但是@回复之后的评论自动断行了……

    1. 是的。ps：你看你刚发的一串显示出来也是代码了。。

      1. 多折腾多摸索什么都会了，我就是这么过来的，我也还是菜鸟~