WordPress网站改为黑白颜色的方法

yun
学习
2022-12-11
735
2

因为一些特殊的原因，大型网站最近都将网站颜色改为了黑白色，虽然没有规定说必须改，但很多站长还是想修改网站颜色以寄托自己的哀思，但是却不知道怎么操作，下面为大家分享下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 网站颜色改为黑白色相关代码。