网站变灰教程

德玛杰
德玛杰
德玛杰
81
文章
8
评论
2020年8月24日16:42:57 评论 114 620字阅读2分4秒

这次的教程话题稍微有点沉重,2020年如同灾难片一般的开局,给很多人留下了一生难以抚平的伤痕。而在这场注定会被嵌于史册的灾难中,许多抗疫英雄就此永别。今天给大家分享网站变灰教程。

网站变灰教程

现在很多的游戏官网、图标、游戏页面全都调整成了灰白色,下面就给大家分享一下如何让整个网站网页色调变成灰色?

直接编辑站点 header.php 文件(或其他含有的文件)直接将:

  1. <html>

修改为:

  1. <html style="filter: grayscale(100%);">

就可以了。

如果站点后台主题选项中可以直接添加 css 代码的话,直接添加以下代码:

  1. html{filter: grayscale(100%);}

或者这样:

  1. <style>html{filter: grayscale(100%);}</style>

具体填写哪段代码就看主题选项的说明,毕竟有些只需要填写 CSS 代码而无需填写style。

有些站长只想让网站首页变灰,那么我们只需要在代码前面加一个判断是否为首页函数即可,比如 WordPress 站点,只需要在 header.php 文件的</head>之前添加以下代码:

  1. <?php wp_reset_query();if ( is_home()){ ?>
  2. <style>html{filter: grayscale(100%);}</style>
  3. <?php } ?>

即可实现 WordPress 站点首页变灰而其他页面色调不变。其他类型的站点只需要变更首页判断函数即可。

德玛杰
  • 本文由 发表于 2020年8月24日16:42:57
  • 转载请务必保留本文链接:https://www.dema666.top/archives/891
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: