土豆不好吃

让你的网站更具个性:WordPress下Android Chrome通知栏变色

让你的网站更具个性:WordPress下Android Chrome通知栏变色

在大家用Android版Chrome时,可能会发现有些时候通知栏会变色,举个Quora的栗子

感觉很搭很个性是不是!

其实想要支持这一特性,只要插入一个meta标签、并且设备的Chrome版本大于39、运行于Lollipop(Android 5.0)以后的版本,就可以完美支持这一特性啦!

对应的meta标签可以参考如下格式,其中content后面是颜色的十六进制表示:

<meta name="theme-color" content="#000000">

将meta放到head后面就可以啦!

十六进制颜色可以用Photoshop的拾色器取出来。

对于WordPress来说,找到你主题的header.php,将上面的一行插入到它该有的地方,搜索下,放在其他meta下面就好啦~!

友情提示:header.php这个文件非常重要,修改之前备份一下更好!


顺路提一句,沉浸模式和通知栏变色是两个概念。

来看看我的效果图:

 

 

 

 

 

 

配色也是一门艺术啊!

本文参考资料:

https://developers.google.com/web/updates/2014/11/Support-for-theme-color-in-Chrome-39-for-Android?hl=en


文章版权归原作者所有丨本站默认采用CC-BY-NC-SA 4.0协议进行授权|
转载必须包含本声明,并以超链接形式注明原作者和本文原始地址:
https://dmesg.app/chrome-theme-color.html
退出移动版