布局、配色与导航

全站宽度

入口:外观 → 主题 → KnowSphere 知识付费主题 → 布局与样式。

布局与样式设置页

截图中演示站点选择了 Mist 配色;下表列出的默认值来自主题配置定义。

配置项默认值使用说明
全站页面宽度模式自定义最大宽度可切换为标准容器宽度
全站页面最大宽度1440px自定义模式可选 960–2200px,步长 10px
标准容器宽度1280px选择标准容器模式后使用

全站宽度作用于顶部导航、首页区块、页脚、文章及其他页面的外层内容区域。文章正文也使用配置的可用宽度。设置的是最大宽度,不是手机上的固定宽度;窄屏仍会自动缩放并保留边距。带侧栏的页面会在可用空间中分配内容宽度。

运营建议:内容型站点可先保留 1440px,再在常用桌面尺寸与手机上检查长标题、正文表格和商品卡片。

明暗模式与配色

配置项默认值说明
颜色模式跟随系统也可设为亮色或暗色
亮色配色Notion · 雾霭紫决定亮色模式下的整套颜色
暗色配色Night · 柔夜蓝幕决定暗色模式下的整套颜色

亮色可选:Notion、Linen、Sage、Graphite、Oxblood、Parchment、Mist、Porcelain。暗色可选:Night、Business、Black、Dracula、Amber。

访客在浏览器中选择的外观偏好会优先于站点默认模式。修改默认模式后,若自己的浏览器看起来没有变化,请先通过前台外观菜单选择相应模式,或在没有保存偏好的浏览器中核对。

顶部导航与侧边栏

入口:主题设置 → 导航菜单。

配置项默认值说明
导航风格顶部导航栏可改为侧边栏导航
侧边栏子菜单展开方式点击展开也可选择悬浮自动展开;仅侧边栏模式使用
允许父级菜单可点击跳转关闭有子菜单的父项默认只负责展开与收起
侧边栏默认收起开启桌面端首次访问以图标模式呈现

顶部导航适合菜单较少的内容站点;侧边栏适合层级更深的知识库。手机端会使用对应的响应式导航方式,不要求你另建一套主题菜单。

设置当前页或新窗口打开

导航风格不决定链接的打开方式。 打开方式在 外观 → 菜单 → 编辑菜单项 中设置。站内学习入口通常选择当前页面;确实需要保留学习页的外部链接可选择新窗口。

侧边栏的“父级可点击”与“打开方式”是两个独立设置:

  • 父级可点击关闭:带子项的父菜单只展开,不跳转。
  • 父级可点击开启:父菜单可以按自身链接及打开方式跳转。
  • 叶子菜单:按该菜单项配置的链接和打开方式跳转。

品牌卡片、品牌快捷入口、轮播和页脚链接各有自己的“新窗口打开”字段,需在对应配置位置单独维护。

保存后检查

  1. 点击当前配置分组的“保存”。
  2. 刷新前台,核对导航、首页、文章和页脚是否对齐。
  3. 若使用侧边栏,分别检查展开和收起状态,以及专栏或分类中的付费组件。
  4. 用手机检查菜单展开、长标题及卡片列表。
  5. 对关键菜单分别验证第一次点击和后续点击的打开方式。