如何在WordPress中并排放置图片(简单方法)

WPressize Me

07/09/2024

为什么要在WordPress中并排添加图片?

在WordPress中并排添加图片可以增强网站的视觉吸引力,创建更有趣的布局。并排图片可以帮助更有效地利用网站空间,使您能够在有限的区域内放置更多视觉内容。例如,如果您有一个摄影网站,那么并排排列图片可以帮助您充分利用WordPress页面,并以美观的方式展示照片。此外,有时您可能希望用户在您的WordPress博客上比较两张图片。将它们并排放置将使人们更容易分析和理解图片之间的差异。

方法1:使用块编辑器在WordPress中并排添加图片

如果您希望使用块编辑器简单地并排添加图片,那么这种方法适合您。块编辑器提供了画廊块功能,让您轻松地以行和列的形式展示图片。首先,您需要创建一个新帖子/页面或编辑现有的帖子/页面以打开内容编辑器。在这里,点击左上角的‘添加块’(+)按钮打开块菜单。从这里,找到并添加画廊块到页面或帖子中。然后,您可以通过单击‘上传’按钮从电脑中轻松添加图片到画廊块。您还可以通过点击‘媒体库’按钮从WordPress媒体库中选择图片。如您所见,我们已向画廊块中添加了2张图片,WordPress已自动将它们并排放置。如果您决定添加第三张图片,只需点击块工具栏顶部的‘添加’按钮。这将打开媒体库,您可以从中添加第三张图片到画廊块。一旦添加,您会发现WordPress已经自动调整图片大小,并将它们并排放置。然而,如果您决定在画廊块中放置第四张图片,它将被放置在其他图片下方。要解决此问题,您可以更改WordPress应在单列中包括并排图片的数量。例如,如果您希望两张图片并排,另外两张在它们下方,则可以将列设置为2。您还可以裁剪图片以便对齐,调整图片大小,将其链接到不同页面,并从块面板更改背景颜色。有关详细说明,请参阅我们关于如何在WordPress中创建图像画廊的初学者指南。完成后,不要忘记点击‘更新’或‘发布’按钮以保存更改。现在,只需访问您的网站查看并排放置的图片。

方法2:使用插件在WordPress中并排放置图片(简单方法)

如果您使用旧版的经典WordPress编辑器,或者希望创建比默认画廊块更复杂的画廊,那么这种方法适合您。我们推荐使用Envira Gallery,因为它是最好的WordPress画廊插件。注意:Envira Gallery也有一个免费版本可供使用。然而,在本教程中我们将使用Pro计划。首先,您需要安装并激活Envira Gallery插件。有关详细信息,请参阅我们的分步指南,了解如何安装WordPress插件。激活后,从WordPress仪表板转到Envira Gallery » 添加新页面。在这里,您需要为您的新画廊设置标题。我们将其命名为‘示例画廊’。然后,通过点击‘从电脑中选择文件’按钮上传您想使用的图片。要从媒体库上传图片,请点击‘从其他来源选择文件’按钮。上传图片后,向下滚动到画廊部分以查看它们。在这里,您可以为图片设置标题和替代文本。当用户将鼠标指针悬停在图片上时,标题将显示在图片下方。在接下来的弹出模式中,我们将查看标题也显示在图片下方。要编辑标题和替代文本,请点击画廊中图片上的‘编辑’按钮。然后,您可以更改图片的标题并输入替代文本,这对您的WordPress网站的SEO很有帮助。如果您的标题描述了图片,那么您可以简单地将其重复作为替代文本。完成后,请确保点击‘保存元数据’按钮,然后关闭窗口。如果未点击,则所做的更改不会保存在画廊中。最后,滚动回页面顶部并点击‘发布’按钮以保存您刚创建的图片画廊。然后,转到您想添加画廊的WordPress页面或帖子。在这里,点击左上角的‘添加块’(+)按钮以打开块菜单。从这里,找到并添加Envira Gallery块到页面/帖子。接下来,您需要从块中的下拉菜单中选择您创建的画廊。要将画廊中的图片并排显示,请转到屏幕右上角的块面板。从这里,向下滚动到‘选择布局’部分,从下拉菜单中选择列数。您的图片现在将并排显示在WordPress页面上。您还可以更改画廊边距,启用异构,并从块面板配置弹出设置。完成后,不要忘记点击‘发布’或‘更新’按钮以保存设置。现在,您可以访问您的网站查看并排显示的图片。用户现在可以点击任意图片以查看全尺寸版本的图片。此外,他们也可以通过弹出视图滚动浏览图片。如果您希望向画廊添加更多图片,您可以通过访问WordPress仪表板中的Envira Gallery » 所有画廊页面返回画廊。在这里,只需点击画廊名称进行编辑。对画廊所做的任何更改将出现在您已放置它的帖子、页面或侧边栏中。您不需要再次将画廊添加到这些地方。提示:如果您使用的是经典编辑器而不是块编辑器,仍然可以使用Envira Gallery。您将在经典编辑器上方看到一个‘添加画廊’按钮,您可以使用它向帖子添加现有画廊。完成后,不要忘记点击‘发布’或‘更新’按钮以保存设置。

附加提示:在WordPress中对齐图片

当您并排添加两张图片时,它们应一起对齐,以创建一个连贯和视觉上吸引人的外观。即使您只在WordPress博客中添加一张图片,您仍然希望使其与内容对齐,以创建视觉平衡。在WordPress块编辑器中,您可以通过点击块上方工具栏中的‘对齐’按钮轻松对齐图片。这将打开一些选项,您可以从中将图片移到右侧或左侧,使其与容器同宽,或使用全宽选项,使图片的宽度与页面其余部分相同。除此之外,您还可以使用列块将图片与内容对齐。为此,您需要选择50/50变体。完成后,您可以添加一个与内容完美对齐的图片块。此外,您还可以围绕图片环绕文本,使用组块,添加封面块,或做更多的事情以对齐图片。有关更多信息,请参阅我们关于如何在WordPress块编辑器中对齐图片的初学者指南。我们希望本教程帮助您了解如何在WordPress中并排放置图片。您可能还希望阅读我们关于如何在WordPress中更改块高度和宽度的指南,以及我们专家推荐的必备WordPress插件的综合列表,这些插件可以帮助您扩展业务。如果您喜欢这篇文章,请订阅我们的YouTube频道,以获取WordPress视频教程。您还可以在Twitter和Facebook上关注我们。



Related Posts

  • 2024-07-28
  • WordPress 基础知识

WordPress主题定制器提供了出色的功能,使你无需触碰代码即可创建一个视觉上吸引人的站点。然而,导航各种自定义选项有时可能让人觉得不知所措。在这篇文章中,我们将引导你了解默认面板,并教你如何像专业人士一样使用WordPress主题定制器。

到文章结尾,你将能够使你的网站看起来更加精致和专业。

閱讀更多
  • 2024-07-26
  • WordPress 基础知识

默认情况下,WordPress会在30天后自动删除垃圾箱中的内容。然而,有些用户可能希望更频繁或手动清空垃圾箱。在本文中,我们将向您展示如何限制或禁用WordPress自动清空垃圾箱。

閱讀更多
  • 2024-07-23
  • WordPress 基础知识

您是否想在WordPress博客文章中嵌入视频?视频可以为您的网站带来活力,并且是增加用户参与度的绝佳方式。WordPress使得从YouTube、Vimeo、Facebook、Twitter等视频托管网站嵌入视频变得非常简单。在这个初学者指南中,我们将向您展示如何在WordPress博客文章、页面和侧边栏小部件中轻松嵌入视频。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>