目前网站上文章都是图文结合形式,但是每篇文章都去设置特色图像又会比较困难,占用空间就会很大,所以很多站长喜欢使用文章的首张图片作为缩略图,那么WordPress开发如何将文章首张图片与特色图像相结合?
1、修改WordPress中的Functions.php文件代码
选择外观菜单下的主题编辑器,选择右侧主题文件列表中的functions.php
在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不同的模板,其文件代码会有所不同,请大家根据实际情况修改,示例只能起到指引作用。
在调用缩略图的地方注释掉原来的代码,增加一个判断,如果存在特色图像,则用特色图像;如果没有则取文章第一张图片。
#注释掉原来的代码
<!-- <?php power_magazine_post_thumbnail(); ?> -->
#修改为新代码
<?php
if ( has_post_thumbnail() ) {
power_magazine_post_thumbnail();
} else {
catch_first_image_as_thumbnail();
}
?>
发表评论