如何將 Elementor 更改為暗模式？

即使沒有任何經驗，您也可以輕鬆地構建一個功能強大的網站。 您只需使用像 Elementor 這樣的 WordPress 插件。 但是在提高網站的可讀性時，您將不得不考慮將 elementor 更改為暗模式。 現在，您可能想知道，我首先如何將 elementor 更改為暗模式？

嗯，不像 QS 暗模式這樣的插件，elementor 沒有默認的暗模式插件。 這意味著您必須安裝第三方插件。 使用QS 暗模式插件的另一個好處是因為它比 elementor 更易於實現且對用戶更友好。

因此，在本教程中，我們將了解如何通過不同的插件將 elementor 更改為暗模式的步驟。

為什麼需要激活 Elementor 暗模式？

elementor 暗模式的使用在必要性和流行度上都在增加。 因此，如果您想知道是否真的需要啟用暗模式，這裡有答案。

減少眼睛疲勞

長時間暴露在藍光下會導致數字眼睛疲勞以及眼睛乾澀和頭痛等症狀。 因此，激活 element 或暗模式可以幫助保護您的眼睛免受強光引起的眼睛疲勞和疲勞。

提高可讀性

為 elementor 使用暗模式的另一個好處是它可以讓你的屏幕更高效，以增強可讀性。 尤其是當房間裡有太多的陽光時，這會使閱讀變得困難。 因此，如果您有博客，您的用戶將更有可能在您的網站上花費更長的時間。

更好的能見度

暗模式的使用在弱光環境中也很方便。 簡而言之，它可以在黑暗或昏暗的環境中提供更好的可見性。 例如，您可以在床上使用它，而不必擔心會吵醒您的伴侶。

節省電池壽命

與正常模式相比，elementor 或wordpress 暗模式 android傾向於使用更少的能量。 因此，您的手機或筆記本電腦的電池可能會持續更長時間。 一些專家建議，它可以將電池壽命延長約 30%。

出於審美目的

與 element 或 normal 模式下的其他配色方案相比，此模式提供了非常漂亮和時尚的用戶界面。 它為您提供了一些神秘而新穎的東西。

如何將 Elementor 更改為暗模式？

那麼，您究竟如何將網站的 elementor 更改為暗模式？ 畢竟，沒有辦法在你的 elementor 博客上默認啟用暗模式功能。 在這種情況下，您只需使用第三方插件，如WP Dark Mode或 Elementor 的 Plus Addons。 這兩個選項均提供免費版和專業版。

方法一：使用 WP 暗模式

這是將 elementor 更改為暗模式的最常見和流行的插件。 它提供了許多功能，包括 elementor 小部件的暗模式和多種開關樣式。 以下是有關如何使用此插件的步驟。

第 1 步：規劃暗模式顏色

您需要首先確定要將哪些元素更改為暗模式。 這是因為，在某些情況下，您可能已經擁有無需更改的深色背景。 在大多數情況下，您可能必須更改整體背景顏色，包括字體和圖像。

第 2 步：安裝 WP 暗模式

接下來，您應該下載WP Dark Mode插件。 只需在您的 WordPress 儀表板上搜索插件並單擊它。 然後，選擇 Add New 並尋找 WP Dark Mode。 最後，單擊立即安裝以激活插件。

第 3 步：啟用暗模式

完成安裝WP Dark Mode後，接下來就是啟用暗模式。 您可以選擇為單個頁面或整個網站激活它。

第 4 步：為單個頁面激活暗模式

首先，您應該添加一個新頁面或簡單地使用已經存在的頁面。 在您的 WordPress 管理儀表板上，只需單擊頁面，然後添加新的。 然後，命名您的頁面並在右側邊欄上，選擇頁面模板作為 Elementor Full Width。 接下來，選擇使用 Elementor 編輯選項。

之後，在搜索小部件選項上搜索暗模式。 從這裡，將小部件拖放到您正在編輯的頁面中。 完成後，您可以發布您的頁面。

第 5 步：為整個站點激活 WP 暗模式

您還可以選擇將 elementor 更改為整個網站的暗模式。 在這種情況下，您首先選擇 WordPress Admin Dashboard 上的WP Dark Mode小部件，然後進行設置。 之後，單擊常規設置上的啟用前端暗模式。

