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

所谓的夜间模式就是把网页变成深色或者黑色模式,貌似现手机上某个系统能实现全局夜间模式就能吹嘘一通。本文推荐一款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
我的微信
微信号已复制
版权声明
本站原创文章转载请注明文章出处及链接,谢谢合作!
 
知更鸟
评论  10  访客  10
    • Yan
      Yan 6

      非常好。

      • Yan
        Yan 6

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

        • Wood Hong
          Wood Hong 2

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

          • 叮叮
            叮叮 0

            嗯,这插件不错

            • 奶爸建网站笔记
              奶爸建网站笔记 4

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

              • 米粒光芒
                米粒光芒 1

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

                • 灰常记忆
                  灰常记忆 4

                  夜间模式还是有必要的,这个插件在我的主题上不生效,不知啥情况。

                  • 才华无限
                    才华无限 4

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

                  匿名

                  发表评论

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

                  拖动滑块以完成验证