WordPress网站整体变灰色的代码和方法

在很多特殊的节日或者特定的场合中，我们都要求把网站改成灰色颜色，但是很多人又不会，要么通过插件解决，要么通过主题自带的颜色设置来解决。本次分享两种方法，轻轻松松使网站全站变成灰色，就连图片也是灰色。

方法1

将下面代码加入wordpress在后台外观，自定义里面的额外CSS里即可，加在主题选项里的css里就可以了，到前台刷新一下，网页变灰色了吧，包括网站的广告、图片等整个网页变黑白了。

隐藏内容，输入密码后查看

微信扫描二维码或搜索【狐狸工具盒】小程序，输入【2948】获取密码验证后才能查看！！！

代码加到<head>和</head>之间，即可直接实现全站灰色效果。

将代码放到 自定义CSS样式 即可

全局追悼CSS代码

body > .header,
body > .container,
body > .footer
{
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
}

首页追悼CSS代码

html .home>.header,
html .home>.container,
html .home>.footer
{
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
}

免责声明：本站是非经营性网站，网站资源部分收集整理于互联网，其著作权归原作者所有，如果有侵犯您权利的资源，请来信告知：foxccs@163.com，我们将及时撤销相应资源。

请于下载后24小时内删除，不允许用于商业用途，否则法律问题自行承担。

THE END