如何將黑暗模式添加到你的 WordPress 管理控制台

WPressize Me

01/24/2023

什麼是黑暗模式,為什麼要在 WordPress 中添加它?

如果你經常在晚上或光線不足的情況下維護你的 WordPress 網站,螢幕的亮光可能會對眼睛造成壓力。有些人認為,強光會干擾自然的生理節律,導致入睡困難。基於這些考慮,許多應用、網站甚至操作系統都內建了黑暗模式,減少來自螢幕的白光。

如果你使用的是 iPhone 或 Android 智慧手機,那麼你可以通過切換來啟用黑暗模式。一些流行的網站如 YouTube 也提供內建的黑暗色彩方案。

將黑暗模式添加到你的 WordPress 網站對訪客很有幫助,但你可能也希望將黑暗模式添加到網站的後端管理區域。WordPress 自帶的管理色彩方案無法減少螢幕的白光,不過,我們可以通過安裝插件來實現。

快速簡單的方法將黑暗模式添加到你的 WordPress 管理區域

最簡單的方法是使用 WP Dark Mode 插件。該插件允許管理員一鍵啟用和停用黑暗模式。如果你運行的是多作者的 WordPress 博客,每個人都可以根據自己的偏好切換黑暗模式,插件會記住他們的選擇。

首先,你需要安裝和啟用 WP Dark Mode 插件。更多詳情請參考我們的逐步指南。

啟用後,進入 WordPress 儀表板中的 WP Dark Mode » 設定頁面,然後點擊管理面板黑暗模式選項卡。接著,啟用“啟用管理儀表板黑暗模式”按鈕。

你也可以選擇啟用塊編輯器的黑暗模式。然後,向下滾動並點擊“保存變更”按鈕。

此時,你會在管理工具欄中看到一個新的“光/暗”開關。你可以點擊該開關來啟用和停用管理區域的黑暗模式。

“黑暗模式”並不是管理色彩方案的一部分,所以啟用後你可能想要更改管理色彩方案。選擇一個黑暗色彩方案,可以進一步減少螢幕的光亮度。另一個選擇是選擇一個亮色的色彩方案,使黑暗模式儀表板更易讀。

要更改管理色彩方案,進入使用者 » 個人資料並在管理色彩方案下選擇任何選項。

你也可以在網站的前端啟用黑暗模式。切換到‘前端黑暗模式’選項卡並啟用‘啟用前端黑暗模式’按鈕。依舊確保在完成後點擊‘保存變更’按鈕。

訪客仍將看到常規的亮色版本的 WordPress 網站,但他們可以通過點擊位於右下角的圖標隨時切換到黑暗模式。

更多管理區域自定義提示和技巧

有關自定義管理區域的更多提示和技巧,請參閱以下指南:

  • 保護 WordPress 管理區域的關鍵提示(更新)
  • 如何在 WordPress 中添加自定義管理通知
  • 如何禁用 WordPress 管理欄僅對非管理員用戶
  • 如何更改 WordPress 管理面板中的頁腳
  • 如何隱藏 WordPress 管理中的不必要選單項目
  • 如何在 WordPress 中添加和自定義管理列
  • 如何為你的 WordPress 管理儀表板進行白標化

希望本教程能幫助你學會如何將黑暗模式添加到你的 WordPress 管理控制台。你可能還需要查看我們的指南,了解如何在 WordPress 中創建登陸頁面或必備的 WordPress 外掛推薦。

如果你喜歡這篇文章,請訂閱我們的 YouTube 頻道進行 WordPress 視頻教程。你也可以在 Twitter 和 Facebook 上找到我們。



Related Posts

  • 2024-07-27
  • WordPress 插件

您是否希望在 WordPress 中要求文章必須設置精選圖片?如果您正在運營一個多作者的 WordPress 博客,您會希望確保每位作者在發布文章之前都添加精選圖片。在這篇文章中,我們將向您展示如何輕鬆地在 WordPress 中要求文章設置精選圖片。

閱讀更多
  • 2024-07-26
  • WordPress 插件

WordPress 內建搜尋功能,但其搜尋結果通常不盡人意。幸運的是,您可以自訂搜尋結果頁面,使其更加使用者友好。本文章將向您展示如何無需編寫任何代碼輕鬆自訂 WordPress 搜尋結果頁面。

透過自訂搜尋結果頁面,使用者能更容易找到他們需要的內容,並改善整體使用者體驗,從而提高頁面瀏覽量和轉化率。

閱讀更多
  • 2024-07-24
  • WordPress 插件

您在尋找如何創建影片和圖片的 WordPress Slider 吗?Sliders 是展示內容且吸引網站訪客注意力的絕佳方式。本文將為您提供使用 Soliloquy 簡易創建影片和圖片 Slider 的詳細指南。

首先,您需要安裝一個合適的 WordPress Slider 插件,例如 Soliloquy。這個插件使用簡單,可建立響應式的影片和圖片 Slider,不需要編寫一行代碼。接著,您可以根據需求添加各種媒體內容並調整 Slider 設定。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>