标签: 灯箱效果

  • 如何在 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),不会拖慢速度。