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

自定义系统主题

1. 概述

1.1 功能概述

系统管理员登录后,依次单击「系统管理>系统设置>系统外观>自定义主题」,通过该功能模块,即可对系统的主题进行自定义设置,全面满足您的个性化需求。

1.2 应用场景

本文将带您探索Wyn自定义系统主题的个性化配置功能。通过可视化工具,您可以轻松创建自定义主题并应用,打造独具特色的系统界面。

2. 创建自定义系统主题

  1. 系统管理员登录后,依次单击「系统管理>系统设置>系统外观>自定义主题」,进入自定义主题设置属性设置界面,在该界面可以进行以下属性设置。

    PixPin_2025-07-14_16-26-33

2.1 创建全新的自定义主题

  1. 自定义主题设置界面,单击 +创建自定义主题 按钮,即可打开自定义主题设计器。

    PixPin_2025-07-14_16-26-18

  2. 在自定义主题设计器中,单击顶部的页签,切换不同的区域(如选择仪表板设计器),选择主题,可选择为浅色或者深色,用于系统中需要变深/变浅的场景。选择深色时,箭头所指区域会变浅;反之则会变深。

    浅色

    深色

    PixPin_2025-07-14_16-07-39

    PixPin_2025-07-14_16-08-26

  3. 在自定义主题设计器中,单击顶部的页签,切换不同的区域(如选择仪表板设计器),然后在右边的设置面板中针对各个不同区域进行颜色的调整,修改颜色时,可以直接输入颜色值,也可以单击色块选择颜色,在左侧的预览区域可以直观的看到颜色的变化。同时也可以打击右侧顶部的重置按钮,重新配置主题。

    PixPin_2025-07-14_16-29-00

  4. 设置完成后,可通过顶部的页签切换(如选择管理门户)来预览颜色设置对不同设计器的影响。

    PixPin_2025-07-14_16-11-41

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

  • 启用高级设置:单击顶部的文档门户页签,接着在右侧启用高级设置,然后用户可在该界面中为各个模块进行主题颜色的设置。

    image

  • 高级设置项如下:

    • 一级导航栏

    • 二级导航栏

    • 工作区

    • 侧边栏

  1. 设置完成后,单击顶部的各页签查看效果,确认无误后,单击最顶部的保存按钮保存,并输入主题名称,即可保存为一个新的系统主题。

    PixPin_2025-07-14_16-20-06

  2. 正确保存主题后,先关闭自定义主题设计器,然后在自定义主题界面可以看到刚刚保存的自定义主题,单击主题后的更多按钮PixPin_2025-07-14_16-29-50,可对主题进行其他操作。

    PixPin_2025-07-14_16-23-10

  3. 已保存的自定义主题可在门户外观设置中被使用。

    PixPin_2025-07-14_16-25-37

2.2 上传主题压缩包

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

2.2.1 通过下载获得自定义主题的压缩包

  1. 自定义主题列表界面,任意选择一个自定义主题包,单击更多按钮PixPin_2025-07-14_16-29-50,选择“下载主题压缩包”,即可获得自定义主题文件压缩包。

    PixPin_2025-07-14_17-12-16

2.2.2 上传自定义主题压缩包

  1. 自定义主题列表界面,单击上传按钮,上传下载的主题压缩包,并指定为“只添加”,即可添加一个新的自定义主题。

    PixPin_2025-07-14_17-18-56

    type=info

    注意:

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

    PixPin_2025-07-14_17-20-36

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

2.3 上传主题配置文件

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

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

  1. 自定义主题列表界面,任意选择一个自定义主题包,单击更多按钮PixPin_2025-07-14_16-29-50,选择“下载配置文件”,即可获得自定义主题文件配置文件,后缀是“.themeConfig”。

    PixPin_2025-07-14_17-22-11

2.3.2 在设计器中上传配置

  1. 自定义主题列表界面,创建一个全新的自定义主题文件或编辑一个已有的自定义主题文件。然后单击设计器顶部菜单的上传配置,上传对应的主题配置文件。上传后您可在此基础上继续进行其他属性设置。

    PixPin_2025-07-14_17-26-25

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

当自定义主题创建完成后,可在自定义主题列表查看,同时可对自定义主题进行管理与操作。

PixPin_2025-07-14_17-28-44

3.1 编辑主题

  1. 在自定义主题列表界面,鼠标悬浮至任意主题,单击主题后的更多按钮PixPin_2025-07-14_17-29-47,选择编辑主题,即可进入自定义主题的设计器,您可在设计器对该主题进行修改。

    PixPin_2025-07-14_17-30-21

3.2 更新主题

  1. 在系统升级时,仅自动迁移正在使用的主题以节省资源,未使用的自定义主题需系统管理员手动升级——版本不匹配的主题会显示黄色标识,在自定义主题列表界面,鼠标悬浮至任意主题,通过单击主题后的更多按钮PixPin_2025-07-14_17-29-47,选择更新主题,完成升级后,标识消失且版本号与系统同步,即可正常使用。

    PixPin_2025-07-14_17-37-59

3.3 下载配置文件

  1. 在自定义主题列表界面,鼠标悬浮至任意主题,通过单击主题后的更多按钮PixPin_2025-07-14_17-29-47,选择下载配置文件,即可下载该自定义主题的配置文件,该配置文件可在设计器中进行上传,在该配置的基础上继续进行自定义主题的设置。

    PixPin_2025-07-14_17-39-51

3.4 下载主题压缩包

  1. 在自定义主题列表界面,鼠标悬浮至任意主题,通过单击主题后的更多按钮PixPin_2025-07-14_17-29-47,选择下载主题压缩包,即可下载该自定义主题的压缩包文件,包含一组CSS文件,通过上传该主题压缩包,可创建一个新的自定义主题。

    PixPin_2025-07-14_17-40-14

3.5 删除

  1. 在自定义主题列表界面,鼠标悬浮至任意主题,通过单击主题后的更多按钮PixPin_2025-07-14_17-29-47,选择删除,即可删除该自定义主题。

    PixPin_2025-07-14_17-41-03

  2. 门户外观设置中使用的自定义主题被删除后,系统主题将自动切换回默认主题

    PixPin_2025-07-14_17-43-06

4. 使用自定义系统主题

  1. 自定义主题的设置方式与内置系统主题相同:系统管理员登录后,依次单击「系统管理>系统设置>系统外观>门户外观设置」,找到系统主题,并从下拉菜单选择指定目标自定义主题,最后单击保存更改按钮即可生效。

    PixPin_2025-07-16_09-40-34