WordPress自动提取第一张图片作为缩略图

方法一:使用插件

最简单的方法是使用现成的插件,Auto Post Thumbnail”或“Fast Automatic Image Thumbnail Generator”。

1、安装插件

登录到你的WordPress后台。

导航到“插件” > “添加新”。

搜索上述插件名,找到后点击“安装现在”,然后激活插件。

2、设置插件

根据插件的不同,设置界面可能会有所不同,通常你需要进入插件的设置页面,指定缩略图的大小、对齐方式和其他选项。

有些插件可能允许你直接从文章的第一张图片生成缩略图,而其他插件可能需要你指定一个默认图片。

3、使用插件

发布或更新文章时,插件会自动检测文章中的第一张图片并用它来生成缩略图。

方法二:代码实现

如果你更倾向于不使用插件,可以手动在你的主题文件中添加代码来实现这一功能。

1、创建函数

在你的主题的functions.php文件中,添加以下代码:

“`php

function catch_first_image($content) {

$pattern = ‘/<img[^>]+src="([^">]+)"/’;

preg_match($pattern, $content, $matches);

return $matches[1];

}

“`

这段代码定义了一个名为catch_first_image的函数,用于查找并返回文章第一张图片的URL。

2、调用函数

接下来,在你想要显示缩略图的地方调用这个函数,如果你想在文章摘要后面显示缩略图,可以在主题的index.phparchive.php文件中添加以下代码:

“`php

if (has_excerpt()) {

$first_image = catch_first_image(get_the_excerpt());

echo ‘<a href="’. get_permalink() .’"><img src="’. $first_image .’" alt="First image"></a>’;

}

“`

这段代码首先检查是否有摘要,如果有,则调用catch_first_image函数获取第一张图片的URL,并输出一个包含图片的链接。

3、调整样式

你可能还需要在主题的style.css文件中添加一些CSS代码来调整缩略图的样式。

以上两种方法都可以实现在WordPress中自动提取内容中的第一张图片作为缩略图,选择哪种方法取决于你的技术熟练程度和对插件使用的偏好,如果你是WordPress新手,建议使用插件,因为它更简单、风险更小,如果你对PHP和WordPress有一定的了解,可以尝试手动代码修改,这样可以更好地控制细节和优化性能。

本文摘自网络,不代表短经典网立场 https://www.duanjingdian.com/215.html

上一篇 2024 年 4 月 19 日
下一篇 2024 年 4 月 19 日

相关推荐

  • 让WordPress自己申请免费 Let’s Encrypt SSL证书的插件WP Encryption

    如今看来,免费SSL证书大概只有Let’s Encrypt SSL 靠谱些,不过每三个月一次申请有点麻烦,SSH下设置麻烦,宝塔等面板自动申请有时候会失效,比如宝塔做了www的30…

    2024 年 4 月 18 日
    252
  • WordPress自动清空回收站的方法

    WordPress中,当您删除某个文章、页面、评论或附件时,它们不会被永久删除,而是被移动到一个名为“回收站”的地方,如果您想恢复已删除的内容,可以从回收站中恢复,如果您想彻底清空…

    2024 年 4 月 16 日
    129
  • WordPress如何自动为文章添加特色图片?

    在WordPress中自动为文章添加特色图像可以通过多种方式实现,以下是几种常用的方法: 1、使用插件自动设置特色图像 2、代码方法自动设置特色图像 3、利用媒体库的默认图像作为特…

    WordPress 2024 年 4 月 19 日
    243
  • 如何实现WordPress的页面不跳转?

    想要让用户在当前页面上完成某个操作而不需要离开,或者想在不刷新的情况下加载新的内容,以下是一些实现WordPress页面不跳转的方法: 1. 使用 AJAX 技术 AJAX(Asy…

    2024 年 4 月 20 日
    146
  • WordPress 插件 Forminator 中存在严重漏洞

    Forminator 由 WPMU DEV 创建,是一款适用于 WordPress 站点的自定义联系、反馈、测试、调查和支付表单构建器,提供拖放功能、广泛的第三方集成和通用的多功能…

    建站资讯 2024 年 4 月 26 日
    124
  • wordpress自定义导航栏

    1、登录到WordPress后台 打开你的WordPress网站,并登录到后台管理界面。 2、进入外观设置 在左侧导航栏中,点击"外观"选项,然后选择"菜单"。 3、创建主导航菜单…

    WordPress 2024 年 4 月 27 日
    97
  • WordPress隐藏指定页面

    要在WordPress主题中隐藏后台页面中的特定页面,您可以使用以下方法之一: 使用CSS隐藏页面: 您可以通过向后台页面添加自定义CSS来隐藏特定页面。首先,在您的主题文件夹中的…

    WordPress 2024 年 4 月 22 日
    128
  • WordPress如何实现网站防盗链?

    除了在服务器端实现网站防盗链之外,WordPress如何实现网站防盗链? 1、什么是防盗链? 防盗链是一种防止其他网站直接引用自己网站上的资源的技术手段。 常见的资源包括图片、视频…

    2024 年 4 月 16 日
    199
  • 如何实现WordPress内容的静态化静态

    将WordPress博客静态化可以帮助提高网站性能、降低服务器负载,并有利于搜索引擎优化(SEO),以下是将WordPress博客首页静态化的详细技术教学: 1、了解静态页面和动态…

    WordPress 2024 年 4 月 28 日
    196
  • 当文章没有缩略图时,帝国列表页不显示默认图片

    $titlepic=''; if($r[titlepic]) { $titlepic='<i><a href="[!--titleurl--]" target="…

    帝国CMS 2024 年 7 月 19 日
    106