缩略图在WordPress中的使用及相关技巧

在博客上使用缩略图的机会很多。它们出现在文章列表页面，相关文章出现在文章底部，分类页面出现分类图片，甚至有些博客非常新潮，淡化文字，使用图片瀑布作为文章索引。

站长们知道缩略图可以吸引注意力，他们总是在寻找更好的使用方法。本文将介绍WordPress上调用缩略图的两种常用方法及其适用场景。

调用文章的第一张图片。

WordPress Media一直支持上传图片生成缩略图、中尺寸、大尺寸、原图四种规格的图片，但这大概是为了方便在文章中调用不同尺寸的图片。虽然不直接调用缩略图方法，但我们可以将文章的第一张图片作为缩略图找到。第一张图片可以通过文章ID找到。这里，方法可以写成这样：用户获取第一个缩略图，如果还没有上传图片，则返回一个空字符串。

函数getfirst image($ postId){ $ args=array(' number post '=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)；$ image src=WP _ get _ attachment _ image _ src($ image-ID，'缩略图')；$ ImageURl=$ ImageSrc[0]；$html='img src='http: '。$imageUrl。alt=' '。_title(“”、“”、false)' /';返回$ html}调用代码如下。

$ thumb=getfirst image($ post-ID)；if(strlen($ thumb)0){ echo $ thumb；}其他{//显示默认图片或不做任何事情}文章的特色图片功能。

在WordPress 2.9之后，WordPress提供了文章的特征图片功能，可以将上传的图片设置为文章的特征图片，并且可以为图片设置多种大小，以便在不同的环境下使用。点击步骤拨打：

1.添加对WordPress主题的功能图片支持，并设置功能图片的大小和别名。

add_theme_support('后缩略图')；//支持功能图片功能add_image_size('thumb '，180，180)；//别名为thumb，大小为150x150。add _ image _ size('推荐'，120，120)；//建议使用别名，大小为120x120。我们可以将上述代码添加到functions.php文件中，为主题添加特色图像支持，并设置两种大小的图片：180x180和120x120。

Add_image_size用于定义特征图片大小。参考WordPress Codex，但它实际上有四个参数。

第一个参数：用于调用不同大小的缩略图。第二个参数：和第四个参数：是一个布尔值，它指定图片的裁剪方法。默认值为假。如果是真的，图片将以更大的压缩比进行处理。砍掉多余的。例如，如果有一张900x600的图片，需要压缩成150x150的图片，那么这张图片会先压缩成225x150的图片，然后再剪切成150x150的图片。

如果为假，图片将以较小的压缩比进行处理。例如，如果有一张图片900x600，需要压缩到150x150，那么这张图片就会压缩到150x150。下图为两个缩略图，原图为1024x768，左缩略图为Add _ Image _ Size ('XXX '，120，120，true)。右图使用add _ image _ size ('XXX '，120，120，false)；

2.确定是否有特色图片并显示缩略图。

if(has _ post _ thumb()){ the _ post _ thumb(' thumb ')；} else {//显示默认图片或者什么都不做}上面的代码判断文章中是否有特写图片，如果有，则显示一个带有别名thumb的缩略图。如果没有默认图片，可以显示或留空。我们还用别名推荐设置了一个缩略图，这样我们就可以在不同的场合使用不同的缩略图。例如，在文章列表页面使用_ post _ thumb(' thumb ')；显示180x180的缩略图，在文章底部相关文章区传递_post_thumbnail('推荐')；显示120x120的缩略图。

3.写文章时设置特色图片。

如果我们为主题添加功能图片支持，在编辑文章页面上传图片后，我们可以在“插入到帖子”按钮旁边找到“用作功能图片”链接，将图片设置为功能图片。

PS:巧用WordPress缩略图WordPress不仅仅是一个博客，在很多情况下还可以作为CMS(内容管理系统)使用。博主喜欢给每篇文章添加统一大小的缩略图，尤其是在信息平台上。其中，常用的方法是在带有自定义字段的文章中插入图片，通过上传相同大小的缩略图或使用phpThumb等工具生成缩略图。

2.7最开始，WordPress对多媒体功能做了很大的改进，越来越多的人使用WP内置的图片仓库。对于这些用户来说，制作缩略图并没有那么难。上传图片时，默认会生成150x150的缩略图(如果图片的高度/宽度小于150px，会使用原来的高度/宽度)。那么我们就可以充分利用这个功能。将此图片作为缩略图添加到文章列表中。这种方法各有利弊。优点是简单智能(无需每次输入缩略图)，缺点是消耗服务器流量。

好了，我们现在需要做的就是把上传的小图片提取出来，放在文章的适当位置。我创建了一个文件thumb.php，图片采集和调用一起处理。文件内容如下。

？PHP $ args=array(' number post '=1，' order'='ASC '，' post_mime_type'='image '，' post_parent'=$post-ID，' post_status'=null，' post _ type '=' attachment ')；$ attachments=get _ children($ args)；$ imageUrl=if($附件){ $ image=array _ pop($附件)；$ image src=WP _ get _ attachment _ image _ src($ image-ID，'缩略图')；$ ImageURl=$ ImageSrc[0]；} else { $ imageUrl=get _ bloginfo(' template _ URL ')。/img/default . gif '；}?a href='？“the _ permalink()？”img class='left' src='http:php echo $ imageUrl?'alt='？PHP _ title()；'width=' 150 ' height=' 150 '/a此代码将查找第一个上传的缩略图(如果第一张图片被删除，则查找第二张图片，依此类推.)，然后在文章列表中称之为index.php，存档页为archive.php，搜索页为search.php。调用代码如下。

？PHP include(' thumb . PHP ')；_内容('阅读更多.');这个代码是把图片放在文章内容的前面。图片怎么放需要CSS来调整布局，这里就不多说了。

摘要

在WordPress 2.9之前，还没有特色图片的概念，所以需要先找到图片附件。这样获取缩略图的好处是一劳永逸。以后就不用管你想用什么缩略图或者有没有缩略图了。但这也是它的劣势。您不能将特定图片指定为缩略图。如果一篇文章的第一张图片是缩略图，但是第一张图片因为文章更新而被删除，然后上传，那么第二张图片就会变成新的缩略图。但是有可能第二张图片没有效果，不适合作为缩略图，因为根本没有办法使用具体的图片。

特色形象非常强大。除了指定图片为特色图片，还可以使用多种尺寸的图片来适应不同的场合。你要做的就是每次写文章都不要忘记设置特色图片。当你想删除所有缩略图时，你只需要添加functions.php文件的主题支持。很好。

现在不用Featured Image了，但是一直用第一张照片的方法，因为我的画质不高，也没有指定图片要求，所以也懒得改。