如何让网站整体变灰?

2020年4月4日09:48:53 1 48 views
WordPress主题推荐

为表达全国各族人民对抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞的深切哀悼,国务院发布公告,决定 2020 年 4 月 4 日举行全国性哀悼活动。各大站长也纷纷都加入其中,那么WordPress网站如何实现让网站整体变灰,下面介绍几个简单的方法,效果如图:

如何让网站整体变灰?

方法一:

1、编辑站点 header.php 文件(或其他含有<html>的文件),将:

  1. <html>

修改为:

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

 

2、如果站点后台主题选项中可以直接添加 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 站点首页变灰而其他页面色调不变。其他类型的站点只需要变更首页判断函数即可。

©里维斯社,本站推荐使用的主机:阿里云腾讯云;本站推荐使用的WP主题:WordPress主题

网络转载
晨会游戏

发表评论

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

目前评论:1   其中:访客  1   博主  0

    • avatar 趣知识 4

      志哀!