如何在 WordPress 中启用新的图像大小选项

面对现实,在构建 WordPress 网站时,您需要记住许多事情。 也许最重要的是相关的图像,以及如何调整它们的大小,压缩和优化它们。 WordPress 会自动处理一些图像大小,但还有其他步骤可以添加它们。

在进入 WordPress 中添加图像大小之前,让我们先来谈谈默认情况下已有的图像大小。 您已经可以操作其中的默认图像大小 文字新闻管理仪表板.

但是,要添加图像大小,如 WordPress 的醒眼图像大小,请单击 函数.php 使用缩略图播放器插件创建多个文件。 我们到达它。

文字压机图像大小

默认情况下,每次将图像上载到媒体库时,WordPress 都会创建四个图像大小。 其中包括:

  • 缩略图大小(150px 方形)
  • 正常尺寸(宽度和高度高达 300px)
  • 大尺寸(最大 1024px 宽度和高度)
  • 全尺寸(上传的完整/原始图像大小)

现在,如果您正在使用的主题指定了其他图像大小, 文字印刷机创建 他们太。 一个很好的例子是更多的矩形特色图像。

上述信息是 古腾堡块编辑器您可以在编辑期间可用的图像块中看到上述所有选择。

其他类型的内容还具有其他推荐的 WordPress 图像大小。 同样,您不必在这些规则中玩。 但是,建议为特定类型的图像选择这些大小。

其中很大一部分取决于个人喜好和布局的外观。 以下是一些建议:

  • 博客文章: 1200 x 630px
  • 英雄图像(全屏图像):2880 x 1500px
  • 景观要素图像:900 x 1200px
  • 肖像功能图像:1200 x 900
  • 全屏幻灯片: 2800 x 1500 像素
  • 画廊图片:1500px x 自动宽度

更改 WordPress 的默认图像大小

要访问和更改 WordPress 提供的默认图像大小,您需要登录到 WordPress 管理仪表板。

登录到仪表板后,单击[メディアの設定]>单击。 这允许您转到仪表板的媒体页面,并将默认图像大小更改为您喜欢的图像大小。

单击设置,然后单击媒体以调整图像大小

进行所需的更改,然后[変更を保存]只需单击该按钮即可。 WordPress 将默认图像大小更改为所选图像大小。

默认按字图像大小

现在,让我们来看看图像格式、压缩和优化。

选择正确的文字新闻图像格式

因此,让我们继续向前迈进。 现在,您已经了解 WordPress 为每个人提供了一些默认图像大小供您选择使用。 您还可以在图像编辑器中设置“唯一图像大小”。 然而,它们并不总是以正确的方式出现。

有两种类型的图像格式用于联机。 这些是 JPEG 和 PNG。 许多人希望使用 PNG,无论发生什么。 但是,JPEG 文件大小小,对于颜色丰富的照片和图像,它具有高质量的质量。 因此,在大多数情况下,它通常是首选格式。

PNG 文件在颜色有限的图像(如徽标、图标颜色和其他图形)中工作得更好。 选择正确的图像样式会影响网站的速度和呈现的图像的整体质量。

使用图像时要记住的基本规则包括:

  • 照片 JPEG
  • 用于图形的 PNG

JPEG 图像文件包含所有图像大小,包括 WordPress 缩略图大小。

如果图像颜色丰富且纹理和渐变不同,请将其另存为 JPEG。 对于徽标、文本或平面颜色,将其另存为 PNG。

让我们继续吧。

图像压缩和优化有多重要?

在向您展示如何在 WordPress 中添加您自己的不同图像大小之前,让我们先来谈谈它的重要性。 压缩和优化图像 是。 你们中的许多人知道图像在任何网站上扮演着重要的角色。

首先,图像大小过大会显著减慢网站的加载时间。 仅此一项就要求自动调整大小和压缩大小,以便在网站上以最佳方式运行和加载。

事实上, 尼尔·帕特尔,47% 的人希望您的网站在两秒内加载。 另外40%的人在加载时间超过3秒时放弃。 在线社区在网站加载时间方面没有太大的耐心。

