如何让Wordpress整站变成灰色,其他网站也适用

我们给大家分享一行代码实现WordPress网站变成灰色,非常简单。支持PC端IE浏览器、Chrome浏览器以及火狐浏览器。

祭奠缅怀

 

愿逝者安息,生者奋进,国家昌盛!

 

教程开始

找到你的主题css文件,一般WordPress在'/wp-content/themes/主题名称/主题文件夹下的style.css或div.css文件,将下面这段代码粘贴到css文件的最底部,保存,到前台刷新一下,网页变灰色了吧,包括网站的广告、图片等整个网页变黑白了。

html {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: url("data:image/svg+xml;
	utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
	-webkit-filter: grayscale(1);
}

这种代码适用于任何网站形式,只要找到对应的css文件进行粘贴即可。

最后祝愿我们的祖国国泰民安,风调雨顺!