我们可能都已经发现，越来越多的博客，在每篇文章的左上角或者右上角，都加上了一个和文章相关的缩略图，在首页，在存档页面，在搜索结果页面都可以看到。另外，基本上所有的Wordpress CMS主题也都是这样。对于不是CMS主题的博客来说，基本是像下图这样：

那么，他们是通过什么方法做到的呢？我查看了很多的中英文文章，可以用很多的方法来实现，不过，我认为最简单的方法应该是这样。

1、调整缩略图尺寸

在Wordpress后台进入Settings > Miscellaneous，我们会看到Image size（图片尺寸），设置Thumbnail size（缩略图尺寸）和Medium size（中间尺寸），比如我们设置Thumbnail size为80×80。（PS：顺便分享一个小技巧，如果我们不想让任何图片生成缩略图和中间尺寸图，那么，可以将Thumbnail size和Medium size全部留空，这样，系统就不会再自动生成其它尺寸的图片了。）

2、为缩略图对齐方式添加一个CSS类

打开所用主题的style.css，添加如下代码：

.thumb { float: left; margin-right: 7px; margin-bottom: 7px; }

3、通知index.php显示缩略图

接下来就是要让index.php知道我们的意图：正确地显示缩略图，方法如下：

首先用文本编辑器打开index.php，然后找到如下代码：

< ?php the_content(); ?>

替换成

< a href=”< ?php the_permalink() ?>” title=”< ?php the_title(); ?>”>
< img src=”< ?php $values = get_post_custom_values(”thumb”); echo $values[0]; ?>” alt=”< ?php the_title(); ?>” class=”thumb” />
< /a>
< ?php the_excerpt(); ?>

这个代码的作用就是，给首页文章全部加上缩略图，并且，在首页只显示摘要，如果我们不想显示摘要而是想显示全文，可以将 < ?php the_excerpt(); ?>替换成 < ?php the_content(); ?>， 同理，存档页面（包括分类存档页面以及Tag存档页面）修改archive.php，搜索结果页面修改search.php，如果想让单篇文章页面也显示缩略图的话，修改single.php。建议在首页显示全文，存档和搜索结果页面显示摘要。（注：所有代码中“ < ”标记后面都加了一个空格，使用的时候请去掉）

4、添加缩略图

OK，做了这么多的准备工作，现在是实现此功能的时候了。

当我们写好一篇文章之后，如果要给文章添加一个缩略图，首先，上传图片，可以用Wordpress自带的上传工具上传，也可以用FTP客户端上传，如果使用Wordpress自带的上传工具上传，在上传完毕之后，在左上角会显示一个缩略图，鼠标右键选择“Copy Image Location”（复制图片地址，仅针对Firefox），在编辑器的下方可以看到Custom Fields（自定义字段），在Key中输入thumb，在Value中粘贴刚才复制的图片地址，类似于这样：

http://www.yourdomain.com/imagespath/thumb.jpg

如果是使用FTP客户端上传图片的话，记得一定不要把图片的地址写错了。

最后，点击Add Custom Field，保存并发布文章，就会看到这篇文章的缩略图已经显示出来。如果使用的是显示摘要的话，别忘了给文章写个摘要。

原文：Adding Post Thumbnails in WordPress 2.5