使用HTML和CSS进行高级帮助中心定制
您可以使用基础的颜色主题来定制帮助中心的外观。然而，由于不允许您按照自己的喜好重新构建页眉和页脚，它是有限制的。可以使用HTML和CSS（层叠样式表）来进行高级定制。精通网络Zoho Desk管理员可以直接使用帮助中心的HTML，根据您的需求定制网站的CSS。您的帮助中心甚至可以看起来像您公司网站的一个扩展。
通过支持自定义HTML，您可以从页头部分添加或者删除页签。您也可以使用CSS代码将样式定义应用到您HTML的元素。例如，您可以编写样式表来设置背景和文本的颜色，将页签移至其它的位置，定制边框，设置字体大小以及元素位置等。
注意:
- HTML只适用于企业版的Zoho Desk。
- CSS定制对专业版和企业版的客户都是可用的。
定制HTML脚本
使用HTML脚本定制帮助中心的页眉和页脚元素。您可以定制logo，提供登录、注册、退出链接，添加公司的名称等。
定制HTML:
- 点击顶部栏内的设置图标 (
) 。
- 点击渠道 菜单下的帮助中心 。
- 选择您想要为其定制HTML的帮助中心。
- 点击帮助中心 子菜单下的帮助中心定制。
主题 列表页会显示出来。 - 点击已发布主题所对应的定制。
6. 选择定制 页面边栏上的HTML页签。
7. 您可以添加合适的代码来定制页眉的元素。
此外，您可以单击页脚来定制它的元素。
8. 点击预览来审查您所做的变更。
9. 点击发布。
9. 点击发布。
注意:
- HTML部分将包含页眉和页脚内默认元素的代码。
- 您可以点击重置为默认值来恢复之前发布的HTML内容。
- 当您定制了HTML后，页签定制会不可用。
使用默认的HTML占位符
Zoho Desk为您提供了一系列默认的HTML占位符，可用于自定义帮助中心。以下是可用于页眉和页脚区域的占位符列表：
区域 | 占位符名称 | 可用主题 |
[页眉] | 主页 | 全部 |
我的区域 | 全部 | |
社区 | 全部 | |
知识库 | 全部 | |
公司Logo | 全部 | |
公司名称 | 全部 | |
登录 / 退出 | 全部 | |
链接返回URL | 全部 | |
添加工单 | 经典 | |
添加话题 | 经典 | |
位置 | 经典 | |
表单快捷方式 | 具体化 | |
用户首选项 | 精美和具体化 | |
搜索 | 全部 | |
搜索主页 | 全部 | |
| 欢迎词 | 精美和经典 | |
欢迎描述 | 精美和经典 | |
[页脚] | ||
帮助台 | 全部 | |
帮助台链接 | 全部 | |
帮助台服务条款 | 全部 | |
帮助台服务条款链接 | 全部 | |
帮助台隐私政策 | 全部 | |
帮助台隐私政策链接 | 全部 | |
由...提供技术支持 | 全部 |
添加占位符:
- 在HTML页面上，在div标签中键入'$'，以查看占位符列表。
- 点击Enter(回车键) 以添加占位符。例如，公司Logo。
3. 点击预览以审查您所做的变更。
4. 点击发布。
注意:
- 扁平主题内不支持HTML定制。
- 大多数占位符都提供了超链接。因此，您不需要提供'href'属性。
- ‘社区’占位符只有当您的Zoho Desk启用了社区时才会显示。
定制CSS代码
您可以使用CSS编辑器来定制您帮助中心的外观。使用它可以添加您的CSS样式，这会覆盖默认的样式。
定制CSS:
- 点击顶部栏内的设置图标 (
) 。
- 点击渠道 菜单下的帮助中心 。在CSS 页面，定制样式表元素。
- 选择您想要为其定制HTML的帮助中心。点击预览以审查您所做的变更。
- 点击帮助中心 子菜单下的帮助中心定制。
主题 列表页会显示出来。点击发布。 - 点击已发布主题所对应的定制。
- 选择定制 页面边栏上的CSS页签。
7. 定制样式表元素。
8. 点击预览以审查您所做的变更。
9. 点击发布。
自定义的CSS会用于您帮助中心的所有页面。
定制CSS的另一种方式是从外部资源导入它们。您可以点击导入CSS以上传CSS文件到Zoho Desk。请确保您上传的CSS文件是.txt或者.css格式，大小不超过1 MB。
要点:
- 使用现有的id属性将新CSS规则定位到正确的元素。这对于保持HTML结构和元素非常重要。