专注国内外云服务器
分享建站技术教程

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

立即购买

阿里云服务器 ¥102元/年 云数据库37.5元/年 限时

个人、企业均可购买 | 更多配置0.8折特惠

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

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

if($first_img){

echo ‘

””

’ ;

}

}

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

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

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

#注释掉原来的代码

–>

#修改为新代码

<?php

if ( has_post_thumbnail() ) {

power_magazine_post_thumbnail();

} else {

catch_first_image_as_thumbnail();

}

?>

文章来源于wordpress教程:WordPress开发如何将文章首张图片与特色图像相结合?

相关推荐: vue之封装多个组件调用同一接口的案例

吾上云WORDPRESS教程最新“vue之封装多个组件调用同一接口的案例”这篇文章主要介绍了vue之封装多个组件调用同一接口的案例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧 背景:项目中有多个组件调用同一接口,为提高代码可维护性,需要封装…

赞(0)
未经允许不得转载:吾上云 » WordPress开发如何将文章首张图片与特色图像相结合?
分享到: 更多 (0)
  • 阿里云
    基础型云服务器

    1核CPU

    2G内存

    40G硬盘

    1M带宽

    独立IP

    分布式存储

    适合企业官网、个人站长类网站

    ¥89/1年 原价¥903.40

  • 阿里云
    超值型云服务器

    2核CPU

    4G内存

    40G硬盘

    3M带宽

    独立IP

    分布式存储

    适合企业官网、行业门户类网站

    ¥899/3年 原价¥8281

  • 阿里云
    高性能云服务器

    2核CPU

    8G内存

    40G硬盘

    5M带宽

    独立IP

    分布式存储

    适合电商、数据库等企业级应用

    ¥1399/3年¥14765

  • 腾讯云
    基础型云服务器

    1核CPU

    2G内存

    50G硬盘

    1M带宽

    独立IP

    分布式存储

    适合企业官网、个人站长类网站

    ¥95/1年 原价¥834

  • 腾讯云
    超值型云服务器

    1核CPU

    2G内存

    50G硬盘

    1M带宽

    独立IP

    分布式存储

    适合企业官网、行业门户类网站

    ¥288/3年 原价¥2502

  • 腾讯云
    高性能云服务器

    4核CPU

    8G内存

    50G硬盘

    5M带宽

    独立IP

    分布式存储

    适合电商、数据库等企业级应用

    ¥2188/3年¥13986

  • 阿里云
    基础型云服务器

    1核CPU

    2G内存

    40G硬盘

    1M带宽

    独立IP

    分布式存储

    适合企业官网、个人站长类网站

    ¥89/1年 原价¥903.40

  • 阿里云
    超值型云服务器

    2核CPU

    4G内存

    40G硬盘

    3M带宽

    独立IP

    分布式存储

    适合企业官网、行业门户类网站

    ¥899/3年 原价¥8281

  • 阿里云
    高性能云服务器

    2核CPU

    8G内存

    40G硬盘

    5M带宽

    独立IP

    分布式存储

    适合电商、数据库等企业级应用

    ¥1399/3年¥14765

  • 腾讯云
    基础型云服务器

    1核CPU

    2G内存

    50G硬盘

    1M带宽

    独立IP

    分布式存储

    适合企业官网、个人站长类网站

    ¥95/1年 原价¥834

  • 腾讯云
    超值型云服务器

    1核CPU

    2G内存

    50G硬盘

    1M带宽

    独立IP

    分布式存储

    适合企业官网、行业门户类网站

    ¥288/3年 原价¥2502

  • 腾讯云
    高性能云服务器

    4核CPU

    8G内存

    50G硬盘

    5M带宽

    独立IP

    分布式存储

    适合电商、数据库等企业级应用

    ¥2188/3年¥13986

评论 抢沙发

评论前必须登录!

 

吾上云 专注服务器选购

购买云服务器联系我们