Loading
0

WordPress开发如何将文章首张图片与特色图像相结合?

目前网站上文章都是图文结合形式,但是每篇文章都去设置特色图像又会比较困难,占用空间就会很大,所以很多站长喜欢使用文章的首张图片作为缩略图,那么WordPress开发如何将文章首张图片与特色图像相结合?

1、修改WordPress中的Functions.php文件代码

选择外观菜单下的主题编辑器,选择右侧主题文件列表中的functions.php

WordPress开发如何将文章首张图片与特色图像相结合?

在functions.php中加入以下代码:

//自动提取文章第一张图片为缩略图

function catch_first_image_as_thumbnail() {

global $post,$posts;$first_img = '';

ob_start();

ob_end_clean();

$output = preg_match_all('/<img[^<>]*src=[\"]([^\"]+)[\"][^<>]*>/im', $post->post_content, $matches);

$first_img = $matches [1] [0];

if($first_img){

echo '<figure><a class="post-thumbnail" href="'.get_permalink( $id ).'"><img width="100%" alt="" src="' . $first_img . '" /></a></figure>' ;

}

}

2、修改WordPress中content.php文件代码

WordPress不同的模板,其文件代码会有所不同,请大家根据实际情况修改,示例只能起到指引作用。

WordPress开发如何将文章首张图片与特色图像相结合?

在调用缩略图的地方注释掉原来的代码,增加一个判断,如果存在特色图像,则用特色图像;如果没有则取文章第一张图片。

#注释掉原来的代码

<!-- <?php power_magazine_post_thumbnail(); ?> -->

#修改为新代码

<?php

if ( has_post_thumbnail() ) {

power_magazine_post_thumbnail();

} else {

catch_first_image_as_thumbnail();

}

?>