常阳时光

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

前几天折腾了下暗黑模式,需要自己改 css,并且还得设备和浏览器支持才能实现。这里介绍一个懒人方法:WordPress 暗黑模式插件:Blackout: Dark Mode Widget,可以让 WordPress 网站一键切换到暗黑模式。

WordPress 后台插件安装页面搜索并安装 Blackout: Dark Mode Widget 插件。启用插件,打开网站首页,右下方增加了一个圆形按钮,点击就会进入黑色背景的暗黑模式。

正常模式:

暗黑模式:

额外设置,Blackout Settings 插件设置页面,根据需要自定义设置或者默认设置即可。

插件暗黑模式只支持新版本 Chrome、Firefox 和 Safari,但不支持所有版本 IE 和 Edge 浏览器。

该插件基于 Darkmode.js 开发,如果动手能力强也可以到 Darkmode.js 官网,按说明直接用代码实现。Darkmode.js 代码量少,实现也很方便。

适合懒人,不过效果一般,不嫌麻烦还是自己改 css 效果更好。