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

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

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

一、修改萧涵模板文件夹下的 sidebar.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>

将其修改为

<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>

二、修改萧涵模版文件夹下的CSS文件 style.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;}

修改为

.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 ;}

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

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

《萧涵模板非插件侧边栏显示Gravatar头像最新评论 视频》有42个想法

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

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

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

发表评论