Divi 插件亮點 – Divi Switch

Divi Switch 是 Divi 的第三方插件，它為 Divi 添加了許多新功能，您可以通過輕彈開關來打開或關閉這些功能。 Divi 社區中的許多人都知道 Divi Switch，因為它已經存在好幾年了，但他們的 3.0 更新帶來了許多值得一看的新功能和改進。 其中一些新功能包括：一個新的儀表板、一個用於導入和導出的迷你插件、預加載器、新的主題自定義設置、徽標自定義、具有內置佈局的自定義 404 和維護頁面、對 SVG 圖像的支持等等。

在本文中，我們將看看新的 Divi Switch 並密切關注它的更新功能集。

安裝 Divi 開關

像任何插件一樣上傳和激活 Divi Switch。 然後將一個新選項卡添加到名為 Divi Switch 的儀表板中的 Divi 主題選項菜單中。 輸入您的許可證密鑰並激活插件。 然後該選項卡將顯示一個新的直觀儀表板。

Divi 開關儀表板

Divi Switch 已重新設計，所有設置已從管理菜單中的單獨位置移至 Divi 主題選項頁面。 開關本身分佈在 Divi 主題選項中新的“Divi Switch”選項卡下的子選項卡中。

每個切換都有一個標題、簡短描述和一個默認設置為“禁用”的陰影開關。 如果你想激活效果，只需點擊開關，它就會切換到“啟用”。 它會變成藍色，表示它已被激活。

要查看功能描述，請選擇將鼠標懸停在效果上時出現在右側的問號。

讓我們看看幾個選項卡，看看它可以做什麼。

標題

Header 選項卡添加了 8 個開關和自定義項。 您可以刪除標題下劃線、使電話號碼可點擊、在新選項卡中打開社交鏈接、將頂部標題項居中、在滾動時使用不同的徽標、更改漢堡菜單文本、使用特定於頁面的徽標以及替換Divi 佈局的全屏菜單。

徽標自定義

Divi 主題能夠設置可以在每個頁面或帖子上顯示的自定義徽標。 但是，如果您需要在您的網站上使用不同的徽標怎麼辦？ Divi Switch 添加了多個徽標選項，因此您可以顯示更多徽標，並且您可以控制它們的顯示方式和位置。 這些設置允許您在滾動時選擇不同的徽標，並且您可以為特定頁面設置不同的徽標。

捲軸上的不同標誌

要在滾動時顯示新徽標，只需在設置屏幕中上傳徽標即可。 現在，當訪問者滾動時，將顯示備用徽標。

頁面特定標誌

使用頁面特定徽標，您的網站上不僅限於一個徽標。 您可以擁有任意數量的徽標，它使您可以完全控制在哪個頁面上顯示哪些徽標。

如果您在設置中啟用了頁面特定徽標，則會在頁面和帖子的內容區域底部添加一項新功能。 您現在可以為主頁設置不同的徽標，並為其他頁面和帖子設置另一個徽標。 在這裡，您只需上傳您希望該頁面或帖子顯示的徽標。

此示例顯示不同的頁面，每個頁面都顯示站點徽標的變體。

全屏菜單

Header 也有幾個菜單自定義。 對於本示例，我更改了漢堡包菜單文本並為全屏菜單選擇了佈局。

這是帶有新文字的漢堡菜單。

單擊漢堡菜單將打開全屏菜單並顯示我選擇的 Divi 佈局。 它是半透明的，因此您可以在後台看到該網站。 它還包括一個關閉按鈕。

頁腳

“頁腳”選項卡可讓您刪除項目符號、隱藏底部頁腳、阻止頁腳浮動以及用 Divi 佈局替換頁腳。

只需在頁腳選項卡中選擇此佈局即可將其添加到每個頁面的頁腳中。

主要內容

主要內容選項卡添加了 11 個開關和自定義項。 您可以刪除側邊欄分隔線，添加主頁預加載器並設置類型和顏色，更改投資組合圖像比例，防止圖像在燈箱中打開，調整滑塊動畫，刪除項目帖子類型，添加自定義維護頁面，以及添加自定義 404 頁面。

預加載器

啟用預加載器將在加載主頁時顯示一個動畫圖標。 這很好地向訪問者表明在頁面的實際內容仍在後台加載時正在發生的事情。 它有 15 種過渡類型和兩種顏色選項。

這是一個示例，說明加載頁面時預加載器在網站上的外觀。

帶有佈局的自定義 404 和維護頁面

這些功能允許您從頁面列表中選擇任何維護頁面和 404 頁面。 這意味著您可以使用已創建或導入到 Divi 庫中的佈局來創建頁面。

