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

前几天折腾了下暗黑模式,需要自己改 css,并且还得设备和浏览器支持才能实现。这里介绍一个懒人方法:WordPress 暗黑模式插件:Blackout: Dark Mode Widget,可以让 WordPress 网站一键切换到暗黑模式。

WordPress 后台插件安装页面搜索并安装 Blackout: Dark Mode Widget 插件。启用插件,打开网站首页,右下方增加了一个圆形按钮,点击就会进入黑色背景的暗黑模式。

正常模式:

 737-wp-black-normal

暗黑模式:

 737-wp-black-mode

额外设置,Blackout Settings 插件设置页面,根据需要自定义设置或者默认设置即可。

 737-wp-black-settings

插件暗黑模式只支持新版本 Chrome、Firefox 和 Safari,但不支持所有版本 IE 和 Edge 浏览器。

该插件基于 Darkmode.js 开发,如果动手能力强也可以到 Darkmode.js 官网,按说明直接用代码实现。Darkmode.js 代码量少,实现也很方便。

适合懒人,不过效果一般,不嫌麻烦还是自己改 css 效果更好。

除非注明,常阳时光文章均为原创,本文地址 https://cyhour.com/737/AMP 移动加速版本)转载时必须以链接形式注明原始出处。
Vultr 送$25,搬瓦工年付最低$49,优惠码 BWH34QMFYT2R,更多推荐VPS信息,或支持老杨
Views: 346 Tags:  ,  ,  , 

Comments:10

  1. 前几天知更鸟博客看到过。背景颜色不可以调,需要自己找js。

    2019.11.24 00:35 # 回复
    1楼
  2. 奇怪,你之前不是有css的,我这里晚上了,还是白天版的,没开启?

    2019.11.24 07:44 # 回复
    2楼
  3. 就想搞个自动的😂

    2019.11.24 22:26 # 回复
    3楼
    • @灰常记忆 楼上大哥就有自动方案啊:WordPress添加夜间模式cookie版 https://xptt.com/653884.html

      2019.11.25 08:46 # 回复
  4. 要是支持时间段自动变成暗黑模式就好了^0^~

    2019.11.25 00:26 # 回复
    4楼
    • @卡卡讯 楼上楼上就有使用 cookie 自动切换版本,不过我没有折腾。
      WordPress添加夜间模式cookie版 https://xptt.com/653884.html

      2019.11.25 08:46 # 回复
  5. 晚上看不伤眼了,好方案。

    2019.11.25 10:22 # 回复
    5楼

发表留言

Vultr 送$25,搬瓦工年付最低$49,优惠码 BWH34QMFYT2R,更多推荐VPS信息