我如何使用主题编辑器为账户创建主题?

作为管理员,您可以使用主题编辑器为您的机构创建自定义主题。主题是从现存的 Canvas 模板创建。任何对账户适用的主题也对所有子账户适用,但是主题编辑器也可以为各个子账户创建主题。一旦您创建和保存了一个主题,您可以在任何时间为您的账户使用主题。您也可以按照先前主题创建新的主题。了解如何管理已保存的主题

观看有关主题编辑器的视频

主题继承

自定义品牌由账户级别主持,在按默认情况下,子账户和它们的相关课程将继承账户的品牌。但是,您可以启用子账户以使用主题编辑器 (Theme Editor);账户级别将继承所有未做特殊更改的元素。

用户注册与账户级别相联,而课程注册则与子账户级别相联。当添加一个用户和一门课程时,一个注册就被创建。如果用户没有注册任何课程,控制面板则为账户显示品牌。这种算法与课程无关的页面相连,包括用户账户和设置、日历与会话。用户数据总由账户级别主持,所以它们不能继承子账户的品牌。

如果用户注册了账户中的课程,控制面板会为账户显示品牌。如果用户在子账户注册了课程,控制面板为子账户显示品牌。如果用户在多个子账户中注册了课程,或者如果其中一门课程是在账户里,控制面板则为账户显示品牌。

主题编辑器部件

如需了解主题编辑器 (Theme Editor) 组件的详细信息,包括显示在 Canvas 应用程序上的组件,请查看 Canvas 主题编辑器组件资源文件。需要图像模板的帮助,请查阅 Canvas 的主题编辑器图像模板资源文件。那些在用户设置中启用了高对比度类型功能选项的用户不能看见徽标、图像和水印。

CSS/JS 文件

自定义级别的联样式表 (CSS) 或 JavaScript (JS) 文件不是必需的,但覆盖的文件也在主题编辑器内受支持。CSS/JS 文件功能必须通过您的客户成功管理员启用。在上传自定义 CSS 和 JS 文件之前,请注意相关的风险,因为自定义文件可能导致 Canvas 未来更新的可访问性问题或冲突。进一步了解自定义 CSS/JS 的限制条件

注意:

  • 主题编辑器 (Theme Editor) 不适用于免费的教师帐户。
  • 如果您是子账户的管理员,却无法看见在账户导航的主题链接,主题尚未对子账户启用。如果 CSS/JS 的上传选项卡也不可见,那么文件上传也尚未对子账户启用。
  • 要预览主题编辑器品牌,需关闭高对比度 UI。
  • 默认情况下,团体子帐户继承在母帐户中应用的主题。但是,团体子帐户可以给子帐户创建新主题。

打开帐户

打开帐户

在全局导航,点击管理员 (Admin) 链接 [1],然后点击帐户名称 [2]。

打开主题

打开主题编辑器

在账户导航,点击主题 (Themes) 链接。

注意:如果子账户主题已启用,每个子账户就包括主题 (Themes) 链接。要打开子账户的主题编辑器,点击子账户 (Sub-Accounts) 链接,查找并打开子账户,然后点击子账户的主题 (Themes) 链接。

打开主题模板

如果您的账户没有 Canvas 主题,使用一个模板来创建新主题。您可以选择默认 Canvas 模板、简单模板和一个 State U. 的模板。如果您的客户成功管理员启用了 K12 的具体功能选项, K12 主题也会作为模板显示。

要创建新模板,将光标悬停在模板上并点击在主题编辑器打开 (Open in Theme Editor) 的按钮 [1],或点击添加主题 (Add Theme) 按钮 [2] 与从列表选择模板。

打开现存的主题

打开现存的主题

如果您以前创建并保存了一个主题,您可以在任何时间编辑保存的主题。已保存的主题会在我的主题部分显示。要打开现存的主题,将光标悬停在主题的名称上并点击在主题编辑器打开 (Open in Theme Editor) 的按钮 [1]。

要基于已保存的主题创建新主题,请点击添加主题 (Add Theme) 按钮 [2],并从列表[3]中选择已保存主题的名称。此选项帮助防止您覆盖先前保存的主题。

查看主题编辑器

主题编辑器会显示一个样本页面,预览您的自定义品牌。这些组件将随着您添加使用主题编辑器的颜色和品牌而改变。

查看 CSS/JS 上传选项卡

查看 CSS/JS 上传选项卡

如果您的账户启用了自定义级别的联样式表 (CSS) 或 JavaScript (JS) 覆盖文件,主题编辑器的侧栏将显示编辑 (Edit) 选项卡 [1] 和上传 (Upload) 选项卡 [2]。编辑选项卡是主题编辑器的默认选项,且显示所有的主题编辑器的部件。上传选项卡允许您上传自定义文件。

查找组件

查找组件

主题编辑器 (Theme Editor) 有四个组件小组:全局品牌 (Global Branding)、全局导航 (Global Navigation)、水印与其他图像 (Watermarks & Other Images)、登录屏幕 (Login Screen)。在默认情况下,组件面板显示全局品牌组集。

查找您要自定义的组件。您可以通过点击组件旁边的标题中的箭头图标展开和折叠面板。

通过 CSS 选择颜色

通过 CSS 选择颜色

文本栏中的退色字是每个部件的默认数据。

要指定颜色部件,找出部件的文本栏并输入新的 CSS 颜色。您可以通过十六进制代码、RGB 值或有效的颜色名输入颜色。

注意:输入的颜色将转换为十六进制代码并显示。

通过颜色选择器选择颜色

通过颜色选择器选择颜色

在支持原色彩输入的浏览器中,颜色选择器可用于选择值。找出部件并点击颜色框。颜色选择器将在一个新窗口中出现。

选择颜色 (Select Color)

选择颜色 (Select Color)

在颜色选择器窗口中选择颜色 [1]。一旦选择了一种颜色,组件将在方框中显示新颜色 [2]。组件的十六进制颜色也与新的颜色值一道更新。

添加图像

添加图像

对于需要图像的组件,找到组件,然后点击选择图像 (Select Image) 的链接。图像说明将包括支持的文件类型。

预览主题

预览主题

要预览您的主题,点击预览您的更改 (Preview Your Changes) 的按钮。

Canvas 将按照您的模板更改生成组件的预览。如有需要,做出额外更改并再次预览您的主题。

保存主题

保存主题

一旦您对您的模板更改满意,点击保存主题 (Save Theme) 按钮,保存您的主题。

创建主题名称

创建主题名称

如果您是从模板修改主题,主题编辑器会创建模板的副本。模板不可以直接地编辑。在主题名字栏 [1],输入您的主题名称。点击保存主题 (Save Theme) 按钮 [2]。

注意:如果您编辑先前保存的主题,保存主题会覆盖先前的主题版本并使用同一个主题名称。

应用主题

应用主题

要对您的账户应用主题,请点击应用主题 (Apply theme) 按钮 [1]。

要退出主题并返回到主题页面,点击退出 (Exit) 按钮 [2]。您可以打开主题,并随时应用到您的账户。

验证主题应用程序

要对您整个账户应用主题,点击 OK 按钮 [1]。要返回到主题编辑器,点击取消 (Cancel) 按钮 [2]。

注意:如果您的账户允许子账户自定义自己的主题,任何您所做的对应变更也将影响任何相关子账户的筛选。Canvas 显示您的主题编辑器的更新状态也适用于每个子账户。当所有子账户进行更新时,页面将重新定向到主帐户的页面。