WordPress 网站怎么变成黑白色？

果子扬

21天前更新

190

最近这两天很多小伙伴都看到不少网站变成黑白色了，有些WP站长朋友也在问自己的WordPress网站怎么变成黑白色，三零软件为大家整理了一些WP网站颜色改为黑白色相关代码分享给大家，希望今天的教程可以帮助到大家。

　　WordPress网站怎么变成黑白色

网站怎么变成黑白色方法一：

通过修改style.css来让网站变成黑白色，在当前主题的style.css文件顶端添加下列代码即可，有些wordpress网站主题有自定义CSS样式功能，可以直接把代码粘贴进后台，然后保存即可生效，记得要使用“ctrl+F5”强制刷新。

html {filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%); }

　　网站怎么变成黑白色方法二：

找到当前主题的header.php文件，在</head>前插入下列代码也能将网站改为黑白色，三零软件就是通过下列代码来实现的。

<style type="text/css">
html {
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(100%);}
</style>

　　网站怎么变成黑白色方法三：

还可以通过修改<html>标签，以加入内联样式的方法，达到网页变成灰色的效果，使用的是下面的代码：

<html style="filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);">

　　网站怎么变成黑白色方法四：

找到当前主题的style.css文件，将下列代码插在最后面也同样可以实现网站变成黑白色；

body *{
-webkit-filter: grayscale(100%); /* webkit */
-moz-filter: grayscale(100%); /*firefox*/
-ms-filter: grayscale(100%); /*ie9*/
-o-filter: grayscale(100%); /*opera*/
filter: grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
filter:gray; /*ie9- */
}

　　网站怎么变成黑白色方法五：

有很多小伙伴看到一些网站仅仅是将WordPress的首页变成了黑白色，我们同样也可以实现，找到当前主题的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');

以上这些内容就是 WP 网站颜色改为黑白色相关代码，有需要的小伙伴可以来取用了，希望通过我们今天的分享，大家能够知道 WordPress 网站怎么变成黑白色，各位觉得有用的话，可以收藏一下噢。

评分

欢迎为Ta评分

赞赏