875
逸创云客服
代码层级自定义设计模板
KF5提供的每套官方模板都可以从代码层级来自定义设计属于您自己的模板风格。可以通过对前台每个页面的HTML代码，全局CSS和全局JS代码来设计。
点击 帮助中心>帮助中心模版设计 进入模板设置页面。
点击一个模板右侧的： 设计模板 按钮，进入设计界面，如下图所示：
点击 编辑模板代码 按钮，打开代码编辑模式，如图所示：
您可以切换不同的页面进行代码编辑，前台可以编辑的页面有：
全局头部
全局底部
首页
分类列表页
文档列表页
文档内容页
社区话题分类页
社区问题列表页
社区问题内容页
工单提交页
工单列表页
工单内容页
搜索列表页
用户信息页
404出错页
每个页面都有可用组件，您可以在模板上添加和删除功能组件，功能组件是以： {{组件名称}} 带花括号的形式呈现的。
你还可以切换到 CSS 来编辑前台的所有CSS代码或切换到JS来添加全局的JS代码，编辑后生成的JS代码文件是放置于页面<head>标签内的。
每编辑一个页面后，您可以点击编辑器上面的 预览页面 来在页面右侧查看您对界面的修改。
当设计完成后，您可以点击左下角的 保存更改 按钮来保存您的模板设计。
保存完毕后，您可以关闭可视化界面编辑页面，回到模板列表页面，然后启用您的自定义模板，就可以在前台应用您设计的模板。
注意： 所有自定义模板都是基于某一官方的模板上进行设计的。
最后更新：2017-02-07 22:26:55