如何在 WordPress 中为图像轻松创建灯箱

已发表: 2022-09-22

您想在 WordPress 中为单个图像创建一个灯箱吗？

使用简单的灯箱，您可以在网站上显示全尺寸图像，而不会影响您的性能或页面速度。在本文中，我们将逐步向您展示如何将图像灯箱添加到 WordPress。

灯箱是覆盖您网站内容的无干扰弹出窗口。打开灯箱时，网页的背景将变灰，帮助用户将注意力集中在您的灯箱内容上，直到他们单击“X”图标退出叠加层。

由于覆盖位于您网站的顶部，因此用户无需点击其他页面即可查看其内容。

图像灯箱样式叠加是显示大尺寸图像而不影响网站速度的绝佳方式。您可以创建带有缩略图或小尺寸图像的图像库，让您的网页加载更快，然后让查看者单击小图像打开并在灯箱中查看大的高分辨率版本。

在几种情况下，使用灯箱对您的企业网站有意义。例如，您可以在电子商务网站上使用灯箱，让查看者看到更多产品详细信息。

以下是您可以使用 WordPress 图像灯箱的其他一些实例：

您知道您还可以使用灯箱弹出窗口来生成潜在客户吗？使用 OptinMonster 等强大的潜在客户生成工具，您可以创建响应式灯箱弹出窗口，以便在目标受众即将离开时收集他们的电子邮件地址。

这是在 WordPress 中创建退出意图弹出窗口的指南。

话虽如此，让我们逐步了解在 WordPress 中为图像创建灯箱的 2 种方法。

如何使用 SeedProd 在 WordPress 中创建灯箱
- 步骤 1. 安装并激活 SeedProd
- 第 2 步。创建 WordPress 主题或登录页面
- 第 3 步。决定在哪里添加您的图像灯箱
- 步骤 4. 发布您的更改
如何使用图库插件创建图像灯箱

如何使用 SeedProd 在 WordPress 中创建灯箱

首先，我们将向您展示如何使用最好的 WordPress 网站构建器 SeedProd 在 WordPress 中创建图像灯箱。

SeedProd 附带预制的网站工具包和登录页面模板，让您只需单击几下即可创建 WordPress 网站设计。然后，您可以使用其拖放页面构建器和可自定义的 WordPress 块和部分来自定义您的网站。

使用 SeedProd 的图像块，您可以启用灯箱来显示 WordPress 画廊图像的大版本，我们将在以下教程中展示这些功能。

在我们继续之前，您可以使用 SeedProd 执行以下操作：

该网站构建器插件针对速度和 SEO 进行了优化，因此您的网站将始终快速加载而不会膨胀。

现在，让我们深入了解完整的教程。

首先，前往 SeedProd 的定价页面，选择一个许可计划，然后创建您的 SeedProd 帐户。进入帐户仪表板后，转到“下载”选项卡并将 SeedProd 插件文件下载到您的计算机。

当你在那里时，复制许可证密钥，因为你很快就会需要它。

下载插件后，在您的 WordPress 网站上安装并激活它。如果您以前从未这样做过，您可以按照本教程安装 WordPress 插件。

当 SeedProd 插件在您的站点上处于活动状态时，导航到SeedProd » 设置并将您之前复制的许可证密钥粘贴到相关字段中。现在单击验证密钥按钮并继续下一步。

下一步是开始构建您的 WordPress 主题或登录页面。 SeedProd 插件可让您同时执行这两种操作，但如果您不确定要使用哪个选项，这里有一个解释：

主题生成器– 使用主题生成器，您可以用新的自定义主题替换当前的 WordPress 主题。您可以从许多预制的网站工具包中进行选择，并一键安装您的设计。 SeedProd 然后将创建主题的所有部分，允许您使用其页面构建器直观地自定义它们。
Landing Page Builder – Landing Page Builder 可让您制作与当前 WordPress 主题一起工作的独立登录页面。您可以从各种响应式登录页面模板中进行选择，然后使用拖放页面构建器对其进行自定义。

这两种解决方案都可以让您将图像灯箱添加到您的设计中，因此请选择最适合您需求的一种。如果您在开始时需要帮助，这里有一些关于创建自定义 WordPress 主题和使用 SeedProd 构建登录页面的教程。

选择模板并为着陆页或主题构建框架后，您可以按照下面的步骤 3 将图像灯箱添加到您的设计中。