WordPress网站怎么变成黑白色_WP网站颜色改为黑白色相关代码

WordPress教程 pcbiji 504浏览 0评论

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

WordPress 网站怎么变成黑白色

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 网站怎么变成黑白色,各位觉得有用的话,可以收藏一下噢。

转载请注明:电脑笔记网 » WordPress网站怎么变成黑白色_WP网站颜色改为黑白色相关代码

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址