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

知更鸟
1482
文章
6919
评论
2019年11月16日13:36:45 8 916 546字阅读1分49秒

所谓的夜间模式就是把网页变成深色或者黑色模式,貌似现手机上某个系统能实现全局夜间模式就能吹嘘一通。本文推荐一款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 链接增强插件:Open Link Plugins

WordPress 链接增强插件:Open Link

通过短代码将带网站缩略图的链接输出到一个页面,可以统计点击数,不修改数据库也不需要专门存储图片。缩略图长宽为 100px * 70px,保存格式为 Data URI 编码,每张占用数据库大小约为 10...
匿名

发表评论

匿名网友 填写信息

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

评论:8   其中:访客  8   博主  0
    • Yan Yan @回复 5

      非常好。

      • Yan Yan @回复 5

        但是夜间颜色不能自定义?需要自行修改js?

        • Wood Hong Wood Hong @回复 1

          鸟哥你好 主题最近有大的更新吗?我想上你的最新版本。

          • 叮叮 叮叮 @回复 0

            嗯,这插件不错

            • 奶爸建网站笔记 奶爸建网站笔记 @回复 3

              我之前也介绍过夜间插件,不过还是需要自己微调一下,不然不是很搭配自己的 主题。

              • 米粒光芒 米粒光芒 @回复 1

                有没有文章快速插入图片外链的方法,老是点那么几下嫌烦,而且媒体点开后加载图片还会卡那么一下