Loading
0

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、如果你有比较好的文章需要发布,可以联系菜鸟站长之家小编,或者自行点击 投稿
4、若文章中有侵权或不适当内容,请留言告知我们,本站会第一时间进行处理。
5、转载请保留原文地址,违者后果自负,本站保留一切法律追责权力。
6、如遇下载地址失效,请留言告知或者联系客服获取。