WordPress 全站变灰 – CSS 代码实现悼念日一键置灰

本文分享 WordPress 网站实现全站变灰的简易 CSS 教程，仅需添加一行自定义 CSS 代码，即可快速完成全站置灰，适用于国家公祭日、烈士悼念日等缅怀场景，操作简单、适配多数主题，无需复杂修改，新手也能快速上手。

全站变灰适用场景

网站全站变灰主要用于哀悼缅怀烈士、国家公祭日、重大悼念日等庄重场景，用以表达缅怀与敬意，是各类网站常用的公益化视觉设置方式。

WordPress 置灰操作教程

主题自定义 CSS 添加方式

进入 WordPress 后台，依次打开主题设置→自定义代码→自定义 CSS 样式，将置灰代码粘贴至对应区域，保存后即可生效。

通用网页添加方式

非 WordPress 类网页或主题，可直接在 foot 文件或 head 文件底部添加代码，完成引用后即可实现全站变灰效果。

核心置灰 CSS 代码

采用推荐的精简 CSS 代码，仅一行即可实现全站灰度显示，兼容 PC 端与移动端，不干扰网站原有功能与加载速度。