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使用Redis提高网站访问速度

    为什么使用Redis? 1、高性能:Redis是一个内存数据库,读写速度非常快,可以达到每秒数十万次的读写操作。 2、持久化:Redis支持数据的持久化,可以将数据保存到磁盘中,防…

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

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

    帝国CMS 2024 年 7 月 19 日
    350
  • WordPress 发现 XSS 漏洞 – 建议更新至 6.5.2

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

    2024 年 4 月 11 日
    758
  • WordPress用了哪些开发语言?

    WordPress是一个使用PHP语言编写的开源内容管理系统(CMS),以下是关于WordPress使用的详细信息: 1、前端: HTML:WordPress使用HTML标记语言来…

    WordPress 2024 年 4 月 28 日
    375
  • WordPress搭建网站,有哪些注意事项?

    在制作WordPress网站时,以下注意事项是一些关键点: 1、选择合适的主题 WordPress有成千上万的主题可供选择,选择一个适合你的业务需求和风格的主题是非常重要的,你需要…

    WordPress 2024 年 5 月 21 日
    390
  • WordPress网站维护时,怎样临时关闭?

    1、备份网站数据: 使用WordPress的导出功能创建一个完整的备份,您可以在“工具”菜单下的“导出”选项中找到此功能。 确保将备份文件保存到安全的位置,以便在需要时可以轻松恢复…

    WordPress 2024 年 4 月 28 日
    364
  • WordPress搜索框调用代码

    <?php get_search_form(); ?> 自定义搜索框样式 如果你想要自定义搜索框的样式,可以使用CSS来实现,在你的主题文件夹中,找到并打开名为styl…

    WordPress 2024 年 4 月 28 日
    376
  • WordPress隐藏指定页面

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

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

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

    WordPress 2024 年 4 月 19 日
    567
  • WordPress压缩图片的插件EWWW Image Optimizer

    有许多WordPress插件可以帮助您压缩图片,其中最受欢迎的是“EWWW Image Optimizer”和“Imagify”,这些插件可以自动压缩上传的图片,并优化已上传的图片…

    WordPress 2024 年 4 月 27 日
    377