阿里云-云小站(无限量代金券发放中)
【腾讯云】云服务器、云数据库、COS、CDN、短信等热卖云产品特惠抢购

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

202次阅读
没有评论

共计 545 个字符,预计需要花费 2 分钟才能阅读完成。

所谓的夜间模式就是把网页变成深色或者黑色模式,貌似现手机上某个系统能实现全局夜间模式就能吹嘘一通。本文推荐一款 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 兼容性和自定义程度低,最终放弃使用,自己写代码实现。

夜间模式对于一款主题而言,用户可以不用,但你不能没有,好吧,我接着改主题夜间样式去 ….

 

正文完
星哥说事-微信公众号
post-qrcode
 
星锅
版权声明:本站原创文章,由 星锅 2022-01-22发表,共计545字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
【腾讯云】推广者专属福利,新客户无门槛领取总价值高达2860元代金券,每种代金券限量500张,先到先得。
阿里云-最新活动爆款每日限量供应
评论(没有评论)
验证码
【腾讯云】云服务器、云数据库、COS、CDN、短信等云产品特惠热卖中