ZBlog网站黑白模式手动切换+定时自动生效全流程实操指南

前置准备

操作前需提前准备2项权限/信息，避免操作卡壳：

• ZBlog后台超级管理员账号权限
• 当前启用主题的名称（可在后台「主题管理」页查看）

方案一：全站一键强制黑白模式（无插件版）

适合临时需要快速开启黑白模式的场景，无需安装插件，1分钟即可配置完成。

步骤1：进入主题模板编辑页

1. 登录ZBlog后台，默认地址为你的域名/zb_system/admin/index.php

2. 左侧菜单栏点击主题管理，找到当前启用的主题，点击右侧的编辑模板按钮

3. 在弹出的模板文件列表中，找到header.php（头部公共模板文件），点击进入编辑界面

步骤2：插入黑白模式CSS代码

在header.php文件的和标签之间，插入以下完整可直接复制的代码：

```css ```

替代操作：如果你的主题自带「自定义CSS」配置入口，可直接将上述代码中html选择器内的样式，粘贴到自定义CSS输入框中，无需修改模板文件，效果完全一致。

步骤3：保存验证效果

点击编辑页底部提交按钮保存修改，然后打开站点前台，按Ctrl+F5强制清空浏览器缓存，即可看到全站黑白效果。需要取消模式时，直接删除刚才插入的代码再次保存即可恢复。

方案二：定时自动触发黑白模式（一次配置永久生效）

适合固定纪念日、哀悼日自动开启黑白模式，无需每次手动修改代码。

步骤1：插入定时判断代码

同样进入header.php编辑页，在标签内插入以下PHP+CSS混合代码，可直接复制使用：

```php ```

步骤2：自定义触发规则

修改代码中的$gray_dates数组，即可调整自动触发的日期：比如需要新增10月1日自动开启，就修改为$gray_dates = array('4-4','7-7','9-18','12-13','10-1');，不需要的日期直接从数组中删除即可。

步骤3：效果测试

保存模板后，可临时将$current_date = date('n-j',time());修改为$current_date = '4-4';，刷新前台即可看到黑白模式自动触发，测试完成后改回原代码即可。

方案三：后台开关控制黑白模式（零代码插件版）

适合不会修改代码的用户，通过官方插件实现后台一键切换，无需手动编辑模板。

步骤1：安装官方适配插件

1. 下载ZBlog官方认证的黑白模式插件：https://app.zblogcn.com/?id=1987，根据你的站点版本（PHP/ASP）选择对应安装包下载

2. 登录ZBlog后台，左侧点击插件管理，点击右上角上传新插件，选择刚才下载的zip压缩包，点击确认上传安装

3. 安装完成后在插件列表找到「站点黑白模式」，点击启用按钮激活插件

步骤2：插件功能配置

点击插件右侧的配置按钮，进入设置页可按需选择功能：

• 手动切换：直接勾选「开启全站黑白模式」，点击保存即可立即生效，取消勾选即可恢复正常
• 定时触发：勾选「定时自动开启」，在下方输入框填写需要开启的日期，格式为月-日，多个日期用英文逗号分隔
• 页面排除：如果需要部分页面不显示黑白模式（比如活动页、商品页），直接在排除规则框填写对应页面的URL关键词，多个用逗号分隔即可

常见问题排查

1. 代码添加后未生效

按以下顺序排查：首先按Ctrl+F5强制刷新浏览器缓存，再清理站点后台的缓存插件、CDN节点缓存，最后检查CSS代码是否完整插入在head标签内，没有漏写闭合标签。

2. 部分元素未变成黑白

如果第三方iframe嵌入内容、视频、动效元素未生效，可在CSS代码中增加方案二里的特殊元素兼容代码，覆盖所有动态渲染的媒体元素。

3. 黑白模式导致页面加载变慢

上述所有方案的样式都是浏览器原生渲染，不会增加服务器负载，加载变慢均为缓存问题，清理所有缓存后即可恢复正常速度。