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

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

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

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

image

image

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

过程如下:(修改之前请一定将你的模板文件夹里面的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设置一个填充满的背景图片。.

未注明则为有货街原创,链接: https://www.yohojie.com/boke/654.html,禁止转载

上一篇:

下一篇:

WP抓取文章中首张图片作为摘要缩略图》有7个想法

发表评论

电子邮件地址不会被公开。

广告赞助19-扫码即可下载安装