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%);
}

本文最后更新于2024-09-03 20:35:58，若文章内容或链接失效，请留言或 QQ群反馈！

本文链接：

文章作者

狐狸资源网

隐私政策

PrivacyPolicy

用户协议

UseGenerator

许可协议

NC-SA 4.0

THE END