WordPress首页文章列表调用缩略图

WordPress首页默认的文章列表不显示缩略图，虽然有插件可以实现显示缩略图，但怎么不用插件就可以调用首页文章列表缩略图呢？

缩略图选择的是文章中的第一张图片，如果文章不包含图片，显示默认图片，所以你要置顶一个默认的图片位置。
详细步骤：

第一步、打开使用的主题模板的“functions.php”，在里面添加如下代码：
function thumb_img($soContent){
$soImages = '~<img [^/-/>]*/-/ />~';
preg_match_all( $soImages, $soContent, $thePics );
$allPics = count($thePics[0]);
if( $allPics > 0 ){
echo "<span id='thumb'>";
echo $thePics[0][0];
echo '</span>';
}
else {
echo "<span id='thumb'>";
echo "<img src='";
echo bloginfo('template_url');
echo "/images/thumb.gif'></span>";
}
}
这是一个显示缩略图的方法，自动检索文章的第一张图片，如果没有显示当前主题/images/thumb.gif，所以你要把这个thumb.gif图片准备好。

第二步、打开首页文件“index.php”，找到 the_content(); 或相似的代码在它之前添加如下代码：
thumb_img($post->post_content);

第三步、添加缩略图样式CSS代码：
#thumb{margin:5px 15px 5px 5px;width:145px;height:120px;border:3px solid #eee;float:left;overflow:hidden;}
#thumb img{max-height:186px;max-width:186px}

本文标题：WordPress首页文章列表调用缩略图
本文地址：http://www.q0738.com/wordpress/17555.html

• WordPress首页文章列表调用缩略图