跳到内容
请注意::本文仅为方便您阅读而提供。本文由翻译软件自动翻译,可能未经校对。本文的英文版应被视为官方版本,您可在此找到最新信息。您可以在此处访问。

定制知识库主题

上次更新时间: 2025年11月5日

可与以下任何订阅一起使用,除非另有说明:

通过在主题编辑器中选择布局、更改主题样式以及编辑页眉或页脚内容,自定义知识库的外观。您还可以预览知识库主题在模板、不同语言和不同屏幕尺寸下的显示效果。

了解限制和注意事项

需要权限 自定义知识库主题需要知识库设置权限、全局内容主题设置权限以及指定的服务集线器席位。了解有关 HubSpot基于席位的定价的更多信息。

自定义知识库主题样式

在知识库主题编辑器中,你可以选择配置颜色、排版、布局、页眉和页脚样式。

颜色

知识库主题的颜色设置可为主题模板中的所有元素应用主色、辅助色、强调色和主体色。这些样式将应用于知识库的所有元素。

  1. 在 HubSpot 帐户中,导航到服务 > 知识库
  2. 在右上角单击 "配置"下拉菜单并选择 "主题"。
  3. 单击展开 "颜色"部分,为 "主要"、"次要"、"强调"和"正文"字段选择一种颜色。默认情况下,将显示您的 品牌颜色
  4. 完成后,单击右上角的发布主题

In the theme editor, the Colors section is displayed showing the Primary, Secondary, Accent, and Body background color pickers.

排版

选择适用于知识库标题、正文和链接的主要字体和次要字体。

  1. 在 HubSpot 帐户中,导航到服务 > 知识库
  2. 在右上角单击 "配置"下拉菜单并选择 "主题"。
  3. 在左侧边栏中,单击排版
  4. 在 "主要 ""次要"部分,单击字体下拉菜单并选择字体。要更改字体颜色,请单击颜色 选择器并选择字体颜色。其他字体样式选项(如字体重量、大小或转换大小写)取决于所选字体。
  5. 要编辑标题、正文或链接字体,请单击展开标题(H1-H6)正文链接部分,单击字体下拉菜单并选择一种字体。要更改字体颜色,请单击颜色 选择器并选择字体颜色
  6. 完成后,单击右上角的发布主题

布局

  1. 在 HubSpot 帐户中,导航到服务 > 知识库
  2. 在右上角单击 "配置"下拉菜单并选择 "主题"。
  3. 单击展开 "布局"部分并选择一个选项(例如,磁贴最小化)。不同的布局选项将支持不同的样式选项。
  4. 完成后,单击右上角的发布主题

knowledge-base-theme-editor-layout

标题

自定义知识库主题的标题样式,包括标题宽度、顶部栏、语言切换器、菜单、按钮和搜索栏。您还可以编辑这些元素的颜色、字体和悬停样式。

  1. 在 HubSpot 帐户中,导航到服务 > 知识库
  2. 在右上角单击 "配置"下拉菜单并选择 "主题"。
  3. 在左侧边栏中,单击 "标题",然后从以下选项中进行选择:
    • 标题宽度:选择全宽内容宽度
    • 顶部栏:选择背景颜色基本字体悬停字体
    • 语言 切换器:单击颜色选择器并选择一种颜色
    • 菜单:选择基本字体悬停字体、 背景颜色下拉样式。
    • 按钮:选择字体文本转换背景颜色边框样式边角半径悬浮字体 样式。
    • 搜索栏:选择背景颜色标签文本输入文本样式。
  4. 完成后,单击右上角的发布主题

In the theme editor, the Header section is displayed showing the following options: Header width, Top bar, Language switcher, Menu, Button, and Search bar.

页脚

自定义知识库主题的页脚样式,包括页脚宽度、背景、菜单文本社交图标。您还可以在这些元素中编辑颜色、字体和悬停样式。
  1. 在 HubSpot 帐户中,导航到服务 > 知识库
  2. 在右上角单击 "配置"下拉菜单并选择 "主题"。
  3. 在左侧边栏中,单击页脚,然后从以下内容中进行选择:
    1. 页脚宽度:选择 "全宽 "或 "内容宽度"。
    2. 背景:单击颜色选择器并选择一种颜色。
    3. 菜单:选择基本字体悬浮字体。要更改字体颜色,请单击颜色选择器 并选择字体颜色
    4. 文本:选择字体
    5. 社交图标:选择图标大小图标形状图标颜色背景颜色对齐方式
  4. 完成后,单击右上角的发布主题

In the theme editor, the Footer section is displayed showing the following options: Footer width, Background color, Menu, Text, and Social icons.

编辑知识库页眉内容

自定义知识库页眉内容,以突出您的品牌或导航链接。发布的更新会自动显示在所有知识库页面上。

  1. 在 HubSpot 帐户中,导航到服务 > 知识库
  2. 在右上角单击 "配置"下拉菜单并选择 "页眉"。
  3. 全局内容编辑器中,单击左侧边栏中的siteTree 内容 图标
  4. 在左侧边栏中,单击网站页眉模块,然后从以下内容中进行选择:
    • 徽标:切换覆盖默认徽标开关或单击编辑此域中的默认徽标。要显示公司名称,请打开 " 未设置徽标时显示公司名称"开关。
    • 其他支持选项:切换 "显示客户门户链接"、"显示受限内容的登录"或 "支持表单"开关。
    • 菜单:选择菜单最大级别
    • 按钮:选择添加按钮复选框、链接到链接类型
    • 语言切换器:选择添加语言切换器复选框和显示模式
  5. 完成后,单击右上角的发布到 [#] 资产

编辑知识库页脚内容

自定义知识库页脚内容,以突出您的品牌或导航链接。发布的更新会自动显示在所有知识库页面上。

  1. 在 HubSpot 帐户中,导航到服务 > 知识库
  2. 在右上角单击 "配置"下拉菜单并选择 "页脚"。
  3. 全局内容编辑器中,单击siteTree 内容图标,然后从以下内容中进行选择:
    • 页脚菜单:单击菜单下拉菜单并选择一个菜单。要在所有知识库页面显示页脚菜单,请选择显示菜单复选框。
    • 徽标:切换 "覆盖默认徽标 "开关或单击 "编辑此域中的默认徽标"。
    • 页脚地址在展开视图中单击编辑,然后输入页脚地址
    • 社交关注:将鼠标悬停在社交链接上,然后单击editIcon 编辑图标。单击链接到下拉菜单并选择一个选项
    • 页脚版权在展开视图中单击编辑,然后输入页脚版权
  4. 完成后,单击右上角的发布到 [#] 资产

预览知识库主题

创建知识库后,您可以在主题编辑器中查看主题的外观。您可以查看主题在不同模板、语言和屏幕尺寸下的外观。

  1. 在 HubSpot 帐户中,导航到服务 > 知识库
  2. 在右上角单击 "配置"下拉菜单并选择 "主题"。
  3. 要查看包含示例内容的模板,请单击左上角的 "查看"下拉菜单并选择模板。对主题的更改将应用于所有知识库模板。

knowledge-base-configure-view-theme-1

  1. 要查看不同语言的模板,请单击左上角第二个下拉菜单并选择语言

knowledge-base-configure-view-theme-language

  1. 要查看模板在不同设备上的显示效果,请单击编辑器顶部的设备图标,或输入以像素为单位的屏幕宽度

knowledge-base-configure-view-theme-devices

这篇文章有帮助吗?
此表单仅供记载反馈。了解如何获取 HubSpot 帮助