WordPress网页变灰的操作方法

在“额外CSS”中加入代码。

让所有网页变灰

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

5 1 投票
文章评分
订阅评论
提醒

2 评论
最多投票
最新 最旧
内联反馈
查看所有评论
日日高兴
游客
5 月 前

学到了!!谢谢博主!

2
0
希望看到您的想法,请您发表评论x