喜爱折腾修正Wordpress主题的冤家，一定遇到过这样的成绩，想在首页文章中显示缩略图，有插件能够完成，不过不不便操作和管制，毕竟代码是人家写的，明天与大家分享一下，无插件，纯代码是怎样完成首页文章缩略图的，办法十分简略，就算你不懂代码，按步骤操作也是能够的。当然缩略图抉择的是文章中的**张图片，假如文章不蕴含图片，显示默许图片，所以你要置顶一个默许的图片地位。

步入正题，开端增加首页缩略图，分简略3步即可完成：

**步：找到应用的主题模板的functions.php文件在<?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简单三步实现首页文章显示缩略图(无插件)》的一些看法。更多内容请查看本栏目更多内容！