接下來，單擊設置上的“顯示浮動開關”選項卡將其打開。 您會注意到一個新的切換開關將出現在 WordPress 管理欄的頂部。 這就是您將用來將 elementor 更改為暗模式的方法。

第六步：選擇浮動開關的樣式

激活您的wp admin dark mode後，您可以對其進行自定義以獲得個性化的外觀。 您可以選擇幾種浮動開關樣式。 因此，您只需要選擇一個與您的博客相匹配的主題即可。

單擊夜間模式選項卡，然後選擇開關設置。 您將看到不同風格的前端浮動開關，包括淺色主題和深色主題。 最後，選​​擇保存設置。 現在應該在您網站的所有頁面上激活elementor 的暗模式。

方法二：使用 Plus 插件

elementor 的 Plus 插件包含一組小部件和模板，可幫助您使用 elementor 自定義網站。 此插件允許您在頁眉或頁腳區域添加小部件。 請按照以下步驟使用此工具將博客的元素更改為暗模式。

第 1 步：下載 Plus 插件

在您的 WordPress 管理儀表板上，單擊插件並選擇添加新的。 您將被定向到插件存儲庫。 在搜索欄中，輸入 Elementor 的 Plus 插件，然後單擊立即安裝按鈕。

安裝後，Plus 設置應出現在儀表板左下角的底部。

第 2 步：激活暗模式小部件

安裝 Plus Addons 後，在 Plus Addon 儀表板上選擇 Plus Widgets。 然後，在搜索框中鍵入暗模式，只需將切換開關移至右側即可將其打開。

第 3 步：在 elementor 編輯器中添加小部件

要添加暗模式小部件，請打開您網站的標題，然後點擊“使用 Elementor 編輯”選項卡。 接下來，在 Elementor 小部件面板中鍵入暗模式小部件。 最後，將小部件拖放到右側。

第 4 步：將 elementor 更改為暗模式

在 elementor 暗模式小部件上，選擇內容選項卡。 您將看到三個選項，包括暗模式、位置和額外選項。 選擇暗模式選項，從不同深淺的暗模式中選擇適合您網站或品牌的主題。

如果您想進一步自定義暗模式，您可以使用額外的選項設置。 單擊保存設置以應用更改。 在這個階段，您的 elementor 應該處於暗模式設置。

Elementor 普通模式與暗模式：有什麼區別？

Elementor 正常模式帶有 4 種預定義或默認的全局顏色。 這些顏色包括主要顏色、文本顏色、上升顏色和次要顏色。 主要顏色用於標題和圖標，而輔助顏色用於列表項、價格表背景和子標題。 同時，文本顏色用於菜單項和段落，而強調色用於徽章和鏈接。

使用 elementor 暗模式，它包括較暗的背景顏色和較淺的前景顏色。 與普通模式不同，此模式不是 Elementor 的默認設置。 因此，您將不得不使用免費或專業的暗模式插件來激活它。 在黑暗模式下，elementor 僅使用兩組背景顏色來創建夜間模式外觀。

深色模式顏色選擇器的用途是什麼？

使用深色模式時，您可以選擇不同的深色調色板來匹配您網站的風格。 顏色選擇器可幫助您選擇視覺元素的最佳顏色。 換句話說，您可以使用深色模式顏色選擇器來快速選擇要在您的設計中使用的顏色。

除了允許您選擇顏色外，暗模式的顏色選擇器還允許您存儲這些顏色。 您可以輕鬆保存常用顏色，以便在需要時隨時訪問。

此外，顏色選擇器允許您通過拖放功能刪除不再需要的顏色。 更重要的是，它可以讓你直接從選擇器中以正確的順序重新排列你最好的暗模式顏色。

結論

無論您是想將 element 更改為暗模式以增強可讀性或可見性，您都可以輕鬆做到。 您只需要知道要使用哪些插件以及激活 element 或暗模式所要遵循的步驟。 這是因為，與QS 暗模式等插件不同，elementor 沒有內置的默認暗模式插件。

幸運的是，您可以在上面找到所有這些信息。 但是，值得一提的是，您可以使用其他插件將 elementor 更改為暗模式。

為了更加方便，我們建議在深色模式下使用顏色選擇器。 在為您的不同頁面選擇正確的深色模式顏色和主題時，它可以節省您的時間。

單個博客文章模板