為了幫助您解決這個問題，Divi Switch 包括高級 404 頁面和維護頁面佈局包，其中包含 10 個預設計的佈局，可以輕鬆自定義和默認設置。 它們採用 JSON 格式。 上圖是 404 頁之一。

佈局經過專業設計，因此您的 404 頁面和維護頁面不僅內容豐富，而且還很有吸引力。 此示例是維護頁面之一。 它包括一個倒數計時器。

移動的

移動選項卡允許您為每個圖像大小設置斷點。 輸入您希望它更改斷點的值的數量。 您還可以在移動設備上折疊菜單並顯示特定文本。

帖子

帖子有一個很酷的評論功能。 這會將評論移動到切換按鈕，因此默認情況下它們是隱藏的。

這是關閉的切換。 它位於帖子底部，通常會出現評論。

點擊打開查看評論。 這是標準的 WordPress 評論表單。

如果您將 Divi 評論模塊添加到您的佈局中，您可以使用模塊設置對其進行樣式設置。 它仍然位於切換開關中，默認情況下是關閉的。

檔案

“檔案”選項卡讓您可以控制檔案頁面（標籤、類別、作者、搜索等頁面）。 添加類別標題，刪除側邊欄，添加閱讀更多鏈接，並在帖子下方添加分隔線。

這是一個示例 Author 頁面，其中啟用了所有存檔開關。

一體化

集成選項卡可讓您將 Divi 佈局插入特定位置，包括主要內容之前、主要內容之後和發佈內容之前。 從下拉列表中選擇佈局。

我只使用一個文本模塊製作了一個全寬橫幅，並將其插入到內容之前。 當然，您可以構建您想要的任何類型的佈局。 這是創建 CTA 和特殊菜單的好方法。

先進的

高級選項卡允許您上傳可縮放矢量圖形 (SVG) 以獲得更清晰的徽標、圖標和其他圖像。 由於 WordPress 默認阻止 SVG，這是將這種圖像格式與 Divi 一起使用的好方法。

進出口

導入/導出選項卡可讓您將 Divi Switch 生成的代碼導出到輕量級和自定義品牌插件中，以安裝在您客戶的站點上。 這使您可以輕鬆使用您最喜歡的 Divi Switch 代碼，而無需安裝和設置 Divi Switch 插件本身。 輸入插件名稱，提供描述，添加作者信息，為其指定插件版本，然後選擇導出插件。

您現在可以像上傳任何插件一樣將您的品牌插件上傳到您客戶的網站。 它將擁有您的品牌。

主題定制器

主題定制器中添加了一個名為 Divi Space Settings 的新選項卡。 在這裡，您會找到另一個名為 Divi Switch 的選項卡。 主題定制器包括其他設置，用於為移動菜單創建自定義圖標、更改標題背景圖像、自定義返回頂部按鈕和自定義存檔頁面——所有這些都帶有實時預覽。

在這個例子中，我在標題中添加了一個背景圖像。 您可以將其設置為重複、更改圖像位置和更改圖像大小。 在此設置上方是一個選擇區域，您可以在其中選擇移動菜單的圖標。

在本例中，我正在調整返回頂部按鈕以匹配佈局。 您可以調整圖標大小、半徑、位置、背景顏色、圖標顏色和懸停顏色。

在此示例中，我正在調整存檔頁面的分隔符顏色、高度和寬度。 您還會注意到在這些示例中，當我向下滾動時，徽標發生了變化。 我仍然激活了徽標交換設置（好吧，我想它實際上是“切換”的。）

執照

Divi Switch 有三個許可證可供選擇：

• 單個站點 – 24 美元
• 3 個站點 – 50 美元
• 無限站點 – 96 美元

Divi 空間會員計劃中也提供了 Divi Switch。

結束的想法

Divi Switch 的新功能給我留下了深刻的印象。 不必粘貼 CSS 類和新的儀表板是受歡迎的功能。 徽標選項、預加載器、迷你插件以及自定義 404 頁面和維護頁面都為 Divi 增加了很多。 我喜歡插入 Divi 佈局和選擇自定義頁腳的能力。 我還喜歡主題自定義功能，可將圖像添加到標題並對其進行自定義並更改返回頂部按鈕的顏色、形狀和位置。

Divi Switch 為 Divi 增加了很多功能。 我發現它們中的每一個都易於使用。 如果您正在尋找可以以最簡單的方式添加的大量自定義項，Divi Switch 可能就是您要找的。

我們希望聽到您的意見。 您是否嘗試過 Divi Switch？ 在下面的評論中告訴我們您的體驗！

精選圖片來自 Oleh Donets/shutterstock.com