如何將黑暗模式添加到你的 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-12-14
  • WordPress 插件

在WordPress中嵌入Google幻灯片演示是分享互动且视觉上吸引人内容的好方法。您可以展示详细的产品展示或最新报告的幻灯片,从而帮助您向听众传达信息或说服他们。我们经过研究发现了一些可靠的方法来完成这项工作,而且您无需成为技术专家即可实现。本文将向您展示两种轻松的方法来将Google幻灯片演示文稿添加到您的WordPress网站。

閱讀更多
  • 2024-11-16
  • WordPress 插件

在保护您的WordPress网站免受攻击时,使用正确的防火墙插件是至关重要的。在多年的发展中,我们的需求也在不断增长。因此,我们转向使用Cloudflare以提供更强的保护。本文详细比较了六个优秀的WordPress防火墙插件,以帮助您选择最适合的解决方案。

閱讀更多
  • 2024-11-15
  • WordPress 插件

您不希望访客单击其他网站的链接后就此离开您的网站。这就是为什么在新窗口或标签中打开外部链接对于提供流畅用户体验至关重要。在WPressize Me,我们认真对待读者的参与度。我们确保网站上的所有外部链接都在新标签页中打开,这样读者可以在不丢失原位的情况下浏览内容。这篇初学者指南将教您如何轻松在WordPress中设置外部链接在新标签中打开,从而提升用户参与度并令读者满意。

閱讀更多

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