速度对SEO也很重要。 Google 使用加载时间作为搜索引擎对网页进行排名的一个因素。 页面越慢,搜索结果的性能就越差。

就SEO而言,优化也是非常重要的。 图像可促进网站流量。 有 适当的SEO图像结构 包含类似 ALT 标记的东西有助于提高排名。

如何在 WordPress 中添加自定义图像大小

笔记: 如果这似乎有点技术性,请继续联系网站开发人员寻求帮助。

要使用 WordPress 添加尚不存在的图像大小,请单击 函数.php 文件。 这是您今天用于添加到文件的代码。

add_image_size( 'the-name-for-custom-image-size', 600, 400, true );

上述函数基本上接受四个不同的参数,顺序如下:

  1. 要为自定义图像大小指定的名称。
  2. 图像的宽度(以像素为单位)。
  3. 图像的高度(以像素为单位)。
  4. 您需要裁剪图像以匹配上面指定的宽度和高度。

若要添加上述代码,您需要访问 WordPress 主题函数.php文件。

在主题编辑器中[外観]>单击。 这将转到网站的编辑文件。

外观,主题编辑器

从这里,您可以单击主题函数 (函数.php使用文件。 单击它以打开相关文件,以便可以插入上面的代码。

单击函数.php文件

然后,滚动到文件的底部,并将显示的代码放在底部。

在此处添加图像大小的 PHP 代码

现在,当您单击“更新文件”按钮时,您会好去。

返回到媒体的图像大小,您将看到添加了新选项。 它可用于 WordPress 网站上的任何地方。

重新生成缩略图

缩略图重新生成插件

每次在 WordPress 中对媒体进行更改时,重新生成缩略图图像都很重要。 这些更改包括:

  • 更改或更改 WordPress 的默认图像大小。
  • 添加自定义图像大小
  • 切换到新 文字新闻主题.

这些更改仅影响从中前进的图像。 不会更改或更新当前媒体库中的任何东西。

要执行此操作并在图像更改后以正确的方式前进,请单击 重新生成缩略图..拉格因易于使用,非常轻量级,在调整大小或更新后,使所有图像保持最新。

首先,我们 安装和激活 插件。 为此,请转到 WordPress 管理仪表板的插件页面。

启用 INstall 和图像大小插件

安装并激活插件后,单击[ツール]以重新生成缩略图>。

单击工具并重新生成缩略图

它将反弹到插件的主设置页面。 在这里,这个过程非常简单。 只需单击所需的选择按钮即可。

所有设置都与媒体库中的设置不同,具体取决于实时附件。 在此示例中,有两个不同的东西。 因此,我们重新生成两个缩略图。

重新生成图像大小设置

笔记: 它还显示您当前在网站上注册的所有图像大小的列表。 同样,这取决于站点。 但是,你看看列出的一切,插头照顾你所拥有的一切。

缩略图大小列表

笔记: 在页面底部,您将看到一些替代选项。 但是,我们建议您坚持上述过程。

就是这样! 您已成功在 WordPress 中创建自定义图像大小,并以正确的方式重新生成缩略图。

您可以重复上述过程,根据需要添加任意数量的不同图像大小。 只需替换上述代码的大小方面即可。

最终想法

WordPress 有几个默认图像大小,但您可能需要添加更多图像大小。 主题通常还注册自定义图像大小。

如果这还不够,请使用上述过程添加所需的图像大小。 请记住,完成该过程, 重新生成缩略图 使用插件后,请确保也运行了出色的压缩和优化工具。

其中许多事情是合作的,以提供最好的网站速度和SEO。

您是否尝试过使用上述技术注册新的 WordPress 图像大小? 对于大多数主题,您会注意到您有很多内置的图像大小要处理吗?

给TA打赏
共{{data.count}}人
人已打赏
WordPress 教程

如何在 WordPress 中为浮动导航添加粘滞菜单

2022-9-10 13:49:49

WordPress 教程

如何向 WordPress 网站添加社交登录

2022-9-10 15:51:19

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索