萧涵模板非插件侧边栏显示Gravatar头像最新评论 视频

By | 2012 年 11 月 11 日

偶看在半年前写过一篇代码实现WP侧边栏调用最新评论并显示Gravatar头像,那时候并不是专门针对萧涵模板写的。现在,偶看针对萧涵模板,写一篇非插件侧边栏显示Gravatar头像最新评论,修改的流程为:

以下修改基于wordpress3.4.2,萧涵模板3.0版本

一、修改萧涵模板文件夹下的 sidebar.php 找到代码

[php]
<div class="block comment"><h3><?php _e(‘最新评论’ ,’xiaohan’); ?></h3>
<ul>
<?php
global $wpdb;
$sql = "SELECT DISTINCT ID, post_title, post_password, comment_ID,comment_post_ID, comment_author, comment_date_gmt, comment_approved, comment_type,comment_author_url, SUBSTRING(comment_content,1,25) AS com_excerpt 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 = ” ORDER BY comment_date_gmt DESC LIMIT 10";
$comments = $wpdb->get_results($sql);
$output = $pre_HTML;
foreach ($comments as $comment) {
$output .= "\n<li class=\"new\">" . $comment->comment_author . " 评论道:<br /> <a href=\"" . get_permalink($comment->ID) . "#comment-" . $comment->comment_ID . "\" title=\"". $comment->comment_author. ":" . $comment->post_title . "\">" . strip_tags($comment->com_excerpt) ."</a></li>";
}
$output .= $post_HTML;
echo $output;
?>

</ul>
</div>
[/php]
将其修改为

[php]
<div class="block comment"><h3>最新评论</h3>
<ul>
<?php
global $wpdb;
$sql = "SELECT DISTINCT ID, post_title, post_password, comment_ID,comment_post_ID, comment_author,comment_author_email,comment_date_gmt, comment_approved, comment_type,comment_author_url, SUBSTRING(comment_content,1,15) AS com_excerpt 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 = ” ORDER BY comment_date_gmt DESC LIMIT 10";
$comments = $wpdb->get_results($sql);
$output = $pre_HTML;
foreach ($comments as $comment) {
$output .= "\n<li>".get_avatar($comment, 32)."" . $comment->comment_author . ": <br /> <a href=\"" . get_permalink($comment->ID) . "#comment-" . $comment->comment_ID . "\" title=\"". $comment->comment_author. ":" . $comment->post_title . "\">" . strip_tags($comment->com_excerpt) ."</a></li>";
}
$output .= $post_HTML;
echo $output;
?>
</ul>
</div>
[/php]

二、修改萧涵模版文件夹下的CSS文件 style.css 将

[css]
.sidebar .block.comment{}
.sidebar .block.comment li{background:url(images/ico-com.png) 0 -245px no-repeat;padding-left:20px;color:#777;border-bottom:1px #d0d4c8 dashed;}
.sidebar .block.comment li a{color:#436206;}
[/css]

修改为

[css]
.sidebar .block.comment{}
.sidebar .block.comment li{clear:both;color:#649315;margin-top:5px;padding:0 0 3px 0;border-bottom:1px #ddd dashed;}
.sidebar .block.comment li img{float:left;margin:5px 8px 0 0 ;}
[/css]

这样即可实现侧边栏显示Gravatar头像最新评论,具体效果查看偶看博客的侧边栏。

偶看建立了关于萧涵主题修改交流的QQ群:已经解散,大家有问题可以在“问答板块”提问。,欢迎大家加入。有更多关于萧涵主题需要修改的部分,请查看萧涵主题修改

42 thoughts on “萧涵模板非插件侧边栏显示Gravatar头像最新评论 视频

  1. 落叶红尘

    请问我的萧涵主题要怎么实现在首页只显示随机文章,在内容页再显示最新文章?这是怎么实现的?

    1. 偶看林伟强 Post author

      刚偶看使用wordpress最新版本3.5.1测试该代码,显示正常,由于萧涵主题本身原因如果前台侧边栏显示出现错误 ;找到萧涵主题文件夹下的 siderbar.php 文件,把第89行<? }?>改成<?php }?>就可以了。

            1. 网赚沙龙

              我的 sidebar.php文件第89行是<?php wp_list_bookmarks(‘title_li=&categorize=0’); ?>,第93行是<?php } ?> 是怎么回事?

  2. 网赚沙龙

    都按照你的方法做了,但是侧边栏还是不显示评论的!!感觉wp升级了,你这代码好像就没有了!!正在使用 WordPress 3.5.1。

  3. 百搭布尚

    哦,我也操作了下。要不使用小工具才行。使用小工具的话侧边栏还是不能显示头像的。不知道有没有办法在使用小工具后也能实现这个功能了?

  4. 百搭布尚

    哦,我也操作了下。要不使用小工具才行。使用小工具的话侧边栏还是不能显示头像的。不知道有没有办法在使用小工具后也能实现这个功能了?

    1. 月黑风高

      而且我安装潇涵3。0 的主题,热门文章和随机文章在小工具里都没有。是不是我装的牌本太高了?

      1. 叶知秋

        萧涵主题侧边栏在首页显示的是随机文章,在内容页显示的是最新文章,这一点做的非常好。因为首页本身就是发布顺序排列的,就不用显示最新文章了。反而随机文章可以提高首页的关键词数量。

          1. 船长

            你好,为什么我的主题没有像上面这位朋友那样显示呢?首页和内容页都是近期文章没改变,我是用萧涵3的,求指教

    1. 月黑风高

      而且我安装潇涵3。0 的主题,热门文章和随机文章在小工具里都没有。是不是我装的牌本太高了?

      1. 叶知秋

        萧涵主题侧边栏在首页显示的是随机文章,在内容页显示的是最新文章,这一点做的非常好。因为首页本身就是发布顺序排列的,就不用显示最新文章了。反而随机文章可以提高首页的关键词数量。

发表评论

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据