为什么需要将 WordPress 照片显示为列和行
当你在 WordPress 博客文章中加入多张图片时,他们通常会紧挨着或堆叠在一起,这样的显示效果不太好,用户需要频繁滚动才能查看多张图片。
通过使用基于网格的布局,你可以轻松将照片显示为列和行,进一步优化网站的用户体验。如果你有摄影网站,可以以更具吸引力的方式展示你的作品集,或者在网上商店中通过列和行展示更多的产品图片。
方法一:无需插件显示照片的列和行
这一方法无需在你的网站上安装插件,如果你不经常添加多张照片,此方法非常适用。你可以手动将图片添加到列块或使用默认的图库块。
向列块中添加图片
首先,创建一个新文章或编辑你想要添加照片的现有文章。在内容编辑界面,点击“+”按钮添加一个列块。
接下来,你可以选择列数和布局比例,例如50/50、33/66、25/50/25等。
之后,在每个列块中添加图片块,点击“+”按钮并选择“图片”块。
然后,上传图片或从媒体库中选择已有图片,添加成功后在列块中显示。
在图库块中添加图片
WordPress 也提供了一个默认的图库块,可以用来展示列和行中的图片。在内容编辑界面,点击“+”按钮添加一个图库块。
接下来,上传图片或从媒体库中选择图片并点击“创建新图库”按钮。
之后,你可以为每张图片添加描述并调整顺序,最后点击“插入图库”按钮。
现在你可以看到图片已展示在图库块中,并且可以在设置面板中调整行数。发布文章后查看效果。
方法二:使用插件显示照片的列和行
使用 Envira Gallery 插件,你可以更加专业地展示照片。安装并激活此插件后,在设置页面输入许可证密钥。
创建新图库
访问 Envira Gallery » Add New,输入图库名称并上传图片。然后在配置选项卡中选择你喜欢的布局,如网格、Mason、和正方形布局。
选择列数并调整其他设置,最后点击“发布”。
在你的文章中添加 Envira Gallery 块并选择创建的图库,保存并预览即可。
这样,用户点击缩略图时会在弹窗中打开图片,无需离开当前页面。
附加方法:创建定制主题
你也可以使用 SeedProd 创建带有图片列和行占位符的自定义主题,SeedProd 提供许多预建主题和自定义选项。
希望这篇文章能帮助你学会如何在 WordPress 中显示列和行的照片。你可能也会对我们关于修复 WordPress 常见图片问题以及小企业最佳设计软件的指南感兴趣。