如何在 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-10-30
  • WordPress 基础知识

WordPress表单是连接访客和扩展受众的重要工具。无论是联系表单、调查问卷还是反馈表,嵌入到您网站中都是收集访客信息的快速便捷方式。我们在所有项目中都使用表单,从联系页面到新闻订阅甚至结账表单。在过程中,我们学习了嵌入WordPress表单所需的所有步骤,并将从头到尾引导您完成整个过程。

閱讀更多
  • 2024-09-27
  • WordPress 基础知识

多年来,我们管理过数个 WordPress 多站点网络。实际操作中我们发现,拥有合适权限来管理所有网站的合适人员,可以极大地提高效率。而这正是超级管理员用户角色发挥作用的地方。然而,在 WordPress 多站点中添加超级管理员用户与在单一站点中添加新用户略有不同。对于初学者来说,这个过程可能有些困惑。文章中,我们将向您展示如何在 WordPress 多站点中添加超级管理员用户角色,提供两个简单的方法,并附加一些关于如何妥善保护 WordPress 多站点的技巧。

閱讀更多
  • 2024-08-25
  • WordPress 基础知识

人工智能 (AI) 的话题热度不减,许多人开始好奇如何利用人工智能来创建自己的 WordPress 网站。AI 承诺简化网站制作过程,加快创作速度,甚至启发新灵感,但如此多的工具让人无从下手。WPressize Me 经过广泛实验,探索 AI 如何提升 WordPress 体验,从 AI 页面构建器到内容生成器,并在此为您分享发现与方法。

閱讀更多

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