如何在 WordPress 中并排放置图像(简单) 您所在的位置:网站首页 ps怎么对齐文字和图片并排 如何在 WordPress 中并排放置图像(简单)

如何在 WordPress 中并排放置图像(简单)

2024-07-13 03:48| 来源: 网络整理| 查看: 265

您想在 WordPress 内容中并排放置图像吗?

初学者常常很难找到如何在 WordPress 帖子和页面中将两张图片并排放置。

在本分步指南中,我们将展示如何在 WordPress 中轻松并排放置图像(无需编写任何代码)。

在 WordPress 中并排放置图像 为什么在 WordPress 中并排添加图像?

并排添加图像可以通过创建更有趣的布局来增强WordPress 网站的视觉吸引力。

并排图像还可以帮助有效利用您的网站空间,因为您将能够在有限的区域内容纳更多的视觉效果。

例如,如果您有一个摄影网站,那么并排排列图像将使您能够以美观的方式显示图片,从而充分利用 WordPress 页面。

此外,有时您可能希望用户比较您的WordPress 博客上的两个图像。将它们并排放置将使他们更容易分析和理解图像之间的差异。

话虽如此,让我们看看如何在 WordPress 中轻松并排放置图像。

在本教程中,我们将展示两种不同的方法,您可以使用下面的链接跳转到您选择的方法:

方法 1:使用块编辑器在 WordPress 中并排添加图像 方法 2:使用插件在 WordPress 中并排添加图像 方法 1:使用块编辑器在 WordPress 中并排添加图像

如果您正在寻找一种使用古腾堡块编辑器并排添加图像的简单方法,那么此方法适合您。

块编辑器有一个特殊的图库块,可让您轻松地按行和列显示图像。

首先,您需要创建一个新的帖子/页面或编辑现有的帖子/页面以打开内容编辑器。到达那里后,单击屏幕左上角的“+”按钮以打开阻止菜单。

从这里,只需找到图库块并将其添加到页面或帖子即可。

上传图片到图库

之后,您可以通过单击“上传”按钮轻松地将图像从计算机添加到图库块。

您还可以通过单击“媒体库”按钮从 WordPress媒体库中选择图像。

正如您所看到的,我们已将 2 个图像添加到图库块中,并且 WordPress 已自动将它们并排放置。

添加到块中的两个图像

如果您决定添加第三张图像,则必须单击顶部块工具栏中的“添加”按钮。

这将打开媒体库,您可以在其中将第三张图像添加到图库块。完成此操作后,您会发现 WordPress 现在只需调整图像大小即可自动并排放置它们。

将三个图像添加到块中

但是,如果您决定将第四个图像放入图库块中,则该图像将放置在其他图像下方。

要解决这个问题,您可以更改 WordPress 应在单列中并排包含的图像数量。

例如,如果您想要并排放置两个图像,并在其下方再放置两个图像,则可以将“列数”设置为 2。

更改列号以并排显示图像

您还可以裁剪图像以使它们对齐、调整图像大小、将它们链接到不同的页面以及从块面板更改背景颜色。

有关详细说明,您可能需要查看我们关于如何在 WordPress 中创建图片库的初学者指南。

完成后,不要忘记单击“更新”或“发布”按钮来存储您的更改。

现在访问您的网站并排查看图像。

图像并排预览 方法 2:使用插件在 WordPress 中并排添加图像

如果您使用的是旧的经典 WordPress 编辑器,或者您想创建比默认图库块更复杂的图库,那么此方法适合您。

我们推荐使用Envira Gallery,因为它是最好的 WordPress 画廊插件。

注意: Envira Gallery 还有一个免费版本可供您使用。但是,我们将在本教程中使用专业版。

首先,您需要安装并激活Envira Gallery插件。有关更多详细信息,请查看我们有关如何安装 WordPress 插件的分步指南。

激活后,前往WordPress 仪表板中的Envira Gallery » 添加新页面。

到达那里后,您需要为新画廊命名。我们将我们的画廊称为“示例画廊”。

为您的新画廊命名

之后,通过单击“从计算机中选择文件”按钮上传要从计算机使用的图像。

要从媒体库上传图像,请单击“从其他来源选择文件”按钮。

上传图像后,向下滚动到图库部分即可查看它们。

从这里,您可以为图像指定标题和替代文本。当用户将鼠标光标放在图像上时,标题会出现在图像下方。

图片已上传至 Envira Gallery

在灯箱弹出模式下,标题也会出现在图像下方,我们稍后会看到。

要编辑标题和替代文本,请单击图库中图像上的“编辑”按钮。

单击“编辑”按钮可编辑图库中的图像

然后,您可以更改图像的标题并输入替代文本,因为这对您的WordPress 网站的 SEO很有帮助。

如果您的标题描述了该图像,那么您只需在替代文本中重复该标题即可。

设置图像的标题和替代文本

完成后,请确保在关闭窗口之前单击“保存元数据”按钮。

如果您不这样做,那么您所做的任何更改都不会保存在图库中。

单击“保存元数据”按钮保存您的更改

最后,滚动回到页面顶部,然后单击“发布”按钮保存您刚刚创建的图片库。

之后,前往 WordPress 页面或将其发布到您想要添加的位置。

单击“发布”按钮发布您的图库,以便您可以在您的网站上使用它

到达那里后,单击屏幕左上角的“+”按钮以打开阻止菜单。

从这里,找到 Envira Gallery 块并将其添加到页面/帖子中。

添加 Envira 画廊区块

接下来,您必须从块本身的下拉菜单中选择您创建的图库。

现在要并排显示图库中的图像,请转到屏幕右上角的块面板。

从这里,向下滚动到“选择布局”部分,然后从下拉菜单中选择列数。您的图像现在将并排显示在 WordPress 页面上。

从“选择布局”下拉菜单中更改列数

您还可以更改图库边距、启用同位素以及从块面板配置灯箱设置。

完成后,不要忘记单击“发布”或“更新”按钮来存储您的设置。

现在访问您的网站以查看并排显示的图像。

WordPress 中并排图像

用户现在可以单击任何图像以在灯箱中查看完整尺寸的版本。

此外,他们还可以使用灯箱滚动浏览图像。

在灯箱中查看 Envira 画廊中的图像

如果您想向画廊添加更多图像,则可以通过访问WordPress 仪表板中的Envira Gallery » 所有画廊页面返回到该画廊。

到达那里后,只需单击图库名称即可对其进行编辑。

编辑您已在 Envira Gallery 中创建的画廊

您对图库所做的任何更改都会显示在您将其放置在帖子、页面或侧边栏中的任何位置。您无需再次将其添加到这些内容中。

提示:如果您使用经典编辑器而不是块编辑器,您仍然可以使用 Envira Gallery。

您将在经典编辑器上方看到一个“添加图库”按钮,您可以使用该按钮将现有图库添加到您的帖子中。

完成后,不要忘记单击“发布”或“更新”按钮来存储您的设置。

在经典编辑器中添加 Envira 画廊


【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有