目前网站上文章都是图文结合形式,但是每篇文章都去设置特色图像又会比较困难,占用空间就会很大,所以很多站长喜欢使用文章的首张图片作为缩略图,那么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();

}

?>

相关新闻

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

联系我们

联系我们

151-1101-0018

在线咨询:
邮件:30115776@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信
关注微信
分享本页
返回顶部