主题设置项
「主题设置」是当前激活主题暴露的可调整选项。每个主题的设置项不一样——本节讲通用规律和典型设置项。
后台入口：扩展市场 → 主题 → 当前激活主题卡片右上角点 设置 按钮
待补充截图 左侧分组（外观 / 布局 / 首页 / Footer）+ 右侧具体设置项 + 顶部「实时预览」按钮
设置面板的典型结构
Section titled “设置面板的典型结构”主流主题（包括系统内置主题）通常按以下分组：
- 外观 — 颜色、字体、圆角、阴影
- 布局 — Header 样式、容器宽度、侧栏开关
- 首页 — 各区块开关与配置（详见 首页模块管理）
- Footer — Footer 内容、版权信息、社交图标
- 高级 — 自定义 CSS、自定义 JS、第三方脚本（如 Google Analytics）
主题通常暴露 5-8 个颜色变量，决定整站配色：
| 变量 | 用途 | 典型值 |
|---|---|---|
| 主色 / Primary | 按钮、链接、CTA 高亮 | 品牌主色（如 #2563EB 蓝） |
| 辅色 / Secondary | 副按钮、辅助高亮 | 跟主色协调（如 #06B6D4 青） |
| 成功色 / Success | 成功提示、绿色徽章 | 绿色系（如 #10B981） |
| 警告色 / Warning | 警告提示、橙色徽章 | 橙黄系（如 #F59E0B） |
| 错误色 / Danger | 错误提示、红色徽章 | 红色系（如 #EF4444） |
| 背景色 / Background | 整站背景 | 通常白或浅灰（深色模式相反） |
| 文本色 / Text | 正文文字 | 深灰 / 黑（深色模式相反） |
| 辅助文本 / Muted | 次要文字（说明、注释） | 中灰 |
待补充截图 每个变量旁边有色块预览 + 颜色拾取器 + 输入框（支持十六进制 / RGB / HSL）
怎么选品牌色
Section titled “怎么选品牌色”如果你已有品牌设计规范——直接照填即可。
如果没有：
- 用品牌 Logo 的主色作为 Primary
- 用 Coolors / Adobe Color 生成调色板
- 确保 对比度足够（背景 vs 文字 ≥ 4.5:1，方便弱视用户阅读）
深浅模式的处理
Section titled “深浅模式的处理”如果主题支持深浅双模式（推荐，绝大多数现代主题都支持）：
- 浅色模式：白底深字
- 深色模式：深底浅字
通常不需要单独配两套颜色——主题会自动反相 / 适配。但你可以在深色模式下覆盖某些颜色，比如让 Logo 在深色模式下用反色版本。
主题通常暴露 2-3 个字体变量：
- 主标题字体（H1 / H2）— 通常用品牌字体或衬线体（如思源宋体、Playfair Display）
- 正文字体（段落 / 列表）— 通常用易读的无衬线（如思源黑体、Inter）
- 代码字体（代码块）— 等宽字体（如 JetBrains Mono、Fira Code）
填什么：
- 系统字体（如
system-ui、-apple-system、Segoe UI）—— 加载快，但风格随系统 - Web 字体（如
Inter、Noto Sans SC）—— 风格统一，但需要主题支持加载
典型选项：
- 容器最大宽度：1200px（标准）/ 1440px（宽屏）/ 1600px（超宽屏）
- Header 样式：粘性顶部 / 滚动隐藏 / 透明叠加
- 侧栏：左侧 / 右侧 / 关闭（仅文章页可能用）
- 页脚类型：极简 / 标准（多列）/ 带订阅区
- 面包屑：显示 / 隐藏
Logo 位置
Section titled “Logo 位置”虽然 Logo 文件本身在 品牌信息与 SEO 里设置，但Logo 在 Header 中怎么放通常在主题设置里：
- 位置：左 / 中（罕见）
- 大小：小（紧凑）/ 中 / 大
- 是否带文字：纯图标 / 图标 + 站点名 / 仅文字
详见专门一篇：首页模块管理。
Footer 设置
Section titled “Footer 设置”| 设置 | 用途 |
|---|---|
| 版权文字 | 如「© 2026 邦你科技 保留所有权利」 |
| 公司地址 | 多语言独立 |
| 联系电话 / 邮箱 | 多语言独立 |
| 社交图标 | 微信公众号 / 微博 / LinkedIn / X / YouTube 等 |
| ICP 备案号 | 中国大陆站点必填 |
| 公安备案号 | 中国大陆站点必填 |
待补充截图 多个分组：版权 / 公司信息 / 社交链接 / 备案号
高级：自定义 CSS / JS
Section titled “高级：自定义 CSS / JS”主题通常允许在「高级」设置里加：
- 自定义 CSS：覆盖主题样式（仅在你确定要做时用）
- 自定义 JS：嵌入第三方脚本（如 Google Analytics、Facebook Pixel）
<head>自定义代码：嵌入站点验证、Open Graph、自定义 meta 标签
多语言主题设置
Section titled “多语言主题设置”全语言共享：
- 颜色、字体、布局
- Logo 位置、Footer 结构
每种语言独立（部分设置）：
- Footer 版权文字
- 公司地址 / 电话 / 邮箱
- ICP 备案号（仅中国版站点）
切换语言 Tab 编辑——同其他多语言模块。
改了之后立即生效
Section titled “改了之后立即生效”主题设置保存即生效：
- 前台立即用新设置渲染
- 用户硬刷新（Cmd/Ctrl + Shift + R）就能看到
- 不需要重启服务
但浏览器有缓存——访客电脑上的缓存可能延迟 5-30 分钟才更新。如果着急，让用户硬刷新。
何时改这些设置
Section titled “何时改这些设置”| 设置类 | 改动频率 | 时机 |
|---|---|---|
| 颜色 | 偶尔 | 品牌升级、节日主题 |
| 字体 | 几乎不改 | 品牌字体规范变更 |
| 布局 | 偶尔 | 业务方向调整、引入新区块 |
| Footer 版权 / 备案 | 极少 | 公司主体变更、备案号变化 |
| 自定义 JS | 偶尔 | 引入新追踪工具 / 营销脚本 |
改主题设置会丢主题源码吗？
Section titled “改主题设置会丢主题源码吗？”不会——设置是独立存储的，跟主题包文件分开。即使主题包升级，你的设置通常保留（取决于开发者实现）。
我把颜色改坏了想恢复默认怎么办？
Section titled “我把颜色改坏了想恢复默认怎么办？”主题设置面板通常有 重置默认 按钮——一键还原所有设置到主题出厂状态。
如果没有这个按钮，手动改回默认值——通常主题文档会列出默认色值。
第三方主题没有”主题设置”面板？
Section titled “第三方主题没有”主题设置”面板？”可能：
- 这个主题确实不暴露任何设置（开发者没做）
- 设置入口不在「扩展市场」，而在主题自己的子菜单里
让开发者确认。
我能用 CSS 把主题改得面目全非吗？
Section titled “我能用 CSS 把主题改得面目全非吗？”技术上可以——通过「自定义 CSS」覆盖。但：
- 主题升级时你的 CSS 可能与新版冲突
- 维护成本高（每次主题更新都要重新调试）
- 建议改主题源码（做一个第三方主题）而不是覆盖式 CSS
不同语言显示不同的 Logo 怎么实现？
Section titled “不同语言显示不同的 Logo 怎么实现？”主题设置层面通常不支持——Logo 字段是全语言共享。
如果业务需要：
- 让开发者在主题代码里硬编码”按当前语言切换 Logo URL”
- 或通过主题定制开发实现