折腾侧边栏最新评论

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. 加判断什么的试了的,好像使用use_id来判断,但是失败!用Notepad++编辑的。话说为喵的我自己点的表情显示不出来,显示的是代码?

发表评论

电子邮件地址不会被公开。 必填项已用*标注