您想在 WordPress 内容中并排放置图像吗?
初学者常常很难找到如何在 WordPress 帖子和页面中将两张图片并排放置。
在本分步指南中,我们将展示如何在 WordPress 中轻松并排放置图像(无需编写任何代码)。
为什么在 WordPress 中并排添加图像?
并排添加图像可以通过创建更有趣的布局来增强WordPress 网站的视觉吸引力。
并排图像还可以帮助有效利用您的网站空间,因为您将能够在有限的区域内容纳更多的视觉效果。
例如,如果您有一个摄影网站,那么并排排列图像将使您能够以美观的方式显示图片,从而充分利用 WordPress 页面。
此外,有时您可能希望用户比较您的WordPress 博客上的两个图像。将它们并排放置将使他们更容易分析和理解图像之间的差异。
话虽如此,让我们看看如何在 WordPress 中轻松并排放置图像。
在本教程中,我们将展示两种不同的方法,您可以使用下面的链接跳转到您选择的方法:
方法 1:使用块编辑器在 WordPress 中并排添加图像
如果您正在寻找一种使用古腾堡块编辑器并排添加图像的简单方法,那么此方法适合您。
块编辑器有一个特殊的图库块,可让您轻松地按行和列显示图像。
首先,您需要创建一个新的帖子/页面或编辑现有的帖子/页面以打开内容编辑器。到达那里后,单击屏幕左上角的“+”按钮以打开阻止菜单。
从这里,只需找到图库块并将其添加到页面或帖子即可。
之后,您可以通过单击“上传”按钮轻松地将图像从计算机添加到图库块。
您还可以通过单击“媒体库”按钮从 WordPress媒体库中选择图像。
正如您所看到的,我们已将 2 个图像添加到图库块中,并且 WordPress 已自动将它们并排放置。
如果您决定添加第三张图像,则必须单击顶部块工具栏中的“添加”按钮。
这将打开媒体库,您可以在其中将第三张图像添加到图库块。完成此操作后,您会发现 WordPress 现在只需调整图像大小即可自动并排放置它们。
但是,如果您决定将第四个图像放入图库块中,则该图像将放置在其他图像下方。
要解决这个问题,您可以更改 WordPress 应在单列中并排包含的图像数量。
例如,如果您想要并排放置两个图像,并在其下方再放置两个图像,则可以将“列数”设置为 2。
您还可以裁剪图像以使它们对齐、调整图像大小、将它们链接到不同的页面以及从块面板更改背景颜色。
有关详细说明,您可能需要查看我们关于如何在 WordPress 中创建图片库的初学者指南。
完成后,不要忘记单击“更新”或“发布”按钮来存储您的更改。
现在访问您的网站并排查看图像。
方法 2:使用插件在 WordPress 中并排添加图像
如果您使用的是旧的经典 WordPress 编辑器,或者您想创建比默认图库块更复杂的图库,那么此方法适合您。
我们推荐使用Envira Gallery,因为它是最好的 WordPress 画廊插件。
注意: Envira Gallery 还有一个免费版本可供您使用。但是,我们将在本教程中使用专业版。
首先,您需要安装并激活Envira Gallery插件。有关更多详细信息,请查看我们有关如何安装 WordPress 插件的分步指南。
激活后,前往WordPress 仪表板中的Envira Gallery » 添加新页面。
到达那里后,您需要为新画廊命名。我们将我们的画廊称为“示例画廊”。
之后,通过单击“从计算机中选择文件”按钮上传要从计算机使用的图像。
要从媒体库上传图像,请单击“从其他来源选择文件”按钮。
上传图像后,向下滚动到图库部分即可查看它们。
从这里,您可以为图像指定标题和替代文本。当用户将鼠标光标放在图像上时,标题会出现在图像下方。
在灯箱弹出模式下,标题也会出现在图像下方,我们稍后会看到。
要编辑标题和替代文本,请单击图库中图像上的“编辑”按钮。
然后,您可以更改图像的标题并输入替代文本,因为这对您的WordPress 网站的 SEO很有帮助。
如果您的标题描述了该图像,那么您只需在替代文本中重复该标题即可。
完成后,请确保在关闭窗口之前单击“保存元数据”按钮。
如果您不这样做,那么您所做的任何更改都不会保存在图库中。
最后,滚动回到页面顶部,然后单击“发布”按钮保存您刚刚创建的图片库。
之后,前往 WordPress 页面或将其发布到您想要添加的位置。
到达那里后,单击屏幕左上角的“+”按钮以打开阻止菜单。
从这里,找到 Envira Gallery 块并将其添加到页面/帖子中。
接下来,您必须从块本身的下拉菜单中选择您创建的图库。
现在要并排显示图库中的图像,请转到屏幕右上角的块面板。
从这里,向下滚动到“选择布局”部分,然后从下拉菜单中选择列数。您的图像现在将并排显示在 WordPress 页面上。
您还可以更改图库边距、启用同位素以及从块面板配置灯箱设置。
完成后,不要忘记单击“发布”或“更新”按钮来存储您的设置。
现在访问您的网站以查看并排显示的图像。
用户现在可以单击任何图像以在灯箱中查看完整尺寸的版本。
此外,他们还可以使用灯箱滚动浏览图像。
如果您想向画廊添加更多图像,则可以通过访问WordPress 仪表板中的Envira Gallery » 所有画廊页面返回到该画廊。
到达那里后,只需单击图库名称即可对其进行编辑。
您对图库所做的任何更改都会显示在您将其放置在帖子、页面或侧边栏中的任何位置。您无需再次将其添加到这些内容中。
提示:如果您使用经典编辑器而不是块编辑器,您仍然可以使用 Envira Gallery。
您将在经典编辑器上方看到一个“添加图库”按钮,您可以使用该按钮将现有图库添加到您的帖子中。
完成后,不要忘记单击“发布”或“更新”按钮来存储您的设置。