如何在 WordPress 显示照片的列和行

为什么需要将 WordPress 照片显示为列和行

当你在 WordPress 博客文章中加入多张图片时,他们通常会紧挨着或堆叠在一起,这样的显示效果不太好,用户需要频繁滚动才能查看多张图片。

通过使用基于网格的布局,你可以轻松将照片显示为列和行,进一步优化网站的用户体验。如果你有摄影网站,可以以更具吸引力的方式展示你的作品集,或者在网上商店中通过列和行展示更多的产品图片。

方法一:无需插件显示照片的列和行

这一方法无需在你的网站上安装插件,如果你不经常添加多张照片,此方法非常适用。你可以手动将图片添加到列块或使用默认的图库块。

向列块中添加图片

首先,创建一个新文章或编辑你想要添加照片的现有文章。在内容编辑界面,点击“+”按钮添加一个列块。

接下来,你可以选择列数和布局比例,例如50/50、33/66、25/50/25等。

之后,在每个列块中添加图片块,点击“+”按钮并选择“图片”块。

然后,上传图片或从媒体库中选择已有图片,添加成功后在列块中显示。

在图库块中添加图片

WordPress 也提供了一个默认的图库块,可以用来展示列和行中的图片。在内容编辑界面,点击“+”按钮添加一个图库块。

接下来,上传图片或从媒体库中选择图片并点击“创建新图库”按钮。

之后,你可以为每张图片添加描述并调整顺序,最后点击“插入图库”按钮。

现在你可以看到图片已展示在图库块中,并且可以在设置面板中调整行数。发布文章后查看效果。

方法二:使用插件显示照片的列和行

使用 Envira Gallery 插件,你可以更加专业地展示照片。安装并激活此插件后,在设置页面输入许可证密钥。

创建新图库

访问 Envira Gallery » Add New,输入图库名称并上传图片。然后在配置选项卡中选择你喜欢的布局,如网格、Mason、和正方形布局。

选择列数并调整其他设置,最后点击“发布”。

在你的文章中添加 Envira Gallery 块并选择创建的图库,保存并预览即可。

这样,用户点击缩略图时会在弹窗中打开图片,无需离开当前页面。

附加方法:创建定制主题

你也可以使用 SeedProd 创建带有图片列和行占位符的自定义主题,SeedProd 提供许多预建主题和自定义选项。

希望这篇文章能帮助你学会如何在 WordPress 中显示列和行的照片。你可能也会对我们关于修复 WordPress 常见图片问题以及小企业最佳设计软件的指南感兴趣。



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"}
>