所有分类
  • 所有分类
  • 新品推荐
  • 站长推荐
  • WP主题
  • WP插件
  • WP教程
  • WP模板库
  • 前端模板
  • PHP源码
  • 延伸阅读

【Modown主题优化】跟随系统自动切换深色浅色模式

【Modown主题优化】跟随系统自动切换深色浅色模式插图-WP资源海

Modown主题默认的深色和浅色模式是根据时间进行切换的,而且切换时间是固定的,无法自己更改,要想修改只能去代码里改。Modown主题默认的深色浅色模式切换方案主要有下面几个问题:

  1. 在固定时间切换并不合理,因为日出日落的时间并不是固定的。
  2. 在不该切换深色模式的时候切换了的话,用户还要浪费时间去手动点击切换回来,等真的日落了需要切换深色模式的时候还要再自己去手动点一下。这样设置了自动切换还不如不设置,反而增加了一次点击的时间。

跟随系统自动切换深色模式和浅色模式有什么好处?

1、macos系统和IOS系统中都有一个自动切换模式,会根据日出日落的时间自动切换系统的深色和浅色模式,本教程的方法就是会自动跟随这个一起切换。网站中没有自动切换时就会出现系统和浏览器变深色模式了,但是网站还时浅色模式,一深一浅这样一对比会更刺眼,对眼部健康不利。加入自动切换功能以后使得网站可以与系统、浏览器保持更一致的用户体验。

2、不只是苹果系统,windows系统、Ubuntu系统、安卓系统、鸿蒙系统中也有设置深色模式的选项,当系统开启了深色模式后,网站也会根据用户的偏好自动设置网站的深浅模式。

教程专区

您暂时无权查看此隐藏内容!
内容查看本文隐藏内容仅限VIP购买、包年VIP 8折,请先
内容查看
查看价格390 金币
声明:1、本站大部分资源均为网络采集所得,仅供用来学习研究,请于下载后的24h内自行删除,正式商用请购买正版。2、所有汉化类文件和个别标注了“原创”的产品均为本站原创发布,任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。3、如若本站内容侵犯了原著者的合法权益,请携带相关版权文件联系我们进行下架或删除。4、虚拟下载类资源具有可复制性,一经下载后本站有权拒绝退款或更换其他商品!
分享海报

评论0 注意:评论区不审核也不处理售后问题!如有售后问题请前往用户中心提交工单以详细说明!

请先
显示验证码
没有账号?注册  忘记密码?