无插件实现WordPress文章缩略图显示

作为一个非技术类的Wordpress博客，我认为过于简洁的页面并不好看，还是有点图片点缀看起来更加赏心悦目。文章缩略图就可以起到很好的美化作用，不过我并不想安装太多的插件，这可以采用修改源码的方式来实现Wordpress文章缩略图的显示。

第一步，在主题的images下创建一个文件夹，重命名为“random”，复制进20个大小为140×100的jpg文件，分别命名为tb1.jpg，tb2.jpg……tb20.jpg。

第二步：将下面的代码粘贴到主题文件functions.php的最下面。

//缩略图获取
function dm_the_thumbnail() {
global $post;
if ( has_post_thumbnail() ) {
echo '';
$domsxe = simplexml_load_string(get_the_post_thumbnail());
$thumbnailsrc = $domsxe->attributes()->src;
echo '';
echo '';
} else {
$content = $post->post_content;
preg_match_all('//sim', $content, $strResult, PREG_PATTERN_ORDER);
$n = count($strResult[1]);
$random = mt_rand(1, 20);
if($n > 0){
echo '';
}else {
echo '';
}
}
}
add_theme_support('post-thumbnails');
set_post_thumbnail_size(100, 140, true);

第三步：将下面的代码粘贴到主题目录下index.php文件的“<div>”后面，如果想在分类页也显示缩略图，请用同样的方法修改category.php文件，其他几个页面如archive.php、tag.php、author.php、search.php，请根据自己的需要酌情修改。

第四步：将下面的css代码添加到主题文件style.css的最下面。

.post .intro img{float: left;width: 140px;height:100px;margin: 12px 10px 8px 15px;_margin: 17px 10px 8px 7px;padding: 4px;border:1px solid #ccc;position:relative;z-index:3;}

做完这些工作就可以实现文章缩略图的显示了。默认调用文章内第一张图片，可以是媒体库中的，也可以是网络上的。如果文章内没有任何图片，则会随机调用random文件夹里面的tb1.jpg，tb2.jpg……tb20.jpg。