智能摘要 DeepSeek
本文介绍了在网站哀悼日或纪念日时，通过添加CSS代码实现网页变灰的方法。第一种方式是将代码添加到`style.css`文件中，使全站变灰；第二种方式是将代码添加到`functions.php`文件中，仅让首页变灰，内页保持原色。适用于WordPress网站，具体操作根据主题文件结构调整。
一般在全国哀悼日或者某些纪念日的时候，身为站长的我们都会让自己的网站的全部网页变成灰色（黑白色），以表示我们对逝者的悼念。那么今天就说说，通过几行简单的代码，来实现这个功能。
第一种：添加代码到style.css文件
在 wordpress 主题的目录中找到 style.css 文件，把下面的代码添加到最底部即可。
html {
-webkit-filter: grayscale(1);
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-filter: gray;
filter: gray;
filter: progid: DXImageTransform.Microsoft.BasicImage(grayscale=1);
}第二种：仅让首页变灰
我们可以留意到如京东、淘宝等一些 APP、网页，会让首页变灰，内页仍保留颜色。
在 WordPress 里我们如何实现这样的效果呢？
把下面的代码，添加到 functions.php 文件最底部即可。
如果你使用的是 nicetheme 出品的 wordpress 主题，则需要把代码添加到 functions_xxx.php 名称的文件中，比如 cosy 主题，则添加到名称为 functions_cosy.php 文件中。
function nicetheme_global_greyscale() {
if ( is_home() ){
echo '<style type="text/css">html{-webkit-filter:grayscale(1);-webkit-filter:grayscale(100%);filter:grayscale(100%);-webkit-filter:gray;filter:gray;filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}</style>';
}
}
add_action('wp_head', 'nicetheme_global_greyscale');
评论