WordPress 子比主题 – 给控制台添加个性化说明（极简纯色块版）

在浏览器控制台添加专属说明，既能标注站点版权信息，也能给查看源码的访客传递核心提示，本次分享的是极简纯色块风格的控制台说明代码，无冗余装饰、视觉干净利落，完美适配子比主题。

效果预览

打开浏览器控制台（F12 → Console 标签），可看到如下效果：

• 首行版权提醒 + 末行安全提示：子比主题红底白字，醒目突出
• 中间站点信息：浅灰底深灰字，简洁易读
• 整体纯静态输出，无杂乱排版

实现步骤

1. 复制代码

将以下完整代码复制下来（可直接替换文案为你的站点信息）：

2. 粘贴到子比主题

1. 进入 WordPress 后台 → 主题设置 → 自定义代码
2. 找到「自定义底部HTML代码」区域
3. 将复制的代码粘贴进去，点击保存

3. 自定义修改（关键）

根据你的站点信息，修改代码中 config.texts 数组里的内容：

texts: [
    "📌 你的版权提醒文案",
    "🔖 你的站点名称 | https://你的域名.com",
    "👤 博主：你的昵称 | 🚫 你的声明文案",
    "⚠️  安全提示文案"
],

也可调整样式参数：

• 改颜色：替换 highlight 的色值为你的主题色（如子比黄 #f8b500）
• 改圆角：radius: "0px" 可去掉圆角，变成直角块
• 改间距：增大 padding 数值（如 "8px 16px"）让色块更宽松

注意事项

1. 代码仅在浏览器控制台显示，不影响网站前端展示和加载速度；
2. console.clear() 会清空控制台默认输出，若想保留，删除该行即可；
3. 兼容所有主流浏览器（Chrome/Firefox/Edge），低版本 IE 不影响站点运行；
4. 请勿在文案中添加账号、密码等敏感信息。

总结

这款控制台说明代码的核心优势：

1. 重点突出：首 / 末行用主题色强调，核心信息一目了然；
2. 高度自定义：支持修改文案、颜色、间距，适配不同审美；
3. 性能友好：纯静态输出，仅页面加载时执行一次，无性能消耗。

如果需要调整为渐变背景、带阴影、分栏布局等样式，可根据自身需求修改代码中的样式参数即可。