许多网站城市在首页加上爬行榜，好比点击最多的、评论最多的等等。这篇文章是要先容WordPress不消插件实现侧边栏热门日志的成果。这里说的热门日志是凭据评论数量几多来挪用的。页面上插手一些相关日志、热门日志等成果可以让访客更利便的找到本身感乐趣的内容，同时增加用户在网站上的逗留时间。
相信对WordPress较量熟悉的人都知道太多的插件会影响到网站的机能，所以只管保持网站简朴很有须要，只管只用一些必须的插件，好比屏蔽垃圾评论插件等。
利用下面的教程不需要安装任何插件，不外，在这个教程里提到了文章缩略图，所以，首页要担保你的主题支持缩略图成果，也就是说用WordPress 3.0+版本，不然大概会堕落。
代码如下：
1. 首页界说$popular_posts，用WP_Query函数界说挪用评论数最多的10篇日志。
<ul id="popular-posts"><?php
$popular_posts = new WP_Query('orderby=comment_count&posts_per_page=10'); ?>
2. 然后建设最多评论数日志的轮回列表，查抄该日志是否存在缩略图，假如有的话则显示缩略图，不然不显示缩略图。
<?php while ($popular_posts->have_posts()) : $popular_posts->the_post(); ?><li>
<?php
if ( has_post_thumbnail() ) { // check if the post has a Post Thumbnail assigned to it.
?>
<a href=http://down.chinaz.com/"<?php the_permalink(); ?>" title=http://down.chinaz.com/"<?php the_title(); ?>"><?php the_post_thumbnail('thumb', array('alt' => ''.get_the_title().'', 'title' => ''.get_the_title().'')); ?></a>
<a class="popular-post-title" href=http://down.chinaz.com/"<?php the_permalink(); ?>" title=http://down.chinaz.com/"<?php the_title(); ?>"><?php the_title(); ?></a>
<?php } else {?> <a class="popular-post-title" href=http://down.chinaz.com/"<?php the_permalink(); ?>" title=http://down.chinaz.com/"<?php the_title(); ?>"><?php the_title(); ?></a>
<?php } ?>
3. 根基上搞定了，最后假如需要显示日子对应的分类目次的话就加上下面的代码。
<p>in <span class="popular-categ"><?php $category = get_the_category(); $categLink = get_category_link($category[0]->cat_ID); ?> <a href=http://down.chinaz.com/"<?php echo $categLink; ?>" title=http://down.chinaz.com/"<?php $category[0]->cat_name; ?>"><?php echo $category[0]->cat_name; ?></a></span></p></li>
<?php endwhile; ?>
</ul>
4. 下面是完整的代码哦，复制到主题目次的sidebar.php里相应位置，就可以实此刻侧边栏显示热门日志的列表了。
<ul id="popular-posts"><?php
$popular_posts = new WP_Query('orderby=comment_count&posts_per_page=10'); ?>
<?php while ($popular_posts->have_posts()) : $popular_posts->the_post(); ?>
<li>
<?php
if ( has_post_thumbnail() ) { // check if the post has a Post Thumbnail assigned to it.
?>
<a href=http://down.chinaz.com/"<?php the_permalink(); ?>" title=http://down.chinaz.com/"<?php the_title(); ?>"><?php the_post_thumbnail('thumb', array('alt' => ''.get_the_title().'', 'title' => ''.get_the_title().'')); ?></a>
<a class="popular-post-title" href=http://down.chinaz.com/"<?php the_permalink(); ?>" title=http://down.chinaz.com/"<?php the_title(); ?>"><?php the_title(); ?></a>
<?php } else {?> <a class="popular-post-title" href=http://down.chinaz.com/"<?php the_permalink(); ?>" title=http://down.chinaz.com/"<?php the_title(); ?>"><?php the_title(); ?></a>
<?php } ?>
<p>in <span class="popular-categ"><?php $category = get_the_category(); $categLink = get_category_link($category[0]->cat_ID); ?> <a href=http://down.chinaz.com/"<?php echo $categLink; ?>" title=http://down.chinaz.com/"<?php $category[0]->cat_name; ?>"><?php echo $category[0]->cat_name; ?></a></span></p>
</li>
<?php endwhile; ?>
</ul>
CSS代码：
把下面的样式代码复制到主题目次的style.css，OK，刷新页面看下结果吧。样式可按照本身需要来调解。
#popular-posts li { overflow:auto; margin:20px 0px;}#popular-posts li img { float:left; margin-right:10px; border:3px solid #798295;}
.popular-post-title { text-decoration:none; font-weight:bold; color:#798295;}
.popular-post-title:hover{color:#6eaebe;}
#popular-posts li p { margin-top:10px; }
.popular-categ{padding:5px;background:#6eaebe;}
.popular-categ a{ font-weight:normal;color:#464b56;}
.popular-categ a:hover{color:#545b68;}
WordPress下载
WordPress v3.5.2 简体中文版下载
