WP抓取文章中首张图片作为摘要缩略图

网站如果能做到图文并茂，不仅对吸引读者有帮助，在seo方面也能起到好的作用。大家多浏览老外的博客就会发现，老外都喜欢找一些图片插入在文章中，而一些国内优秀的博主，像我爱水煮鱼、卢松松博客、月光博客等都是这么做的。

WP抓取文章中首张图片作为摘要缩略图，如何做呢？

先来看一张预览图（或者可以参考我爱水煮鱼博客），我们要的就是这种结果。

自动抓紧文章中的第一张图片在博客首页摘要中显示，如果文章中没有图片，则会显示预设好的图片。网上大部分的方法为使用插件，我昨晚花了几个小时的时间也没有找到适合的插件，于是找到了这个自己加函数的方法。

过程如下：(修改之前请一定将你的模板文件夹里面的functions.php下载下来,一旦出错,必须用ftp上传这个文件覆盖才行哦)

外观——〉编辑——〉打开Them Functions（functions.php）这个文件，拉到最后，然后加上这个函数：

//设置自动添加特殊图像
function catch_that_image() {
global $post, $posts;
$first_img = ”;
ob_start();
ob_end_clean();
$output = preg_match_all(‘/<img.+src=[\'”]([^\'”]+)[\'”].*>/i’, $post->post_content, $matches);//用正则过滤文章
$first_img = $matches [1] [0];
if(empty($first_img)){
$first_img = ”;//第一张图片为空，也可以为一个默认地址。
}
return $first_img;
}

然后在你想要显示缩略图的位置加上下面语句就行了：

<img src=”<?php echo catch_that_image() ?>” \>

一般是将这条语句加在<?php the_excerpt(); ?>的旁边。

想要控制缩略图的大小，可以通过在这条语句外增加一个div来控制，或者直接在括号里面增加width\height等样式来限制。

如何显示一张默认图片呢？

在后面这条语句外面加一个div，然后给这个div设置一个填充满的背景图片。