[]
        
在线Demo 免费试用
(Showing Draft Content)

自定义系统主题

1.概述

1.1功能概述

系统管理员可以在后台管理中设置整个系统的主题,除了使用内置的系统主题外,还支持使用自定义系统主题,全面满足您的个性化需求。

本节旨在为您介绍如何创建自定义系统主题以及如何将自定义主题应用到系统当中。

2.创建自定义系统主题

2.1创建全新的自定义主题

2.1.1打开自定义主题设计器

在系统管理门户中,在系统外观设置页面中,切换到“自定义主题”页签,点击“+创建自定义主题”按钮,打开自定义主题设计器:

image

2.1.2修改主题颜色

选择主题,可选择为浅色或者深色,用于系统中需要变深/变浅的场景。选择深色时,箭头所指区域会变浅;反之则会变深。

image

在自定义主题设计器中,在右边的设置面板中可以针对各个不同区域进行颜色的调整,修改颜色时,可以直接输入颜色值,也可以单击色块选择颜色,在左侧的预览区域可以直观的看到颜色的变化。

image

2.1.3预览主题颜色

通过切换页签,可以看到颜色设置对不同设计器的影响:

image

2.1.4文档门户的高级设置

为了更细粒度的控制文档门户中各个模块的颜色,主题设计器提供了高级设置的选项。

启用高级设置,切换到高级设置页签,用户可在该页签中为各个模块进行主题颜色的设置。

image

  1. 一级导航栏

  2. 二级导航栏

  3. 工作区

  4. 侧边栏

2.1.5保存自定义系统主题

设置完成并对效果满意,可点击“保存”按钮,保存为一个新的系统主题。

正确保存主题后,关闭自定义主题设计器,可以看到刚刚保存的自定义主题,该自定义主题可在门户外观设置中被使用。

image

2.2上传主题

除了全新创建一个主题,也可以通过上传自定义主题的压缩包来创建一个新的自定义主题。

2.2.1获得自定义主题的压缩包

在自定义主题列表页面,通过点击“下载主题压缩包”,获得自定义主题的压缩包

image

2.2.2上传自定义主题压缩包

点击上传,上传获得的主题压缩包,并指定为“只添加”,即可添加一个新的自定义主题。

image

type=warning

注意:

  • 若在上传页面,指定为“如果存在则更新”,那么同名的主题设定将被上传的主题所覆盖。

    image

  • 通常,自定义主题压缩包只能在本产品的不同站点上进行传递,请勿随意修改压缩包中的文件。

2.3上传主题配置文件

在设计器中,可以通过上传从本产品的其他站点上获得的自定义主题配置文件,在此基础上继续进行修改或创建。

2.3.1通过下载获得自定义主题的配置文件

image

2.3.2在设计器中上传配置

创建一个新的自定义主题或编辑一个已有的自定义主题

点击设计器顶部菜单的“上传配置”,上传获得的配置文件。用户可在此基础上继续进行设置。

image

3.自定义主题的操作与管理

在自定义主题列表当中,可对自定义主题进行管理与操作

image

3.1编辑主题

点击编辑主题,进入到自定义主题的设计器,用户可对该主题进行修改。

3.2更新主题

系统中可能包含大量的自定义主题,如果在产品的版本升级过程当中,为每个自定义主题进行自动的升级与迁移,将耗费大量系统资源及时间,为了减少系统升级时的资源消耗,只有正在被使用的主题,在产品的升级过程当中会进行自动的数据迁移与更新。其他未被使用的主题需要管理员进行手动的升级。

需要升级的自定义主题名称右侧有一个黄色的图标来告知用户这个主题目前版本不匹配,需要进行手动的升级。用户通过点击该主题上下文菜单中的“更新主题”来进行更新。

image

更新成功之后,黄色标记将被移除,该主题也将能被正常使用。

3.3下载配置文件

点击“下载配置文件”即可下载该自定义主题的配置文件,该配置文件可在设计器中进行上传,在该配置的基础上继续进行自定义主题的设置。

3.4下载主题压缩包

点击“下载主题压缩包”即可下载该自定义主题的压缩包文件,包含一组CSS文件,通过上传该主题压缩包,可创建一个新的自定义主题。

3.5删除

点击“删除”,即可删除该自定义主题,使用该自定义主题的站点将恢复到默认主题。

image

4.使用自定义系统主题

与设置内置系统主题的方法一致,在系统后台中打开系统外观界面。

在门户外观设置下面找到系统主题,单击下拉箭头,选择自定义系统主题,并保存设置。

image