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 日 下午3:31
下一篇 2024 年 4 月 19 日 下午4:12

相关推荐

  • WordPress后台一键升级需设置ftp的解决方法

    每当我们想在wordpress上升级插件或者是升级wordpress的时候,就会弹出一个ftp登录,怎样解决? 解决方法 编辑配置文件wp-config.php 在最后一行下面添加…

    WordPress 2024 年 4 月 26 日
    280
  • wordpress怎么实现文章分页?

    方法一:使用内置分页功能 1、撰写长文章: 你需要一篇足够长的文章来需要分页,如果文章内容不足以跨越多个页面,分页选项将不会显示。 2、分页选项: 在编辑文章时,查找文本编辑器工具…

    WordPress 2024 年 4 月 19 日
    285
  • WordPress怎样实现访客统计?

    在WordPress中实现访客统计可以通过多种方式: 1、使用插件 WordPress有许多插件可以帮助您实现访客统计功能,以下是一些常用的插件: Jetpack:Jetpack是…

    2024 年 4 月 17 日
    269
  • WordPress限制标题长度的方法

    在WordPress中,你可以使用多种方法来限制文章标题的长度。这些方法包括使用代码片段或插件: 使用函数限制标题长度:你可以在主题的functions.php文件中添加以下代码来…

    WordPress 2024 年 4 月 22 日
    243
  • 如何优化wordpress主机内存?

    优化WordPress主机内存的方法有很多,以下是一些建议: 1、选择合适的主机方案 如何优化wordpress主机内存? (wordpress主机内存) 选择适合您网站需求的主机…

    2024 年 4 月 16 日
    241
  • 如何禁止WordPress头部加载s.w.org?

    s.w.org 是 WordPress 的一个开源 JavaScript 库,称为 "jQuery Varia",它包含了一些 jQuery 的扩展函数,这个库通常被包含在 Wor…

    WordPress 2024 年 4 月 19 日
    241
  • WordPress怎么增加文章排序方式?

    方法一:使用内置的“排序”功能 WordPress自带一个基础的文章排序功能,通常按照日期进行排序,要使用它,请按照以下步骤操作: 1、登录到你的WordPress后台。 2、转到…

    WordPress 2024 年 4 月 19 日
    247
  • WordPress升级报错:Briefly unavailable for scheduled maintenance

    WordPress升级报错:Briefly unavailable for scheduled maintenance 在WordPress进行自动更新或手动升级过程中,系统会创建…

    WordPress 2024 年 4 月 17 日
    241
  • WordPress分类栏目怎么让置顶文章显示在最前面

    如何将分类栏目里的置顶文章显示在最前面呢?然后再显示新发布的文章。怎么实现在调用最新文章列表中置顶文章靠前显示呢?代码如下: <?php $sticky = get_opti…

    WordPress 2024 年 5 月 30 日
    249
  • WordPress 发现 XSS 漏洞 – 建议更新至 6.5.2

    WordPress 宣布了 6.5.2 维护和安全版本更新,该更新修补了一个商店跨站脚本漏洞,并修复了核心和块编辑器中的十几个错误。 同样的漏洞会影响 WordPress 核心和 …

    2024 年 4 月 11 日
    492