首页 > 文章专栏 > 正文

如何在 WordPress 中创建带 Lightbox 灯箱大图预览的精致画廊?

默认的 WordPress 画廊在点击图片时通常会跳转到一个全新页面,这非常破坏访客的浏览体验。添加 **Lightbox(灯箱)** 效果可以在不离开当前页面的情况下以黑色遮罩全屏弹出大图。

Add a Gallery in WordPress with a Lightbox Effect

Lightbox preview

一、 使用 Envira Gallery 插件创建灯箱画廊

1. 安装与输入授权

在 WP 后台安装激活 Envira Gallery 插件并输入 License Key:

Add the Envira Gallery license key

2. 上传图片并编辑元数据

点击 Envira Gallery » Add New,上传图片并设置 Title/Alt 属性:

Add images to the gallery

Click the pencil icon to open gallery edit screen

Configure image metadata

3. 配置 Layout 与 Lightbox 主题参数

在 Configuration 与 Lightbox 选项卡中勾选 Enable Lightbox?

Configure gallery layout

Enable the lightbox option

Configure image title and size

Configure other lightbox options

4. 在页面中插入 Envira Gallery 区块

在文章中选择 Envira Gallery Block 即可展示动效灯箱:

Add Envira Gallery block

Lightbox effect gif

二、 替代方案:NextGEN Gallery

对于摄影师和高级画廊,可以使用 **NextGEN Gallery**:

NextGen Gallery

三、 常见问题解答 (FAQ)

Q:灯箱效果会拖慢网站速度吗?
A:Envira Gallery 针对性能进行了优化,并支持图片延迟加载 (Lazy Loading),不会拖慢速度。

文章标签:#Envira Gallery#NextGEN#WordPress#灯箱效果#相册画廊

版权声明:本文为「猫哥建站」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。

本文链接:https://maogeo.top/blog/如何在-wordpress-中创建带-lightbox-灯箱大图预览的精致画廊?