界面与品牌设置

巴克励步

概述

应用设置 → 界面展示 集中管理站点的外观与结构:模板选择、首页布局、主题颜色、站点描述与页头页脚开关、顶部/底部导航、以及 head 区域嵌入代码。不同模板可配置项略有差异;深度定制可参阅模板中心文档或 模板开发与 Liquid
本篇按界面区块逐项说明如何配置。应用名称与图标见 应用基本设置;域名与访问范围见 域名管理访问控制与授权

操作步骤

步骤一:进入界面展示

  1. 进入目标应用 后台管理应用设置
  2. 点击顶部页签 界面展示(路径一般为 /settings/theme)。
  3. 页面顶部提供 日间模式 / 夜间模式 预览切换,便于对比深浅色下的视觉效果。
14-01-界面展示总览.png
预期结果:看到模板、首页布局、主题颜色、主题默认设置、导航菜单、嵌入代码等配置区块。

步骤二:选择模板与首页布局

模板
  1. 模板 区块查看当前模板及可选版本。
  2. 选择不同模板可更换整体样式与布局;部分模板提供多版本以满足设计与功能差异。
  3. 更换模板前建议先 前台访问 预览,重大变更可在业务低峰期操作。
首页布局
  1. 展开 首页布局 区块。
  2. 在可选样式间切换,控制首页列表、卡片或杂志式等展示形式(以当前模板提供的选项为准)。
  3. 保存后刷新前台首页验证。
14-02-主题与导航设置.png
预期结果:前台首页布局与所选样式一致。

步骤三:配置主题颜色与站点默认项

主题颜色
  1. 展开 主题颜色,自定义主色、强调色等(具体字段因模板而异)。
  2. 使用 日间模式 / 夜间模式 页签预览配色效果。
14-03-夜间模式预览.png
主题默认设置
  1. 展开 主题默认设置,可配置:
    • 一句话站点描述
    • 版权与备案信息
    • 首页页面列表展示规则
    • 是否展示用户反馈入口(与 客户反馈 联动)
    • 是否展示页头 Header、页脚 Footer
  2. 逐项修改并保存。
预期结果:前台页头页脚、描述文案与开关状态符合配置。

步骤四:维护导航菜单与嵌入代码

导航菜单
  1. 展开 导航菜单 区块。
  2. 分别维护 顶部导航菜单底部导航菜单:添加链接、调整顺序、设置是否新窗口打开等(以表单字段为准)。
  3. 保存后在前台检查主导航与页脚链接。
14-04-导航菜单设置.png
嵌入代码
  1. 展开 嵌入代码,在 head 区域添加第三方统计、验证 meta 等 HTML 片段。
  2. 仅粘贴可信来源代码;错误脚本可能影响全站加载。
  3. 保存后查看页面源代码或使用浏览器开发者工具确认已注入。
提示:CMS 类应用的单页内容在 页面管理 编辑;Wiki 类应用的正文在知识库撰写,界面展示主要控制外壳与导航映射。
预期结果:导航链接正确可达;嵌入代码按预期出现在页面 head 中。

常见问题

Q:更换模板会丢失页面内容吗?
A:通常不会删除正文,但版式与部分模板变量可能需重新配置;更换前建议截图留存并预览前台。
Q:首页编辑与界面展示有何区别?
A:首页编辑(页面管理中)针对单页内容与模板变量;界面展示控制全站模板、颜色、导航等全局外观。见 页面管理
Q:关闭页头/页脚后嵌入代码还有效吗?
A:head 嵌入代码独立于页头展示开关,仍会注入 HTML;页头关闭仅隐藏导航区域。
Q:能否为不同域名使用不同主题?
A:以当前套餐与模板能力为准;多语言/多站点场景见 多站点聚合与关联

相关阅读