Back

WordPress自動深色模式護眼外掛

前言:

近年來許多手機及電腦大廠都在自己的系統上增加了一個深色模式了設定選擇,不僅可以減緩白色對眼睛產生較赤眼的感覺外,某些使用OLED螢幕的手機在長時間使用黑色模式時會關閉顯示器部分背光,達到更省電的效果,因此來教大家做出有自動識別系統的WordPress深色主題吧!

開始安裝吧!

首先點擊安裝外掛,再點選上方的上傳,將我提供的Zip檔上傳即可。

檔案於文末截圖 2021-08-28 下午4.11.43

安裝完成可以進行一些設定,像是網站的深色模式隨著系統來改變等等。

  • Enable Frontend Darkmode:是否開啓前台瀏覽網頁深色模式
  • Enable Backend Darkmode:是否顯示後台管理編輯深色模式
  • Enable OS aware Dark Mode:已啓動前台深色模式

截圖 2021-08-28 下午4.13.17

接的就是設定一個開關,讓網站使用者可以自由切換深色模式。

  • Show Floating Switch:是否要顯示切換開關
  • Floating Switch Style:開關樣式
  • Floating Switch Position:開關設定在左、右

截圖 2021-08-28 下午4.14.03

完成狀態截圖 2021-08-28 下午6.59.17

Ricky Chen
Ricky Chen

Leave a Reply

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *