WordPress夜間模式插件:Blackout: Dark Mode Widget

知更鳥
知更鳥
知更鳥
1518
文章
6913
評論
2019年11月16日13:36:45 10 2.1K

所謂的夜間模式就是把網頁變成深色或者黑色模式,貌似現手機上某個系統能實現全局夜間模式就能吹噓一通。本文推薦一款WordPress夜間模式插件:Blackout: Dark Mode Widget,可以讓你的網站一鍵切換到夜間模式。

WordPress后臺插件安裝頁面搜索并安裝Blackout: Dark Mode Widget插件。

啟用插件后,到設置 → Blackout,在Blackout Settings插件設置頁面,除了第一個“Show in posts only(只在正文頁面啟用)”不勾選之外,其它都勾選,并保存設置。之后打開網站,會發現在頁面最下端增加了一個圓形按鈕,點擊就會進入黑色背景的夜間模式。

WordPress夜間模式插件:Blackout: Dark Mode Widget

有些遺憾是插件夜間模式只支持新版本的Chrome、Firefox和Safari,但不支持所有版本的IE和Edge瀏覽器。

該插件是基于Darkmode.js開發的,如果動手能力強也可以到Darkmode.js官網,按說明直接用代碼實現。

Darkmode.js使用方便,代碼量少,不像我目前主題的夜間模式,需要寫樣式配合并反復調試,不過由于Darkmode.js兼容性和自定義程度低,最終放棄使用,自己寫代碼實現。

夜間模式對于一款主題而言,用戶可以不用,但你不能沒有,好吧,我接著改主題夜間樣式去....

 

weinxin
關于本站
分享交流WordPress經驗與技巧,關注前端設計與網站制作。僅用于功能演示。
知更鳥
WordPress 開發工具插件:Query Monitor Plugins

WordPress 開發工具插件:Query Monitor

Query Monitor是一款 WordPress 的開發工具,有點類似瀏覽器的開發者工具,不過它只針對WordPress。支持調試數據庫查詢、PHP 錯誤、掛鉤和操作、塊編輯器塊、排隊的腳本和樣式...
用字母替代圖片腳本:LetterAvatar Plugins

用字母替代圖片腳本:LetterAvatar

基于canvas,通過toDataURL動態生成base64圖片。目前我主題的Gravatar頭像,就是利用這個LetterAvatar腳本實現未設置Gravatar頭像則讀取ALT標簽,自動生成首字...
匿名

發表評論

匿名網友 填寫信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

評論:10   其中:訪客  10   博主  0
    • Yan Yan 5

      非常好。

      • Yan Yan 5

        但是夜間顏色不能自定義?需要自行修改js?

        • Wood Hong Wood Hong 1

          鳥哥你好 主題最近有大的更新嗎?我想上你的最新版本。

          • 叮叮 叮叮 0

            嗯,這插件不錯

            • 奶爸建網站筆記 奶爸建網站筆記 4

              我之前也介紹過夜間插件,不過還是需要自己微調一下,不然不是很搭配自己的 主題。

              • 米粒光芒 米粒光芒 1

                有沒有文章快速插入圖片外鏈的方法,老是點那么幾下嫌煩,而且媒體點開后加載圖片還會卡那么一下

                • 灰常記憶 灰常記憶 4

                  夜間模式還是有必要的,這個插件在我的主題上不生效,不知啥情況。

                  • 才華無限 才華無限 4

                    功能越來越強大,越來越考慮用戶使用感受了。