WordPress开启全站变灰代码，JS和CSS版（JS定时开启网站变灰）

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

提示：添加在自定义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值，如果放在底部在刷新网站的时候会有一个短暂闪屏。