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

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

0 comments

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

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

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

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

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

向列块中添加图片

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

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

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

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

在图库块中添加图片

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

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

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

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

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

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

创建新图库

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

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

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

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

附加方法:创建定制主题

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

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

About the Author

Follow me


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