如何实现为WordPress创建额外的图像尺寸

默认情况下,WordPress会自动创建多个不同大小的图像上传副本。此外,WordPress主题和插件还可以创建自己的图像大小。在本教程中,我们将向您展示如何在WordPress中轻松创建其他图像尺寸并在您的网站上使用它们。通常,所有流行的WordPress主题和插件都能很好地处理图像大小。例如,您的WordPress主题可能会创建其他尺寸以用作存档页面上的缩略图。但是,有时这些图像大小可能不

默认情况下,WordPress会自动创建多个不同大小的图像上传副本。此外,WordPress主题和插件还可以创建自己的图像大小。

在本教程中,我们将向您展示如何在WordPress中轻松创建其他图像尺寸并在您的网站上使用它们。

create-additional-image-sizes-in-WordPress-og.pngo_

通常,所有流行的WordPress主题和插件都能很好地处理图像大小。例如,您的WordPress主题可能会创建其他尺寸以用作存档页面上的缩略图。

但是,有时这些图像大小可能不符合您自己的要求。您可能希望在子主题或文章网格布局中使用不同的图像大小。

您可以通过在WordPress中创建其他图像大小,然后在需要时调用这些大小来实现。

话虽如此,让我们来看看如何在WordPress中创建额外的图像大小。

大多数WordPress主题(包括所有顶级WordPress主题)默认都支持发布缩略图(特色图片)功能。

但是,如果您要创建自定义WordPress主题,则需要通过将以下代码添加到主题的functions.php文件来添加对文章缩略图的支持。

启用对文章缩略图的支持后,您现在可以使用函数 add_image_size() 来使用注册附加图像大小的功能。

add_image_size函数按以下格式使用:

示例代码如下所示:

现在,如果您注意到,我们已经指定了三种不同类型的图像大小。每个都有不同的模式,如硬裁剪、软裁剪和无限高度。

让我们介绍每个示例以及如何在您自己的项目中使用它们。

1. 硬裁剪模式

您可能会注意到,在高度之后添加了一个“true”值。这告诉WordPress将图像精确裁剪到我们定义的大小(在本例中为120×120像素)。

此方法用于确保一切都完全成比例。此功能将根据尺寸自动从侧面或从顶部和底部裁剪图像。

fixed-size-hard-crop.pngo_

2. 软裁剪模式

默认情况下,软裁剪模式处于打开状态,这就是为什么您在高度之后看不到任何附加值的原因。此方法按比例调整图像大小而不会使其失真。因此,您可能无法获得所需的尺寸。通常,它匹配宽度尺寸,高度根据每个图像的比例而不同。示例显示如下所示:

soft-crop-images.pngo_

无限高度模式

有时您想在设计中使用超长图像,但您想确保宽度是有限的。例如,信息图图像往往很长,通常比内容宽度更宽。

此模式允许您指定一个不会破坏您的设计同时保持高度不受限制的宽度。

unlimited-height-mode.pngo_

现在您已经添加了所需图像大小的功能,让我们来看看在您的WordPress主题中显示它们。打开要显示图像的主题文件并粘贴以下代码:

注意:这段代码一定要贴在post loop里面。

这就是在WordPress主题中显示额外图像大小所需要做的一切。您可能应该使用适合您需要的样式将其包裹起来。

如果您不是在一个全新的网站上执行此操作,那么您可能需要重新生成缩略图。

add_image_size() 函数仅从它添加到主题的点生成大小。这意味着在包含此功能之前添加的任何文章图像都不会具有新尺寸。

要解决此问题,您需要为旧图像重新生成新图像大小。这通过名为Regenerate Thumbnails的插件变得容易。安装并激活插件后,菜单下会添加一个新选项:Tools ? Regenerate Thumbnails

regenerate-thumbnails.pngo_

您将看到为所有图像或仅为特色图像重新生成缩略图的选项。我们建议重新生成所有图像以避免任何意外行为或损坏的图像。

有关更多详细信息,请参阅我们关于如何在WordPress中重新生成特色图片的文章。

即使您在主题中启用了图像大小,但使用仅限于您的主题,这没有任何意义。

