哀悼日或特殊日子里如何让整个网站网页色调变灰？

更新于 2020-10-16 20:47:54首发于 2020-04-04 08:18:19681

为表达全国各族人民对抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞的深切哀悼，国务院发布公告，决定 2020 年 4 月 4 日举行全国性哀悼活动。而我们站长最好让整个网站网页色调变灰以示哀悼。那么如何让整个网站网页色调变灰呢？

最简单的做法

直接编辑站点 header.php 文件（或其他含有<html>的文件），直接将：

<html>

修改为：

<html style="filter: grayscale(100%);">

即可。

如果站点后台主题选项中可以直接添加 css 代码的话，直接添加以下代码：

html{filter: grayscale(100%);}

或

<style>html{filter: grayscale(100%);}</style>

具体填写哪段代码就看主题选项的说明，毕竟有些只需要填写 CSS 代码而无需填写<style>。

有些站长只想让网站首页变灰，那么我们只需要在代码前面加一个判断是否为首页函数即可，比如 WordPress 站点，只需要在 header.php 文件的</head>之前添加以下代码：

<?php wp_reset_query();if ( is_home()){ ?>
<style>html{filter: grayscale(100%);}</style>
<?php } ?>

即可实现 WordPress 站点首页变灰而其他页面色调不变。其他类型的站点只需要变更首页判断函数即可。