网站页面变灰是互联网服务商在一些全国性或世界性哀悼纪念日自发进行的一种网络纪念活动，例如每年512纪念汶川大地震，或者是国家发生重大的自然灾害，或者是国家重要领导人的逝世，全国大部分网站都会将页面设置为灰色，以示哀悼。那么，如何实现WordPress网站全站变灰呢？

要实现WordPress网站全站变灰，可以使用CSS代码来修改网站的外观，下面介绍一种简单的方法！

设置方法

1、登录到WordPress后台，转到 [外观] -> [自定义]，在自定义选项中找到“额外CSS”或类似的选项，如下图。

2、这是一个用于添加自定义CSS代码的文本框，如下图：

3、在文本框中，添加以下CSS代码，如下图，点击“发布”按钮保存您的更改。这段代码将给整个网站应用一个100%的灰度滤镜，使其变成灰色。

/*全站变灰*/
body {
  filter: grayscale(100%);
}

4、若你的主题支持插入自定义CSS代码，也可以实现WordPress网站全站变灰效果。

PS：如果你的WordPress网站用的是Zibll子比主题，那么，可以在网站管理后台 [Zibll主题设置] - [全局&功能] - [自定义代码] - [自定义CSS样式]，把上面的CSS代码复制粘贴到里面即可。

5、请注意，这种方法仅会在前端显示效果，对于后台管理界面不会产生影响。如果您想要取消全站变灰的效果，只需删除步骤3中添加的CSS代码，并保存更改即可。

6、另外，我们也可以通过一些插件来实现全站变灰，例如WPOPT插件，如下图。

WordPress优化插件 WPOPT v2.0.7

9个月前

02472