无论如何都会生成所有图像大小,所以为什么不让文章作者在帖子内容中使用它。

您可以通过将以下代码添加到主题的函数文件中来完成此操作。

添加代码后不要忘记保存更改。

您现在可以将图像上传到WordPress文章或页面。在图像块设置中,您将在“图像大小”选项下看到自定义图像大小。

custom-image-size-selection.pngo_

您和在您的网站上工作的其他作者现在可以在将图像添加到帖子和页面时选择这些大小选项。

我们希望本文能帮助您了解如何在WordPress中创建其他图像大小。您可能还想查看我们关于WordPress最佳图像压缩插件和我们的WordPress性能指南,以提高您的网站速度。

本文内容来源于公开网络,出于传递信息之目的整理发布。原文版权归原作者所有,若涉及侵权请先提供版权后联系我们删除

(0)
WP之家WP之家
上一篇 2025年3月13日 下午5:18
下一篇 2025年3月13日 下午5:19

相关推荐

  • 如何在不关站的情况下实现WordPress网站搬家

    WordPress网站搬家是您在某些时候可能需要做的事情。也许您希望将WordPress网站搬迁到新主机。也许您已经创建了一个本地站点,或者您正在从多站点安装迁移。在本指南中,您将学习如何自己迁移WordPress网站到另外的服务器。如果您使用不同的主机,更喜欢手动操作,或者您正在本地和远程站点之间迁移,本指南将帮助您了解如何将WordPress站点搬家到新

    2025年3月13日
  • 如何从Drupal迁移到WordPress

    Drupal是可用的最好的内容管理系统(CMS)之一。它是高度可扩展且安全的软件。然而,使用Drupal创建时尚、现代的网站并不容易。如果这是您的经验,那么从Drupal迁移到WordPress可能就是答案。WordPress提供了许多与Dru

    2025年3月13日
  • 如何使用WordPress创建美食博客

    不管你是否意识到,食物是我们生活的核心。有些人将其用作燃料,而另一些人则将食谱作为一种艺术形式呈现。如果您属于后者,并且想创建一个美食博客来分享您的热情,那么WordPress是一个顶级平台。几乎每个话题都有一个博客利基,有些话题比其他话题更受大众关注。当某些利基成为时尚时,人们就会蜂拥而至。说到时尚,有时

    2025年3月13日
  • WordPress短代码的终极指南

    WordPress短代码是一项强大的功能,可以轻松完成很酷的事情。你几乎可以用它们做任何事情。使用短代码,嵌入交互式元素或创建复杂的页面布局就像插入一行代码一样简单。如果要添加图库,只需输入以下代码:这将输出一个带有提到的图像ID的画廊。它将有4列,它们的最大大小将是“medium”

    2025年3月13日
  • 如何在WordPress中设置私密页面和文章

    WordPress私密页面的功能与名称所暗示的非常相似,因为该页面是对公众隐藏的。但是WordPress私密页面附带的功能是什么?您可以考虑在哪些情况下使用此功能?有两个私密选项需要考虑,文章和页面。您

    2025年3月13日
  • 更新升级WordPress版本时需要注意的事项

    WordPress 网站后台,发现有一个新的 WordPress 版本,直接点击了“立即更新”,然后走出去喝咖啡,回来时发现网站无法加载。 恐慌油然而生。主页一团糟。客户登录失败。支持团队被淹没在主题为“紧急!!”和 “你做了…

    2025年3月13日
  • 缓存插件W3 Total Cache设置教程(Pro), 图文并茂, 绕过动态缓存

    W3 Total Cache Pro(简称W3TC)是老牌缓存插件,免费版本有有百多万安装量,好评众多。W3TC功能全面又强大,可以很细腻控制缓存内容,加速效果非常好,能做到很多其它缓存插件做不到的事情。因为设置选项太多,很多…

    2025年4月3日
  • WordPress用户枚举漏洞修复加固方法

    近期陆续有几个客户反馈收到网安关于WordPress用户枚举漏洞的通报,涉及的地址为:/wp-json/wp/v2/users,经核实这是WordPress内置的REST API接口,这个接口默认情况下可以暴露网站上所有用户的信息,包括用户名、I…

    2025年3月13日