前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >WordPress夜间模式插件:Blackout: Dark Mode Widget

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

作者头像
星哥玩云
发布2022-08-13 12:38:53
5250
发布2022-08-13 12:38:53
举报
文章被收录于专栏:开源部署开源部署

所谓的夜间模式就是把网页变成深色或者黑色模式,貌似现手机上某个系统能实现全局夜间模式就能吹嘘一通。本文推荐一款WordPress夜间模式插件:Blackout: Dark Mode Widget,可以让你的网站一键切换到夜间模式。

WordPress后台插件安装页面搜索并安装Blackout: Dark Mode Widget插件。

启用插件后,到设置 → Blackout,在Blackout Settings插件设置页面,除了第一个“Show in posts only(只在正文页面启用)”不勾选之外,其它都勾选,并保存设置。之后打开网站,会发现在页面最下端增加了一个圆形按钮,点击就会进入黑色背景的夜间模式。

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

有些遗憾是插件夜间模式只支持新版本的Chrome、Firefox和Safari,不支持所有版本的IE和Edge浏览器。

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

Darkmode.js使用方便,代码量少,不像我目前主题的夜间模式,需要写样式配合并反复调试,不过由于Darkmode.js兼容性和自定义程度低,最终放弃使用,自己写代码实现。

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

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
网站建设
网站建设(Website Design Service,WDS),是帮助您快速搭建企业网站的服务。通过自助模板建站工具及专业设计服务,无需了解代码技术,即可自由拖拽模块,可视化完成网站管理。全功能管理后台操作方便,一次更新,数据多端同步,省时省心。使用网站建设服务,您无需维持技术和设计师团队,即可快速实现网站上线,达到企业数字化转型的目的。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档