如何在 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 將圖像燈箱添加到您的設計中。