在博客上用到缩略图的机会很多，它们出现在文章列表页面，文章下方的相关文章，分类页面的类目图片，甚至有些博客很新潮地淡化文字以图片瀑布流作为文章索引。
站长们知道缩略图可以吸引眼球，一直在寻找更好的使用方法。本文将会介绍 WordPress 上常用的两个调用缩略图的方法，以及他们的适用场景。
调用文章第一个图片
WordPress Media 一直支持上传图片生成包括缩略图，中等尺寸，大尺寸和原图 4 个规格的图片，而这恐怕是为了方便我们在文章内调用不同尺寸的图片。
凭文章 ID 就可以找到第一个图片。这里可以写成方法如下，用户获取第一个缩略图，如果没有上传过图片，返回空字符串。
function getFirstImage($postId) {
$args = array(
‘numberposts’ => 1,
‘order’=> ‘ASC’,
‘post_mime_type’ => ‘image’,
‘post_parent’ => $postId,
‘post_status’ => null,
‘post_type’ => ‘attachment’
);
$attachments = get_children($args);
// 如果没有上传图片, 返回空字符串
if(!$attachments) {
return ”;
}
// 获取缩略图中的第一个图片, 并组装成 HTML 节点返回
$image = array_pop($attachments);
$imageSrc = wp_get_attachment_image_src($image->ID, ‘thumbnail’);
$imageUrl = $imageSrc[0];
$html = ‘<img src=”‘%20.%20$imageUrl%20.%20′” alt=”‘ . the_title(”, ”, false) . ‘” />’;
return $html;
}
调用的代码如下。
$thumb = getFirstImage($post->ID);
if(strlen($thumb) > 0) {
echo $thumb;
} else {
// 显示默认图片或者不做任何事情
}
文章特征图片（Featured Image）功能
WordPress 2.9 之后，WordPress 提供了文章特征图片功能，可以为文章设定一个上传的图片作为特征图片，并可以给图片设定多个尺寸以便在不同的环境使用。可按一下步骤调用：
1. 为 WordPress 主题添加特征图片支持，并设定特征图片的尺寸和别名。
add_theme_support(‘post-thumbnails’); // 支持特征图片功能
add_image_size(‘thumb’, 180, 180); // 别名为 thumb， 尺寸为 150×150 的设定
add_image_size(‘recommend’, 120, 120); // 别名为 recommend， 尺寸为 120×120 的设定
我们可以将以上代码加到 functions.php 文件， 为主题添加添加了 Featured Image 支持， 并设定了 180×180 和 120×120 两种尺寸的图片。
其中 add_image_size 用于定义一种特征图片尺寸， 参考 WordPress Codex， 实际上它有 4 个参数。
第 1 个参数： 特征图片的尺寸别名， 用于调用不同尺寸的缩略图。
第 2 个参数： 图片的宽度
第 3 个参数： 图片的高度
第 4 个参数： 参数是个布尔值， 用于指定图片的裁切方式。 默认为 false.
如果为 true， 图片会按较大的压缩比例处理， 多余部分裁剪掉。 比如现在有图片 900×600， 要求压缩成 150×150 的图片， 那么会先将图片压缩成 225×150 的图片， 才裁剪成 150×150.
如果为 false， 图片会按较小的压缩比例处理。 比如现在有图片 900×600， 要求压缩成 150×150 的图片， 那么会将图片压缩成 150×100 的图片。
下图是两个缩略图， 原图 1024×768， 左缩略图是 add_image_size(‘xxx’, 120, 120, true);， 而右图使用的是 add_image_size(‘xxx’, 120, 120, false); 。
2. 判断是否存在特征图片和显示缩略图。
if(has_post_thumbnail()) {
the_post_thumbnail(‘thumb’);
} else {
// 显示默认图片或者不做任何事情
}
上述代码判断文章中是否存在特征图片，如果存在则显示别名为 thumb 的缩略图，如果没有可以显示默认图片或者留空。我们在前面还设定了别名为 recommend 的缩略图，那么我们可以在不同的场合使用不同的缩略图。比如：在文章列表页面使用 the_post_thumbnail(‘thumb’); 展示 180×180 的缩略图， 而在文章底部的相关文章区域通过 the_post_thumbnail(‘recommend’); 展示 120×120 的缩略图。
3. 在编写文章的时候设定特征图片。
如果我们为主题添加了特征图片支持，在编辑文章页面上传图片后，在 Insert into Post 按钮的旁边可以找到 Use as featured image 链接将图片设为特征图片。
总结
WordPress 2.9 之前不存在特征图片（Featured Image）的概念，必须通过第一种方式找到图片附件。 用这种方式获取缩略图的好处是一劳永逸，以后你不用关心要文章的使用什么缩略图，是否存在缩略图。 但这同样也是它的缺点，不能指定特定图片为缩略图。如果某文章第一个图片是缩略图，但因为文章更新， 将第一个图片删除了，再上传。那本来第二个图片就成为了新的缩略图，但有可能第二个图片效果不好， 不适合作为缩略图也没是没有办法的，因为你根本没有办法使用特定图片。
Featured Image 功能很强大，除了可以指定图片作为特征图片，还能够使用多个尺寸的图片以适合不同的场合，你要做的仅仅是每次写文章时别忘了设定特征图片。当你想去除所有缩略图时，也仅是将 functions.php 文件的 add_theme_support(‘post-thumbnails’); 即可。
我现在没有用 Featured Image， 一直用的是取第一个图片的方法，因为我的图片质量不高，一直没指定图片需求，懒得去改了。