使用HTML和CSS进行高级帮助中心定制

使用HTML和CSS进行高级帮助中心定制

您可以使用基础的颜色主题来定制帮助中心的外观。然而，由于不允许您按照自己的喜好重新构建页眉和页脚，它是有限制的。可以使用HTML和CSS（层叠样式表）来进行高级定制。精通网络Zoho Desk管理员可以直接使用帮助中心的HTML，根据您的需求定制网站的CSS。您的帮助中心甚至可以看起来像您公司网站的一个扩展。

通过支持自定义HTML，您可以从页头部分添加或者删除页签。您也可以使用CSS代码将样式定义应用到您HTML的元素。例如，您可以编写样式表来设置背景和文本的颜色，将页签移至其它的位置，定制边框，设置字体大小以及元素位置等。

注意:
  • HTML只适用于企业版的Zoho Desk。
  • CSS定制对专业版和企业版的客户都是可用的。

定制HTML脚本
使用HTML脚本定制帮助中心的页眉和页脚元素。您可以定制logo，提供登录、注册、退出链接，添加公司的名称等。

定制HTML:
  1. 点击顶部栏内的设置图标 (  ) 。
  2. 点击渠道 菜单下的帮助中心 。
  3. 选择您想要为其定制HTML的帮助中心。
  4. 点击帮助中心 子菜单下的帮助中心定制。
    主题 列表页会显示出来。
  5. 点击已发布主题所对应的定制。


      6. 选择定制 页面边栏上的HTML页签。
      7.  您可以添加合适的代码来定制页眉的元素。
           此外，您可以单击页脚来定制它的元素。
      8. 点击预览来审查您所做的变更。
      9. 点击发布。

注意:
  • HTML部分将包含页眉和页脚内默认元素的代码。
  • 您可以点击重置为默认值来恢复之前发布的HTML内容。
  • 当您定制了HTML后，页签定制会不可用。

使用默认的HTML占位符
Zoho Desk为您提供了一系列默认的HTML占位符，可用于自定义帮助中心。以下是可用于页眉和页脚区域的占位符列表：
区域
占位符名称
可用主题
[页眉]
主页
全部

我的区域
全部

社区
全部

知识库
全部

公司Logo
全部

公司名称
全部

登录 / 退出
全部

链接返回URL
全部

添加工单
经典

添加话题
经典

位置
经典

表单快捷方式
具体化

用户首选项
精美和具体化

搜索
全部

搜索主页
全部

欢迎词
精美和经典

欢迎描述
精美和经典



[页脚]



帮助台
全部

帮助台链接
全部

帮助台服务条款
全部

帮助台服务条款链接
全部

帮助台隐私政策
全部

帮助台隐私政策链接
全部

由...提供技术支持
全部

添加占位符:
  1. 在HTML页面上，在div标签中键入'$'，以查看占位符列表。
  2. 点击Enter(回车键) 以添加占位符。例如，公司Logo。


       3. 点击预览以审查您所做的变更。
       4. 点击发布。

注意:
  • 扁平主题内不支持HTML定制。
  • 大多数占位符都提供了超链接。因此，您不需要提供'href'属性。
  • ‘社区’占位符只有当您的Zoho Desk启用了社区时才会显示。

定制CSS代码
您可以使用CSS编辑器来定制您帮助中心的外观。使用它可以添加您的CSS样式，这会覆盖默认的样式。

定制CSS:
  1. 点击顶部栏内的设置图标 (  ) 。
  2. 点击渠道 菜单下的帮助中心 。在CSS 页面，定制样式表元素。
  3. 选择您想要为其定制HTML的帮助中心。点击预览以审查您所做的变更。
  4. 点击帮助中心 子菜单下的帮助中心定制。
    主题 列表页会显示出来。点击发布。
  5. 点击已发布主题所对应的定制。
  6. 选择定制 页面边栏上的CSS页签。

      7. 定制样式表元素。
      8. 点击预览以审查您所做的变更。
      9. 点击发布。

自定义的CSS会用于您帮助中心的所有页面。

定制CSS的另一种方式是从外部资源导入它们。您可以点击导入CSS以上传CSS文件到Zoho Desk。请确保您上传的CSS文件是.txt或者.css格式，大小不超过1 MB。 

要点:
  1. 使用现有的id属性将新CSS规则定位到正确的元素。这对于保持HTML结构和元素非常重要。

    • Related Articles

    • 修改CSS以自定义帮助中心

      很多时候，您需要自定义特定的元素，如文章详细信息页面、添加工单表单、主题列表或任何在帮助中心主题上可见的内容。您可能还希望全局编辑（在整个帮助中心上）或仅针对特定类别进行编辑。在这些情况下，您需要使用级联样式表（CSS）来定制主题的样式。 ...

    • 自定义帮助中心主页

      使用简单的拖放方法，来自定义Zoho Desk中帮助中心内容的组织方式。您可以添加自定义的窗口小部件，显示或者隐藏页签并定制它们的外观，以正确的内容和在正确的地方吸引您的客户。 窗口小部件 窗口小部件是与帮助中心的不同页面相关联的附加组件。您可以使用Zoho Desk中提供的默认窗口小部件，也可以创建自己的自定义小部件。Zoho Desk内置的默认小部件如下： 公告 社区分类 知识库分类 模块 最热门话题 参与者 热门文章 热门话题 最近的文章 最近的话题 相关的文章 置顶帖子 杰出贡献者 ...

    • 创建帮助中心的站点地图

      网站地图（或站点地图）是一个网站的页面列表，可供像Googlebot这样的爬虫程序访问。他们允许搜索引擎找到您所有的网页，否则他们可能会错过索引。关于站点地图的更详细的描述，请阅读Wikipedia上的这篇文章。通过为帮助中心创建站点地图，您可以使搜索引擎了解知识库内容的组织情况，并正确索引文章。尽管站点地图有两种风格：HTML和XML，但我们将在Zoho Desk中处理XML格式。 要点: 创建一个站点地图是可选的，因为搜索引擎一直会索引您所有的帮助中心文章。 创建站点地图 ...

    • 帮助中心搜索引擎的优化

      您的帮助中心内容 (即文章和社区帖子) 应便于您的客户和搜索引擎理解。您可以轻松拥有一个包含伟大内容的完美帮助中心。Google等搜索引擎应该能够在搜索结果中抓取您的帮助中心及其内容。从搜索引擎中获得关注的一个简单方法就是使用 meta 标签。meta标签会告诉搜索引擎您的帮助中心是关于什么, 他们应该如何对待它。 作为管理员，您可以在Zoho Desk中为帮助中心提供meta属性。meta属性将包括标题，meta描述和meta关键字。 请注意，这些属性必须作为一个整体而包含在帮助中心内。 ...

    • 为帮助中心设置SAML单点登录

      安全断言置标语言 (SAML) 是一种用于在应用程序之间，特别是身份提供者（IdP）如OneLogin、Okta、PingIdentity和服务提供者（如Zoho Desk），来交换认证和授权数据的机制。您可以为终端用户配置基于SAML的单点登录（SSO），以便他们可以访问您的帮助中心，而不会被提示输入单独的登录凭证。 注意:  SAML单点登录不可用于免费版。 只有管理员角色的用户能够管理SAML设置。  SAML认证只会应用于终端用户账户，而非您客服人员的账户。 ...