如果是一般的WordPress主題，需要調用最新的文章列表至側邊欄直接拖動小工具就可以完成，即便有些主題不支持小工具我們也可以在側邊模板中手工添加最新的內容。但是，如果需要在側邊欄調用最新的內容且帶有縮略圖，要么可以用插件解決，要么采用無插件代碼實現，這里老蔣整理非插件實現WordPress側欄最新文章列表+縮略圖調用。

第一、代碼部分

<ul id="new-posts">
<?php
$recentPosts = new WP_Query();
$recentPosts->query('showposts=10'); ?>
<?php while ($recentPosts->have_posts()) : $recentPosts->the_post(); ?>
<li>
<?php
if ( has_post_thumbnail() ) {
?>
<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_post_thumbnail('thumb', array('alt' => ''.get_the_title().'', 'title' => ''.get_the_title().'')); ?></a>
<a class="new-post-title" href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a>
<?php } else {?> <a class="new-post-title" href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a>
<?php } ?>
<p>in <span class="new-categ"><?php $category = get_the_category(); $categLink = get_category_link($category[0]->cat_ID); ?> <a href="<?php echo $categLink; ?>" title="<?php $category[0]->cat_name; ?>"><?php echo $category[0]->cat_name; ?></a></span></p>
</li>
<?php endwhile; ?>
</ul>

利用WP_Query函數調用最新的文章以及縮略圖，前提是我們必須有縮略圖的功能，這個我們自己添加就可以。

第二、樣式部分

需要定義樣式部分，根據實際情況再做未調整。

#new-posts li { overflow:auto; margin:20px 0px;}
#new-posts li img { float:left; margin-right:10px; border:3px solid #798295;}
.new-post-title { text-decoration:none; font-weight:bold; color:#798295;}
.new-post-title:hover{color:#6eaebe;}
#new-posts li p { margin-top:10px; }
.new-categ{padding:5px;background:#6eaebe;}
.new-categ a{ font-weight:normal;color:#464b56;}
.new-categ a:hover{color:#545b68;}

這樣我們可以看到調用的最新WORDPRESS內容且帶有縮略圖效果。

本文原創來自：http://www.itbulu.com/wordpress-new-post-thumb.html