如果是一般的WordPress主題，需要調(diào)用最新的文章列表至側(cè)邊欄直接拖動(dòng)小工具就可以完成，即便有些主題不支持小工具我們也可以在側(cè)邊模板中手工添加最新的內(nèi)容。但是，如果需要在側(cè)邊欄調(diào)用最新的內(nèi)容且?guī)в锌s略圖，要么可以用插件解決，要么采用無插件代碼實(shí)現(xiàn)，這里老蔣整理非插件實(shí)現(xiàn)WordPress側(cè)欄最新文章列表+縮略圖調(diào)用。

第一、代碼部分

<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函數(shù)調(diào)用最新的文章以及縮略圖，前提是我們必須有縮略圖的功能，這個(gè)我們自己添加就可以。

第二、樣式部分

需要定義樣式部分，根據(jù)實(shí)際情況再做未調(diào)整。

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

這樣我們可以看到調(diào)用的最新WORDPRESS內(nèi)容且?guī)в锌s略圖效果。

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