网站色调整体变灰
为表达全国各族人民对抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞，国务院发布公告，决于2020年4月4日举行举行全国性哀悼活动。当天，几乎所有的app应用、网页都换成灰色调以示哀悼。那么怎样让网站色调整体变灰呢? 网站色调整体变灰做法 不论你的网站是Wordpress、dedecms还是z-blog，做法都一样，只需加一串css代码即可。简单直接的做法就是头部模板…
为表达全国各族人民对抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞，国务院发布公告，决于2020年4月4日举行举行全国性哀悼活动。当天，几乎所有的app应用、网页都换成灰色调以示哀悼。那么怎样让网站色调整体变灰呢?
网站色调整体变灰做法
不论你的网站是Wordpress、dedecms还是z-blog，做法都一样，只需加一串css代码即可。简单直接的做法就是头部模板内将:
<html>
修改为:
<html style="filter: grayscale(100%);">
即可。
为适配各种浏览器，完整的代码为：
<html style="filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url(data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id=… 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);">
如果只想让网站首页变灰，那么我们只需要在代码前面加一个判断是否为首页函数即可，比如 WordPress 站点，只需要在header.php文件的</head>之前添加以下代码：
<?php wp_reset_query();if ( is_home()){ ?> <style>html{filter: grayscale(100%);}</style> <?php } ?>
即可实现 WordPress 站点首页变灰而其他页面色调不变。其他类型的站点只需要变更首页判断函数即可。
相关推荐
-
解决百度站长平台HTTPS认证失败的方法
最近公司的网站由于做了HTTPS改造，但在百度站长后台验证HTTPS时一直反馈验证失败，于是通过网上各种资料，总算是找到了解决方法，下面就分享给大家。 最近公司的网站由于做了HTT…
-
WordPress的Gravatar通用头像设置方法
不知道站长朋友们发现没有，在一些博客站留言评论时，有的人的头像和自己的头像不一样，自己也想设置一个个性头像却无从下手。那么这些人的头像是怎么设置的呢？ 不知道站长朋友们发现没有，在…
-
解决WordPress网站更新时报429错误方法:安装 WP-China-Yes 插件即刻解决
WordPress网站在更新版本或升级插件时报429 too many request 错误是由于WordPress 官网的CDN加速节点自动屏蔽大陆用户导致的，因此想要解决429…
-
WordPress 网站配置阿里云全站加速
之前白天发过一篇关于 WordPress 网站配置阿里云CDN加速的文章，目的是为了给网站的静态资源加速，以加快用户访问白天博客的速度。而就在最近，白天的博客时不时也会受到攻击，原…
-
宝塔下借助 Memcached 加速wordpressw网站(附插件配置方法)
在没有使用内存缓存之前，白天博客不知道页面加载速度有多慢。而就在前段时间，给白天博客(wordoress站点)这个网站运行宝塔面板里的PHP扩展Memcached后，页面加载速度不…
-
字符”/”在Nginx配置中的作用
在robots文件中，一个规则中的末尾加一个“/”或少一个“/”代表的含义会有所不同，如"Disallow: /new/"和"Disallow: /new&…
-
WordPress 配置SMTP邮件发送插件：WP Mail SMTP
WordPress是一款自带收发邮件的建站程序，在Wordpressd的使用中，如用户注册、找回密码、评论通知等地方都需要我们通过邮件的发送来及时通知网站管理员或用户，通过邮件的发…
-
dedecms发布文章实时主动推送(API提交)代码,附使用说明
之前白天发布过一篇关于dede定时主动推送文章链接的方法，想要保证及时性只能自己访问推送链接，但总感觉不够友好。今天白天在网上了解到一种在发布文章后实时推送至百度的方法，分享给大家…
-
WordPress 网站自定义设置文章详情页模板
真是受够了 WordPress 只有一个文章详情页模板，想要针对不同的分类目录使用不同的文章详情页展示效果怎么办呢?白天教你使用自定义模板的方法来实现。 例如：白天想让 wordp…
-
wordpress后台自动升级，要如何禁止关闭?
最近白天的一个网站老是自动升级，自动升级就算了，今天白天登陆网站时，还出现了错误提示“自动升级WordPress失败 —— 请再试一次! 虽说Wordpress后台自动升级都是利用…