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

知更鸟
知更鸟
知更鸟
1528
文章
6915
评论
2019年11月16日13:36:45 10 2.3K

所谓的夜间模式就是把网页变成深色或者黑色模式,貌似现手机上某个系统能实现全局夜间模式就能吹嘘一通。本文推荐一款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 错误、挂钩和操作、块编辑器块、排队的脚本和样式...
匿名

发表评论

匿名网友 填写信息

:?: :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

                    功能越来越强大,越来越考虑用户使用感受了。