將燈箱添加到 WordPress 網站：初學者終極指南
已發表: 2020-04-20燈箱是基於圖像的網站的許多有趣和流行的功能之一。 但並不是每個人都知道如何將燈箱添加到 WordPress 網站，尤其是初學者。 因此，我們為初學者提供了本指南，以幫助他們將燈箱添加到 WordPress 網站。
- 1.什麼是燈箱以及如何添加？
- 2.如果您的主題支持，則顯示燈箱
- 3.使用插件添加燈箱
- 3.1. 第 1 步：安裝並激活 Simple Lightbox 插件
- 3.2. 第 2 步：設置 Simple Lightbox 插件
- 3.3. 第 3 步：將圖像/圖庫鏈接到媒體文件以顯示燈箱
- 4.最後的話
什麼是燈箱以及如何添加它？
Lightbox 是一個模態圖片庫，它通過創建全屏彈出窗口和使頁面的其餘部分變暗來顯示您的圖像和視頻。 例如：
這種美麗而奇特的效果對於作品集、攝影或任何基於圖像的網站都非常有用。 它使您可以清楚地查看圖像並使您的網站更加出色。
通常，有 3 種方法可以為 WordPress 網站設置燈箱：
- 添加短代碼
- 安裝插件
- 使用支持燈箱的主題。
對於初學者，我們建議您應該使用插件或找到準備好該功能的主題，因為添加短代碼僅適用於高級用戶。
如果您的主題支持，則顯示燈箱
如果您的主題已經顯示了畫廊/圖像的燈箱，那就沒什麼可說的了。 但是我們知道許多主題需要更多的步驟來展示。 例如，此主題 ePortfolio 支持燈箱，但您需要將圖庫鏈接到媒體文件以顯示燈箱。
通常，有兩個選項：鏈接到媒體文件或附件頁面。 當您將圖像/畫廊鏈接到附件頁面時，當您單擊該圖像時，將打開一個僅包含該圖像的新的單獨頁面。 如果您鏈接到媒體文件，它將僅顯示圖像，而不顯示頁面，如下所示：
這是執行此操作的指南。
首先，轉到帖子編輯器，然後單擊圖庫。
如果您使用古騰堡編輯器，請查看右側邊欄，您將看到鏈接到部分。
對於單個圖像，您必須單擊工具欄上的此圖標：
在經典編輯器中，當您創建或編輯畫廊和單個圖像時，會出現鏈接到部分。
然後，選擇媒體文件並單擊插入畫廊完成。 當您更新或發布帖子時，單擊該畫廊/圖像，您將看到燈箱正在運行。
如果您的主題支持燈箱，此操作可以為您想要的畫廊/圖像啟用燈箱。 否則，根本就沒有燈箱。
但是，不同主題的配置可能會有所不同。 例如，有些可能需要您在定制器中工作，有些可能需要您插入指向附件頁面的鏈接而不是媒體文件。 因此，您應該仔細檢查主題。
無論您使用哪種主題，仍然有必要知道如何將畫廊/圖像鏈接到媒體文件，因為使用下面的插件添加燈箱會很有幫助。
使用插件添加燈箱
確實，添加燈箱一點也不困難。 通過搜索關鍵字“燈箱插件”，您將看到許多用於此效果的插件。 就我們的研究而言，我們將插件分為兩種：複雜的插件和簡單的添加燈箱的插件。
至於復雜的插件，有很多更高級的選項來高度自定義燈箱，例如圖像大小、邊框顏色、燈箱樣式……例如，響應式燈箱和畫廊和 FooBox 圖像燈箱有更多的自定義工具。 但是如果你是初學者，它會更難使用。 此外，結果與簡單的插件沒有太大區別。 這就是為什麼我們更喜歡使用像Simple Lightbox這樣的簡單插件。
Simple Lightbox Author(s): Archetyped Current Version: 2.8.1 Last Updated: July 13, 2021 simple-lightbox.zip 86% Ratings 200,000+ Installs WP 5.3+ Requires Simple Lightbox Author(s): Archetyped Current Version: 2.8.1 Last Updated: July 13, 2021 simple-lightbox.zip 86% Ratings 200,000+ Installs WP 5.3+ Requires
Simple Lightbox Author(s): Archetyped Current Version: 2.8.1 Last Updated: July 13, 2021 simple-lightbox.zip 86% Ratings 200,000+ Installs WP 5.3+ Requires
Simple Lightbox Author(s): Archetyped Current Version: 2.8.1 Last Updated: July 13, 2021 simple-lightbox.zip 86% Ratings 200,000+ Installs WP 5.3+ Requires
這個插件易於使用，非常受歡迎，有 200,000 多個活躍安裝，並獲得 160 顆五星級評價。 而且，燈箱設計很好。
第 1 步：安裝並激活 Simple Lightbox 插件
在您的Dashboard > Plugin > Add New 中，您只需要輸入“simple lightbox”並單擊Install the plugin，然後激活它。
第 2 步：設置 Simple Lightbox 插件
在插件 > 已安裝插件中，單擊簡單燈箱選項卡中的設置。
簡單燈箱設置的激活選項卡
激活選項卡允許您啟用/禁用某些參數。 您應該勾選的最重要的框是啟用燈箱功能，它為您的畫廊啟用燈箱。 如果你不選擇這個框，其他部分都是沒有意義的。
其餘的框對您來說是可選的。 您可以勾選以在主頁、單個帖子、頁面、存檔頁面、小部件和菜單上顯示燈箱。
確保您真的希望在正確的部分使用燈箱，因為太多的燈箱可能會使您的網站顯得有些炫目。
簡單燈箱設置的分組選項卡
向下滾動，有分組選項卡。 它將決定您以滑塊或單個圖像的形式顯示燈箱的方式。
分組項目：勾選它以像滑塊一樣顯示您的圖像/畫廊，它允許您從一個圖像導航到下一個圖像。 只有開啟此功能後，此選項卡中的其他部分才能生效。 否則，其他分組部分不起作用。
按帖子分組項目：通過勾選此框，您可以將單個帖子中的所有項目分組到燈箱滑塊。 當您只想將帖子中的圖像/畫廊分組並從其他帖子、小部件和菜單中排除其他圖像/畫廊時，請執行此操作。
單獨分組畫廊項目，單獨分組小部件項目和單獨分組菜單項：在每個項目上打勾，分別將單個帖子的畫廊中的項目、小部件中的項目或菜單項分組。 這意味著您只需導航到燈箱滑塊中同一畫廊、小部件或菜單中的下一個項目。 我們認為，當您不想弄亂不同部分的燈箱時，您應該這樣做，這可能會使您的訪問者感到困惑。
簡單燈箱設置的UI選項卡
UI 選項卡包含用於修改燈箱樣式的部分。 如果您想自定義燈箱顯示，請注意這一點。
主題：您的燈箱有 2 種樣式。 只需選擇一款適合您的口味即可。
深色系
輕款風格
調整燈箱大小以適應窗口：強烈建議打開此部分以獲得漂亮的顯示效果。 否則，圖像是全屏的，您無法像這樣查看整個圖像。
啟用動畫：勾選以啟用加載效果。
取消勾選禁用效果，使導航更快。
自動啟動幻燈片：當您啟用此部分時，讓它自動移動到下一個圖像。
幻燈片持續時間：如果您打開上面的自動幻燈片放映部分，您可以在此處選擇幻燈片持續時間。
循環項目：您想在一輪幻燈片後重複項目嗎？ 如果是，請單擊此框。
疊加不透明度 (0 – 1)：您可以修改背景疊加不透明度。 不透明度越低，您可以更清晰地查看後面的帖子。 例如，我們將不透明度設置為 0,1，因此可以非常清楚地看到背景。
啟用默認標題：您可以通過單擊此框來選擇顯示圖像的標題。 這是標題的顯示方式。
簡單燈箱的標籤標籤
最後，此選項卡可讓您更改每個按鈕的標籤。 但是除非您在編輯主題時添加短代碼，否則這些部分不會生效。 所以在這個初學者教程中，你不需要處理這個選項卡。
完成 Simple Lightbox 插件的所有設置後，單擊“標籤”選項卡下的“保存更改” 。
第 3 步：將圖像/圖庫鏈接到媒體文件以顯示燈箱
要決定要添加燈箱的圖像/畫廊，您必須將媒體文件鏈接插入到該圖像/畫廊。 如果您不添加指向媒體文件的鏈接，則無法顯示燈箱。
只需按照我們在“如果您的主題支持顯示燈箱”部分中提到的指南進行操作。 你看，我們說過，如果你想使用 Simple Lightbox 插件，你一定要知道怎麼做。
最後的話
以上是將燈箱添加到 WordPress 網站的最簡單方法。 特別是如果您是初學者，使用 Simple Lightbox 插件是一種簡單而有效的方法。 根據您的需求、您的網站和您的審美，您可以選擇不同的燈箱插件以獲得最理想的效果。 或者您可以選擇找到支持燈箱的 WordPress 主題並將其配置為顯示該效果。
如果您想了解有關複雜燈箱插件的更多說明，請在下面發表評論並繼續關注我們。