WordPress 暗模式:如何在您的網站上啟用它(初學者指南)

[ad_1]

如今,用戶開始將 WordPress 暗模式視為必需品。 畢竟,從明亮的界面切換對眼睛來說往往更容易。 但是,您可能不知道如何將此功能添加到您的站點。

幸運的是,這個過程可以非常簡單。 在免費的幫助下 WP 暗模式 插件,您可以為前端用戶和後端管理員添加專用的暗模式。

在本文中,我們將向您展示如何在您網站的前端啟用暗模式。 然後,我們將向您展示如何在後端執行相同的操作。 以下是本教程結束時您的後端儀錶板的外觀示例:

讓我們開始吧!

如何在網站前端啟用暗模式(分四步)

讓我們從更改前端的顯示開始。 要為您的用戶提供 WordPress 暗模式選項,請按照此方法操作。

想在 #WordPress 中切換到 #dark 模式嗎? 以下是如何通過 4 個步驟啟用它🌙

點擊推文

第 1 步:安裝暗模式插件

不幸的是,WordPress 不提供在您的網站上啟用暗模式的內置功能。 然而,這並不意味著不可能! 藉助龐大的插件庫,您可以找到多種工具來幫助您。

我們推薦 WP 暗模式. 這個用戶友好的插件為您提供了大量選項:您可以更改調色板、按鈕設計和動畫等元素。 它也兼容大多數 頂級 WordPress 主題,這意味著大多數人將能夠使用它。

儘管如此,還有很多其他選擇,因此如果您正在尋找更合適的選擇,請隨時瀏覽它們。 一旦你決定了一個插件, 安裝並激活 在進入下一步之前。

第 2 步:啟用暗模式

安裝插件後,就可以激活主要功能了。 如果您使用的是 WP 暗模式,請先轉到 WP 暗模式 > 設置。 您會看到許多不同的設置,但現在,我們將重點關注常規設置中的基礎知識:

WP 暗模式插件的常規設置。

接下來,確保啟用前端暗模式開關處於打開位置。 該插件現在將默認顯示您的界面的調光版本。

要考慮的另一個選項是啟用操作系統感知暗模式。 如果您啟用此功能,設備首選項設置為暗模式的用戶將自動獲得您網站的暗模式,這可以改善您網站的 用戶體驗.

一旦您對您的選擇感到滿意,請繼續並單擊「保存設置」。 然後,繼續下一步以獲得一些更高級的功能。

第三步:打開浮動開關

接下來,您可以選擇讓您的用戶更多地控制您的 WordPress 暗模式選項。 並非所有用戶都喜歡在黑暗模式下瀏覽。 此外,某些用戶可能希望根據一天中的時間或其他瀏覽條件更改他們的偏好。

幸運的是,您可以為他們提供一個開關來做到這一點。 這裡有兩個主要部分:激活功能,然後自定義它。 讓我們從第一個開始,轉到 WP 暗模式 > 設置 > 切換設置:

WP 暗模式浮動開關功能的設置。

確保 Show Floating Switch 開關處於打開位置。 然後,保存您的更改。 就這麼簡單:您的用戶現在可以在屏幕上選擇在明暗模式之間切換。

您還可以在此處了解樣式元素。 例如,考慮更改浮動開關樣式下的按鈕設計。

其他自定義選項包括添加動畫或將其放置在屏幕的某個部分。 您可以使用此插件的高級版本解鎖更多選項。 保存您的開關更改並繼續執行最後一步。

第 4 步:自定義您的黑暗模式

定製潛力不會隨著轉換而結束。 還有其他一些方法可以個性化您的 WordPress 暗模式。 讓我們先看看更改配色方案。

轉到 WP 暗模式 > 設置 > 顏色設置:

一些示例 WP 暗模式顏色設置。

如果您不想設計自己的配色方案,您還可以打開想要使用顏色預設? 對於一些默認選項:

