最近这两天很多小伙伴都看到不少网站变成黑白色了，有些 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 网站怎么变成黑白色，各位觉得有用的话，可以收藏一下噢。