WordPress网站变成灰色代码

WordPress 许多网站和APP都变成了灰色，可用于用于哀悼日。今天博主这里给大家分享一行代码实现WordPress网站变成灰色，非常简单的教程。不需要插件，只需要一行代码即可实现。

在网站外观——主题选项——定制风格——自定义样式——自定义样式 CSS中添加以下内容：

1、全站变灰

/*
Template Name: 网页变灰用于哀悼日
Description: 与主题配套使用，仅支持Begin主题。
Author: 知更鸟
Author URI: https://zmingcx.com/
*/
html {
	filter: grayscale(90%);
	-webkit-filter: grayscale(90%);
	-moz-filter: grayscale(90%);
	-ms-filter: grayscale(90%);
	-o-filter: grayscale(90%);
}

2、仅首页变灰

/* Template Name: 网页变灰用于哀悼日 
Description: 与主题配套使用，仅支持Begin主题。 
Author: 知更鸟 
Author URI: https://zmingcx.com/ 
*/
html .home {
	filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
	filter: grayscale(90%);
	-webkit-filter: grayscale(90%);
	-moz-filter: grayscale(90%);
	-ms-filter: grayscale(90%);
	-o-filter: grayscale(90%);
}

其中90%，还保留一点颜色，可适当调这个数值，比如50%，保留一半颜色，看惯花花绿绿，偶而让网页变素，也挺养眼，改成100%，全灰。

提示：上面代码对各版本IE浏览器无效，可能会造成部分样式错乱......

也可添加以下代码，但可能会引起主题显示问题，比如会员登录后导航栏错位，首页下面显示空白等，大家可以测试看效果。

.nav-top, #navigation-top li a, #navigation-top img, 
.post, #primary, .g-row, .widget, .tg-site, .xm4, 
.links-group, .nav-links, .cover4x, #scroll, 
.links-box, .cms-news-grid-container, .cat-container, 
.gw-box, .sx4, .owl-theme, .site-footer, .contactus, 
.single-tag, .authorbio, #submit, .login-overlay, .header-sub, 
.pagenav-clear, .nav-section, .comment, .comment-respond, 
.group-tab-site, .guide-img, .picture-box, .link-box {
	filter: grayscale(90%);
	-webkit-filter: grayscale(90%);
	-moz-filter: grayscale(90%);
	-ms-filter: grayscale(90%);
	-o-filter: grayscale(90%);
	filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0.9);
}