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.php或archive.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

相关推荐

  • 帝国CMS中如何调用文章的缩略图?

    1. 创建字段 你需要在你的数据表中创建一个名为 img 的字段,用于存储图片路径。 2. 上传图片 你可以在后台管理页面中上传你的图片,上传后,图片的路径将被存储在 img 字段…

    帝国CMS 2024 年 4 月 20 日
    1.3K
  • WordPress网站维护时,怎样临时关闭?

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

    WordPress 2024 年 4 月 28 日
    1.2K
  • WordPress 所有者收购 Beeper

    WordPress 所有者 Automattic 已经收购了 Beeper,它为 Android 提供了 iMessage 解决方法。该公司将把Beeper与其文本团队合并。 Wo…

    2024 年 4 月 11 日
    1.5K
  • WordPress使用Redis提高网站访问速度

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

    WordPress 2024 年 4 月 27 日
    3.6K
  • WordPress图片压缩插件

    WordPress图片压缩插件 为什么在WordPress网站上使用有损压缩图片? 1、减少页面加载时间:图片是网页加载的主要部分,有损压缩可以显著减小图片文件的大小,从而加快网页…

    2024 年 4 月 16 日
    3.3K
  • wordpress怎么实现文章分页?

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

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

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

    2024 年 4 月 20 日
    3.2K
  • WordPress如何获取文章中的图片数量?

    在主题文件functions.php文件中,添加以下函数代码。 //获取文章中的图片个数 if( !function_exists('get_post_images_number'…

    WordPress 2024 年 4 月 21 日
    1.2K
  • WordPress添加媒体插入图片时如何默认全尺寸?

    只需要将下面的代码添加到主题的 functions.php 文件最后一个?>的前面即可: add_action( 'after_setup_theme', 'default_…

    2024 年 4 月 15 日
    1.2K
  • 怎样去除wordpress分类链接中的category?

    推荐代码去除 这里推荐代码去除,将以下代码粘贴到主题文件function.php里 // Remove category function remove_category( $st…

    2024 年 4 月 10 日
    1.2K