一些暗模式顏色預設選項。

此處的大多數選項都需要高級版本。 這將幫助您調整從整體亮度到對比度級別的任何內容。 因此,您可能需要考慮升級,如果您的 配色方案 對你很重要。

如何在 WordPress 儀錶板中啟用暗模式(分三步)

您的前端用戶並不是唯一可能從調光屏幕中受益的人。 您也可以按照以下步驟為您的儀錶板啟用該選項。

第 1 步:開啟後端暗模式

我們將為此方法使用相同的 WP 暗模式插件。 返回 WP 暗模式 > 設置 > 常規設置。 但是,這次請確保啟用後端暗模式選項已打開。

與它對您的用戶的工作方式類似,您的儀錶板將自動切換到暗模式。 您還將在頂部工具欄上有一個按鈕來在兩種模式之間切換。

正如您所料,這隻會影響您的後端用戶。 如果您尚未為前端激活暗模式,您的訪問者將看到您的正常站點。

如果您不尋找任何其他裁縫,您可以到此為止。 但是,如果您想要更多方法 個性化 WordPress 管理界面,您可以繼續下一步。

第 2 步:更改您的管理員配色方案

啟用暗模式後,我們鼓勵您探索網站的後端。 例如,您可能會發現默認的 WordPress 顏色在較暗時不符合您的需求。

好消息是您可以輕鬆更改管理配色方案以匹配新的暗模式設置。 這一步您甚至不需要額外的插件——此功能內置於 WordPress 系統中。

首先,轉到用戶> 個人資料:

在 WordPress 中更改管理顏色方案的屏幕。

從這裡,您可以選擇您想要的任何顏色組合。 當您單擊其中一個時,您將能夠立即看到更改。 隨意在它們之間切換並了解您的選擇。 一切就緒後,請記住單擊頁面底部的「更新個人資料」。

此外,您還可以將這些更改應用於其他人的後端配置文件。 要開始此操作,請轉到「用戶」>「所有用戶」。 然後,找到您要更改的用戶並單擊其帳戶下的編輯:

如何編輯其他人的管理員配色方案的示例。

之後,您將進入與之前類似的編輯屏幕。 然後,您可以更改其他用戶的管理配色方案以更好地匹配新的暗模式選項。

第 3 步:在正常和黑暗模式之間切換

如果你和很多人一樣,你可能不想一直只使用正常或黑暗模式。 幸運的是,切換過程簡單直觀。

假設您以默認燈光模式開始。 轉到管理工具欄的頂部。 在這裡,您會看到一個帶有兩個選項的小開關:Light 和 Dark:

亮模式下的標準管理屏幕,其中突出顯示了暗模式切換。

您現在要做的就是單擊要切換到的模式。 執行此操作後,您的屏幕應如下所示:

暗模式下的屏幕示例。

請記住,管理屏幕中的暗模式設置不會影響您的用戶。 因此,您可以根據需要隨意在配色方案之間切換——如果您也遵循第一種方法,您的訪問者也可以這樣做。

結論

WordPress 暗模式選項可以成為您的用戶和管理員的真正資產。 無論他們是在尋找更安靜的界面還是只是喜歡這種配色方案,這都是一種自定義網站用戶體驗的簡單方法。 幸運的是, WP 暗模式 使過程變得簡單。

想在 #WordPress 中切換到 #dark 模式嗎? 以下是如何通過 4 個步驟啟用它🌙

點擊推文

在本文中,我們通過四個步驟向您展示了如何在您網站的前端啟用和自定義暗模式。 我們還向您介紹了如何在您的站點後端為您和您的管理員執行相同的操作。

如果您對自定義站點後端儀錶板的其他一些方法感興趣,可以查看我們的指南 如何自定義 WordPress 後端如何更改WordPress工具欄.

您對為您的網站開啟暗模式有任何疑問嗎? 在下面的評論部分讓我們知道!

相關文章