因为一些特殊的原因,大型网站最近都将网站颜色改为了黑白色,虽然没有规定说必须改,但很多站长还是想修改网站颜色以寄托自己的哀思,但是却不知道怎么操作,下面为大家分享下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 网站颜色改为黑白色相关代码。
上一篇: 网站终于开通啦
下一篇: 宝塔面板如何设置强制https访问
本文暂时没有评论,来添加一个吧(●'◡'●)
取消回复欢迎 你 发表评论: