WordPress开启全站或首页变灰代码,JS和CSS版(JS定时开启网站变灰)

admin CMS教程评论153阅读模式

这几天各大网站都变为灰色了,为了更多的网友可以达成这种效果,在哀悼可以表达一份哀悼。 今天临时上网教大家怎么开启全站变灰。网上的代码都是全站整站变灰色,怎么只让首页变灰色,其他页面都是正常的颜色呢,代码都一样,放的位置变一下就行。

WordPress开启全站或首页变灰代码,JS和CSS版(JS定时开启网站变灰)

WordPress怎么全站变灰色,可在当前WordPress主题自定义CSS中,添加以下代码,也可以添加在当前WordPress模板的<head>中!

提示:添加在自定义css中去掉<style>和</style>

方法1:

<style> html { filter:grayscale(100%); -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); -webkit-filter:grayscale(1); } </style>

要想只有首页变灰就把他放在主题文件夹的index.php文件里,不要放在头部和尾部啥的, 整站变灰可以放在头部尾部。

方法2:

开启自定义css(我的主题模板均有这个接口),然后复制如下代码:

html{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); }

定时JS版:

<script> (function() { var date = new Date(); if (date.getMonth() === 12 && date.getDate() === 4 && date.getFullYear() === 2022) $('head').append('<style>html{filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);}</style>') })(); </script>

代码的意思就是在2022年12月4日在html和body的标签添加一个style,实现全站变灰,最好把js代码放在head标签之内(主题设置-广告设置,网页头部接口可以放如上代码),最好不要放在网页底部,因为浏览器需要读取js代码,然后在给标签赋予style值,如果放在底部在刷新网站的时候会有一个短暂闪屏。

 

 

文章声明:
1、本站文章来源于互联网,仅供学习交流参考使用,严禁用于商业用途,因此造成的一切法律后果自行承担。
2、本站不对文章内容的完整性和安全性负责,请自行辨别,如发现有问题,请及时联系我们进行处理。
3、如果你有比较好的文章需要发布,可以联系站长屋VPS小编,或者自行点击 投稿。
4、若文章中有侵权或不适当内容,请告知我们,本站会第一时间进行处理。 免责申明。
admin
  • 我们不提供免费技术支持,本文属于用户投稿。
  • 转载请务必保留本文链接:https://www.zzwvps.com/1551.html

发表评论