网站色调整体变灰
为表达全国各族人民对抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞，国务院发布公告，决于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 站点首页变灰而其他页面色调不变。其他类型的站点只需要变更首页判断函数即可。
相关推荐
-
WordPress 网站前端评论添加“删除”和“垃圾”等快捷链接
如题，在默认情况下大部分 wordpress 网站的前端评论处都只有“编辑”的链接，当想要删除某条评论或标记为垃圾评论时都要进入后台操作，时间久一点的评论可能还要搜索才能找到，有点…
-
找外包公司建站真的需要仔细考虑!
距离上次吐槽外包公司遇到的坑过去一年多了，本以为不会再跟他们扯上关系，结果在上个月还是跟他们签了第二份合同。 明知道会这家外包公司坑为什么还要跟他们合作? 原因是为了满足用户的使用…
-
关注时事热点，为WordPress网站添加及时微博热搜小工具
白天平时其实并不喜欢刷微博，连手机上都没有安装app，但有时同事之间聊起来了插不上话总被说格格不入。这下好了，今天白天发现了一款wordpress插件，可以在WordPress仪表…
-
IIS服务器禁止某个IP或IP地址范围访问网站的方法
公司网站的排名起来一段时间了，最近恶意刷访问的也开始多了起来，尤其是客服反馈，在线聊天软件不停的弹窗已经影响到他们正常工作，因此不得不将这些ip地址拉黑了。网站环境是IIS，本文白…
-
网站ping不通是什么原因?网站ping不通该怎么解决?
最近白天一直在纳闷一个问题，为啥网站能正常访问，但是就是ping不通。一直都是一样的操作方式来操作网站，为什么别的网站没问题，就这个博客站ping不通。 就在今天白天心血来潮，还想…
-
针对WordPress站点怎样加快网页加载速度？
WordPress是一款功能强大、扩展性强、高灵活的使用PHP语言开发的内容管理系统(CMS)，使用过的同学都知道WordPress是实时读取数据库数据加载网页，所以它不像dede…
-
给WordPress分类、标签页面添加浏览量统计功能
最近白天的网站一直在改版做增益，尤其是在分类、tag标签上，除了基本的tdk设置、内容垂直优化外，还做了一个浏览量统计功能，用来显示每一个分类、标签页的用户浏览量。 实现方法很简单…
-
html页面中文字体在css中使用Unicode编码
在前端html页面中，当我们需要设置中文字体时，通常会直接使用字体名称，比如设置字体黑体，会写成font-family: 宋体。一般情况下虽说也没什么毛病，但还是可能会出现css中…
-
织梦cms修改/自定义文章内容摘要字数的长度
不管是文章内容还是栏目页，织梦cms的摘要长度都是250个字符，又一个汉字占2个字符，故包含标点在内摘要只能至多输入125个汉字，超过的字数会自动删去。当不满足这样的字数长度时该怎…
-
织梦cms自定义表单配置邮件提醒(发送)功能
织梦cms自带的自定义表单其实是一个很不错的功能，通过自定义表单，我们可以获取到客户的留言信息甚至是联系方式，但缺点就在于没有提醒功能，想要查收留言只能通过登录后台。为及时查收用户…