在某些特殊場合，比如國家公祭日或重大災難發生時，我們可能需要將網站整體變為黑白灰色調以示哀悼。在WordPress中實現這一效果非常簡單，無需安裝額外插件，只需添加幾行CSS代碼即可。
實現方法
通過以下CSS代碼可以實現全站灰度效果：
html {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
}
操作步驟
- 登錄WordPress后臺
- 進入「外觀」→「自定義」
- 選擇「附加CSS」選項
- 將上述CSS代碼粘貼到代碼框中
- 點擊發布按鈕保存更改
注意事項：
- 該效果會影響整個網站的所有頁面
- 不同瀏覽器對filter屬性的支持程度可能有所不同
- 如需恢復彩色顯示，只需刪除或注釋掉這段CSS代碼即可
進階用法
如果只想對特定頁面添加灰度效果，可以使用條件判斷：
/* 僅對文章頁面生效 * /
.single-post html {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
}
通過這種方法，你可以靈活控制灰度效果的應用范圍，讓網站在表達哀思的同時保持應有的功能性。
