WordPress 的 5 个最佳灯箱插件

当您的网站访问者单击图像时会发生什么？

如果用户单击图像，但仍然无法在全视图中看到它，或者被重定向到图像文件，就用户体验而言，这可能非常糟糕……

这就是为什么在灯箱中打开图像如此重要的原因。 它可以防止用户进入死胡同。 相反，它向访问者显示图像的完整视图，而不会让他们离开到另一个页面。

在 WordPress 上使用灯箱的好处是：

• 更好的用户体验
• 参观者可以在全视图中看到图像
• 降低跳出率
• 更个性化的互动参与
• 访问者更轻松地浏览多张图片

通过灯箱实现所有这些点还有助于提高访问者的信任度、品牌知名度和转化率。

问题是灯箱功能不是 WordPress 内置的。 幸运的是，我们在灯箱插件解决方案方面有很多选择。

灯箱是一个弹出窗口，当用户单击图像或视频时会打开。 此窗口显示图像或视频的全尺寸视图，同时使屏幕的其余部分变暗。

有 4 种主要类型的灯箱：

• 图片灯箱
• 画廊灯箱
• 视频灯箱
• 滑块灯箱

这些灯箱功能中的每一个都可以轻松添加到任何 WordPress 网站。 让我们来看看 WordPress 最有用的灯箱插件。

灯箱功能内置于 Elementor 页面构建器中。 您在 Elementor 页面中包含的每个图像、视频和图库都将自动获得一个灯箱弹出窗口。 这个插件在灯箱功能方面的一大优势是它需要零设置来激活灯箱。 安装并激活插件后，您将使用的所有图像、画廊和滑块轮播都将在灯箱中弹出。

活跃安装： 100,000+

五星级评价： 324

为什么选择这个插件：

• 不需要任何初步设置
• 适用于所有类型的媒体类型：图像、画廊、滑块和视频
• 灯箱是移动响应
• 控制灯箱背景颜色

如何使用：

1. 要查看运行中的灯箱，请转到 Elementor 编辑器并拖动图像、图库或轮播小部件并指定图像。
2. 在图像 > 内容下，确保所有图像都指向媒体文件并保存。
3. 如果您去查看页面，单击图像将打开灯箱模式。
4. 对于视频，您需要拖动视频小部件
5. 然后，单击视频 > 内容 > 图像叠加，打开图像叠加并打开灯箱
6. 现在，在查看页面时单击视频将打开灯箱。

当我们测试该插件时，它适用于图库图像和单个图像。 我喜欢这个插件的地方在于它不需要额外的 CSS 或使用短代码。

您激活插件，自定义设置，然后您会自动获得一个图像灯箱。 我不喜欢的是，有几次灯箱无法打开。 我还没有找到原因。 该插件提供的另一个独特功能是将单个页面中的所有图像和画廊分组到一个灯箱滑块，因此当灯箱打开时，它会显示页面上单个图像和画廊图像中的所有图像。

活跃安装： 200,000+

五星级评价： 131

为什么选择这个插件：

• 灯箱自动工作（无需手动编码）
• 在灯箱中显示媒体元数据（标题、描述等）
• 对页面上的图像和画廊进行分组

如何使用：

1. 激活插件
2. 创建一个新页面
3. 在里面插入图片
4. 确保图像链接到媒体文件。
5. 如果您预览页面，您应该会看到灯箱弹出。

从 WordPress 下载

这是一个高度可定制的视频灯箱插件。 我发现最大的缺点是它使用了短代码，这意味着将来如果您想关闭它，您将需要查看整个网站并更改短代码。

活跃安装： 70,000+

五星级评价： 38

为什么选择这个插件：

• 关闭相关视频
• 灯箱选项仅在按下 X 时关闭
• 在灯箱叠加中显示图像、Flash、YouTube、Vimeo、iFrame 等

如何使用：

1. 激活插件
2. 在编辑器中放置短代码：[video_lightbox_youtube video_id=”G7z74BvLWUg&rel=0″ width=”640″ height=”480″ anchor=”click me”]

从 WordPress 下载

如果您是一个喜欢多样化的人，那么这个灯箱插件可能会满足您对灯箱样式的需求。 它具有 7 种不同的灯箱脚本：SwipeBox、prettyPhoto、FancyBox、Nivo Lightbox、Image Lightbox、Tos “R” Us 和 Featherlight。

活跃安装： 200,000+

五星级评价： 321

为什么选择这个插件：

• 7 种不同的灯箱脚本：SwipeBox、prettyPhoto、FancyBox、Nivo Lightbox、Image Lightbox、Tos “R” Us 和 Featherlight
• 适用于图像、画廊和视频灯箱
• WooCommerce 产品库支持
• 许多插件和扩展
• 每个灯箱样式的大量自定义
• 将单个帖子图像分组到画廊
• 显示图像标题、描述、标题、替代文本或描述

如何使用：

1. 激活插件以激活灯箱
2. 从 7 个灯箱脚本中选择一个
3. 自动所有图像和画廊将作为灯箱弹出窗口打开。

从 WordPress 下载

如果您需要更多种类的灯箱弹出窗口，例如添加带有视频、文本和按钮部分的 Elementor 模板，您可以使用 Popup Maker 插件并创建更精细的灯箱弹出窗口。

活跃安装： 100,000+

五星级评论： 1,201

为什么选择这个插件：

• 完全控制弹出灯箱的内容
• 创建幻灯片、横幅、浮动粘性、通知、加载屏幕、视频灯箱和选择加入表单
• 与 Elementor 模板嵌入完美配合
• 高级触发设置

如何使用：

1. 激活插件
2. 添加一个新的弹出窗口（这是一个自定义的帖子类型）
3. 在 Elementor 中创建您的弹出内容
4. 保存到图书馆
5. 将模板的简码粘贴到内容框中
6. 根据需要设置弹出窗口的样式

从 WordPress 下载

我们已经看到了 5 种向 WordPress 添加灯箱功能的不同方法：

Elementor：如果您想向在页面构建器中创建的小部件添加灯箱，则无需任何其他插件

简单灯箱：如果您需要一个易于使用的简单解决方案

WP Video Lightbox：更多视频自定义选项

响应式灯箱：用于高级自定义选项

Popup Maker：用于包含混合元素的弹出灯箱

我很想知道您如何在 WordPress 中设置灯箱弹出窗口。 在下面的评论中分享您的想法。