共计 545 个字符,预计需要花费 2 分钟才能阅读完成。
所谓的夜间模式就是把网页变成深色或者黑色模式,貌似现手机上某个系统能实现全局夜间模式就能吹嘘一通。本文推荐一款 WordPress 夜间模式插件:Blackout: Dark Mode Widget,可以让你的网站一键切换到夜间模式。
WordPress 后台插件安装页面搜索并安装 Blackout: Dark Mode Widget 插件。
启用插件后,到设置 → Blackout,在 Blackout Settings 插件设置页面,除了第一个“Show in posts only(只在正文页面启用)”不勾选之外,其它都勾选,并保存设置。之后打开网站,会发现在页面最下端增加了一个圆形按钮,点击就会进入黑色背景的夜间模式。
有些遗憾是插件夜间模式只支持新版本的 Chrome、Firefox 和 Safari,不支持所有版本的 IE 和 Edge 浏览器。
该插件是基于 Darkmode.js 开发的,如果动手能力强也可以到 Darkmode.js 官网 ,按说明直接用代码实现。
Darkmode.js 使用方便,代码量少,不像我目前主题的夜间模式,需要写样式配合并反复调试,不过由于 Darkmode.js 兼容性和自定义程度低,最终放弃使用,自己写代码实现。
夜间模式对于一款主题而言,用户可以不用,但你不能没有,好吧,我接着改主题夜间样式去 ….
正文完
星哥玩云-微信公众号