What's my plan?
Suite Any plan
Support with Guide, any plan

您可使用颜色选取器和字体选取器等简单的所见即所得设计工具更改帮助中心的外观和风格。例如,您可以更改徽标、颜色和网络字体,确保帮助中心遵循公司的品牌打造指南。

本文章涵盖以下主题:

  • 更新帮助中心的颜色
  • 更新帮助中心的字体
  • 更新帮助中心的徽标和网站头像
  • 更新帮助中心的图像

除了使用“设置”面板中的选项更新品牌打造之外,您还可以轻松隐藏和显示 Copenhagen 标准主题中的一些常用元素,请参阅隐藏和显示 Copenhagen 标准主题中的元素。或者,您可以编辑基础主题代码(在 Suite Team 中不可用),自定义帮助中心的元素(请参阅使用主题和模板自定义帮助中心)。

更新帮助中心的颜色

默认情况下,您可以在帮助中心更改五种颜色,包括:
  • 品牌颜色
  • 品牌文本颜色
  • 文本颜色
  • 链接颜色
  • 背景颜色

更新帮助中心的颜色

  1. 在知识管理中,单击侧栏中的自定义设计 ()。
  2. 单击要更新的主题中的自定义。主题页面打开。
  3. 在“设置”面板中,单击颜色。

  4. 单击任意选项旁边的颜色框,然后使用颜色选择器选取一种颜色或手动输入颜色的数字。

    颜色在预览窗口中更新。

    在颜色框外面单击,颜色选择将保存。

  5. 对要更改的其他颜色重复此操作。
  6. 完成颜色更新后,单击发布。

    所有更改将应用到主题。

  7. 单击返回以返回主题页面。

更新帮助中心的字体

您可以更改标题和文本的默认字体。为您提供了包含多个内置字体选项的列表。

更新帮助中心的字体

  1. 在知识管理中,单击侧栏中的自定义设计 ()。
  2. 单击要更新的主题中的自定义。主题页面打开。
  3. 在“设置”面板中,单击字体。
  4. 要更改标题字体,单击标题下的下拉菜单,然后选择标题的字体。

    字体在预览窗口中更新。

  5. 要更改文本字体,单击文本下的下拉菜单,然后选择文本的字体。

    字体在预览窗口中更新。

  6. 完成字体更新后,单击发布。

    所有更改将应用到主题。

  7. 单击返回以返回主题页面。

更新帮助中心的徽标和网站头像

您可以更改帮助中心的徽标和网站头像。徽标显示在帮助中心的页首。网站头像是显示在浏览器标签页中、浏览器地址栏中 URL 旁的小图像。一些搜索引擎还会在搜索结果列表中的页面旁显示网站头像。

有关上传自己的图像和其他品牌资产以进行使用的信息,请参阅将自己的主题资产用于帮助中心资产。

更新帮助中心主题的徽标和网站头像

  1. 在知识管理中,单击侧栏中的自定义设计 ()。
  2. 单击要更新的主题中的自定义。主题页面打开。
  3. 在“设置”面板中,单击品牌。
  4. 如要更改徽标,在徽标下,单击替换以浏览并选择一个图像。

    推荐的图像大小为 200px x 50px。对于 Copenhagen 主题,建议的最大高度为 37px。

    如果图像的宽度或高度超过推荐大小,图像将缩小以保持纵横比不变。图像背景应为透明色或与页首匹配的背景颜色。

  5. 如要更改网站头像,在网站头像下,单击替换以浏览并选择一个图像。

    为获得最佳效果,请确保网站头像为方形。图像已缩放以适应显示尺寸。

  6. 要更改回徽标或网站头像的默认图像,单击恢复。
  7. 完成徽标或网站头像的更新后,单击发布。

    所有更改将应用到主题。

  8. 单击返回以返回主题页面。

更新主题的图像

标准的 Copenhagen 主题带有三个可以替换的图像:

  • 英雄主页图像,显示在主页的顶部

  • 社区英雄图像,显示在社区主题页面的顶部

  • 社区横幅,显示在主页的社区部分

更新主题中的图像

  1. 在知识管理中,单击侧栏中的自定义设计 ()。
  2. 在“设置”面板中,单击图像。
  3. 在出现在“设置”面板中的任意图像下,单击替换以浏览并选择一个图像。
    • 对于主页图像和社区图像,建议大小为 1600x300px。

      如果您担心加载时间过长,可以使用小于 1600px 宽的图像,但请确保您的图像高度至少为 300px,这样视觉上就不会呈现拉伸状态。如果图像超过推荐大小,则缩放图像以保持纵横比不变,最大高度为 300px。

    • 对于社区横幅,高度应小于 300px,以避免拉伸。

    该图像显示在“设置”面板中。如果您不想使用该图像,可以单击恢复以返回到默认图像。

  4. 如果您想替换其他图像,请重复这些步骤。
  5. 完成图像更新后,单击发布。

    所有更改将应用到主题。

  6. 单击返回以返回主题页面。
由 Zendesk 提供技术支持
OSZAR »