WordPress网页变灰的操作方法

让所有网页变灰

在主题自定义中，找到“额外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);
}

仅让首页变灰

打开仪表盘，进入外观中的主题文件编辑器中，找到functions.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');

更多情形，详见以下参考链接：

wordpress 如何让网站变成灰色 – 云+社区 – 腾讯云 (tencent.com)

用代码轻松实现WordPress网站全站变灰教程 | Ourboke联盟

WordPress 网站如何实现全站变灰？ – 醒悟的凡灵 (maqingxi.com)

wordpress网站全站变灰教程 – 墨白社区 (mbx0.com)