代码层级自定义设计模板

客服-小叶发表于:2014年06月25日 早上 00:51:12更新于:2015年12月11日 早上 10:50:01

KF5提供的每套官方模板都可以从代码层级来自定义设计属于您自己的模板风格。可以通过对前台每个页面的HTML代码,全局CSS和全局JS代码来设计。

点击 帮助中心>帮助中心模版设计 进入模板设置页面。

点击一个模板右侧的:  设计模板 按钮,进入设计界面,如下图所示:

blob.png


点击 编辑模板代码 按钮,打开代码编辑模式,如图所示:

846852c21645c9f3e146e9e1c8cd001


您可以切换不同的页面进行代码编辑,前台可以编辑的页面有:

全局头部

全局底部

首页

分类列表页

文档列表页

文档内容页

社区话题分类页

社区问题列表页

社区问题内容页

工单提交页

工单列表页

工单内容页

搜索列表页

用户信息页

404出错页


每个页面都有可用组件,您可以在模板上添加和删除功能组件,功能组件是以: {{组件名称}} 带花括号的形式呈现的。

你还可以切换到 CSS 来编辑前台的所有CSS代码或切换到JS来添加全局的JS代码,编辑后生成的JS代码文件是放置于页面<head>标签内的。


每编辑一个页面后,您可以点击编辑器上面的 预览页面 来在页面右侧查看您对界面的修改。

当设计完成后,您可以点击左下角的 保存更改 按钮来保存您的模板设计。


保存完毕后,您可以关闭可视化界面编辑页面,回到模板列表页面,然后启用您的自定义模板,就可以在前台应用您设计的模板。


注意: 所有自定义模板都是基于某一官方的模板上进行设计的。


有问题请向我们提交工单,或者查看帮助文档参与帮助讨论解决问题。

回复(1)

  • yijia

    不懂代码呀

您需要登录后才可以回复

20秒免费开通服务,拥有和逸创云客服官方一样的帮助中心+讨论社区+全渠道客服平台

20秒免费开通服务

在线客服 电话咨询 免费开通 返回顶部