品牌定制

品牌概述

品牌标识功能可让您上传 Cisco Unified Communications Manager 的自定义品牌标识。 品牌标识将应用到 Cisco Unified CM 管理的登录和配置窗口。 您可以修改的项目包括:

  • 公司徽标

  • 背景颜色

  • 边框颜色

  • 字体颜色

在自助门户中附加徽标

品牌标识功能可让您将公司徽标附加到 Unified Communications 自助门户登录页面和用户界面的页首。 您必须将 branding_logo.png 文件添加到 branding.zip 文件中,并将 zip 文件上传到 Cisco Unified Communications Manager 中。 在 Cisco Unified Communications Manager 中启用品牌标识后,徽标会显示在自助门户中。

没有为自助门户自定义背景颜色或字体的选项。

品牌前提条件

您必须创建包含指定文件夹结构和文件的 branding.zip 文件。 有关详细信息,请参阅品牌文件要求

品牌推广任务流程

完成这些任务可在 Cisco Unified Communications Manager 和 Unified Communications 自助门户中应用品牌推广。

开始之前

过程

  命令或操作 目的

步骤 1

使用以下程序之一配置您的品牌推广设置:

在整个 Cisco Unified Communications Manager 群集中应用品牌推广。

步骤 2

重启 Tomcat 服务

您必须重新启动 Cisco Tomcat 服务,才能将新的品牌推广设置用于 Unified Communications 自助门户。

启用品牌

此程序用于为 Unified Communications Manager 启用品牌自定义。 即使系统启用了 SAML 单点登录,品牌更新也会显示。



要启用品牌,必须使用具有 4 级访问特权的主管理员帐户。 这是安装期间创建的主管理员帐户。


确保仅使用 GUI 和 CLI 中的一项来启用和禁用品牌。 例如,如果您使用 GUI 界面启用品牌,则必须使用 GUI 界面本身来禁用品牌。 否则,它将无法正常工作。

开始之前

准备好您的 branding.zip 文件,然后将其保存到 Unified Communications Manager 可以访问的位置。

过程


步骤 1

登录到 Cisco Unified 操作系统管理。

步骤 2

选择软件升级 > 品牌

步骤 3

浏览到您的远程服务器并选择 branding.zip 文件。

步骤 4

单击上传文件

步骤 5

单击启用品牌

 

您还可以运行 utils branding enable CLI 命令启用品牌。

步骤 6

刷新浏览器。

步骤 7

对所有 Cisco Unified Communications Manager 群集节点重复此程序。

如果要将公司徽标附加到 Self-Care 自助门户用户界面,请参阅重启 Tomcat 服务


禁用品牌

此程序用于从 Cisco Unified Communications Manager 群集禁用品牌。 如果要从自助门户删除公司徽标,还需要禁用品牌。



要禁用品牌,必须使用具有 4 级访问特权的主管理员帐户。 这是安装期间创建的主管理员帐户。


确保仅使用 GUI 和 CLI 中的一项来启用和禁用品牌。 例如,如果您使用 GUI 界面启用品牌,则必须使用 GUI 界面本身来禁用品牌。 否则,它将无法正常工作。

过程


步骤 1

登录到 Cisco Unified 操作系统管理。

步骤 2

选择软件升级 > 品牌

步骤 3

单击禁用品牌

 

您还可以运行 utils branding disable CLI 命令禁用品牌。

步骤 4

刷新浏览器。

步骤 5

对所有 Cisco Unified Communications Manager 群集节点重复此程序。

如果要从自助门户用户界面删除公司徽标,请参阅 重启 Tomcat 服务


重启 Tomcat 服务

必须重新启动 Cisco Tomcat 服务,品牌更新才会反映在自助门户中。

开始之前

请确保完成以下事项:
  • 要将徽标附加到自助门户,必须先在 Cisco Unified Communications Manager 中启用品牌。 branding.zip 上传文件必须包含 44x25 像素 branding_logo.png 文件以及您的公司徽标。 有关详细信息,请参阅:启用品牌

  • 要从自助门户删除徽标,必须在 Cisco Unified Communications Manager 中禁用品牌。 有关详细信息,请参阅:禁用品牌

过程


步骤 1

登录到命令行界面。

步骤 2

运行 utils service restart Cisco Tomcat CLI 命令。

步骤 3

对所有 Cisco Unified Communications Manager 群集节点重复此程序。


下一步做什么

服务重新启动后,请刷新您的浏览器以查看自助门户中的更改。

品牌文件要求

在将自定义品牌应用于系统之前,请根据规定的规范创建 branding.zip 文件。 在远程服务器上,创建 Branding 文件夹并使用指定内容填充该文件夹。 添加完所有图像文件和子文件夹后,压缩整个文件夹并将文件保存为 branding.zip

文件夹结构有两个选项,具体取决于您是要将单幅图像用于标题,还是组合使用六幅图像,以便让标题呈现渐变效果。

表 1. 文件夹结构选项

品牌选项

文件夹结构

单一标题选项

如果希望将单幅图像用于标题背景(标注项 3),您的品牌文件夹必须包含以下子文件夹和图像文件:


Branding (folder)
   ccmadmin (folder)
      BrandingProperties.properties (properties file)
      brandingHeader.gif (2048*1 pixel image)
      ciscoLogo12pxMargin.gif (44*44 pixel image)
   branding_logo.png (44*25 pixel image)

渐变标题选项

如果想要为标题背景创建渐变图像,您需要六幅单独的图像文件来创建渐变效果。 品牌文件夹必须包含这些子文件夹和文件


Branding(folder)
   ccmadmin (folder)
      BrandingProperties.properties (file)
      brandingHeaderBegLTR.gif (652*1 pixel image)
      brandingHeaderBegRTR.gif (652*1 pixel image)
      brandingHeaderEndLTR.gif (652*1 pixel image)
      brandingHeaderEndRTR.gif (652*1 pixel image)
      brandingHeaderMidLTR.gif (652*1 pixel image)
      brandingHeaderMidRTR.gif (652*1 pixel image)
      ciscoLogo12pxMargin.gif (44*44 pixel image)
   branding_logo.png (44*25 pixel image)
   

用户界面品牌选项

以下图像显示 Cisco Unified CM 管理用户界面的自定义选项。

图 1. Unified CM 管理登录屏幕的品牌选项
Unified CM 管理登录屏幕的品牌选项
图 2. Unified CM 管理登录后屏幕的品牌选项
Unified CM 管理登录后屏幕的品牌选项

下表介绍了图注选项。

表 2. 用户界面品牌选项:登录屏幕

项目

说明

品牌编辑

1

公司徽标

要将徽标添加到 Cisco Unified Communications Manager,将公司徽标另存为采用以下文件名的 44x44 像素图像:

ciscoLogo12pxMargin.gif(44*44 像素)

 

如果还想要将徽标附加到自助门户的页眉和登录屏幕,还应将徽标保存为 44x25 像素的 branding_logo .png 文件。

2

Unified CM 管理页眉字体颜色

heading.heading.color

3

页眉背景

您可以使用单幅图像或组合使用六幅图像来创建渐变效果。

单幅图像选项 - 将页眉背景另存为一幅图像:

  • brandingHeader.gif(2048*1 像素)

渐变背景选项:—将页眉背景另存为六幅图像,以呈现渐变效果:

  • brandingHeaderBegLTR.gif(652*1 像素)

  • brandingHeaderBegRTR.gif(652*1 像素)

  • brandingHeaderEndLTR.gif(652*1 像素)

  • brandingHeaderEndRTR .gif(652*1 像素)

  • brandingHeaderMidLTR.gif(652*1 像素)

  • brandingHeaderMidRTR.gif(652*1 像素)

4

导航文本

header.navigation.color

5

“前往”按键

header.go.font.color

header.go.background.color

header.go.border.color

6

用户名文本

splash.username.color

7

密码文本

splash.password.color

8

登录按键

splash.login.text.color

splash.login.back.ground.color

9

复位按键

splash.reset.text.color

splash.reset.back.ground.color

10

底部背景颜色 – 右侧

splash.hex.code.3

11

底部背景颜色 – 左侧

splash.hex.code.2

12

横幅

splash.hex.code.1

表 3. 用户界面品牌选项:登录后屏幕

项目

说明

品牌编辑

13

用户文本(例如 "admin")

header.admin.color

14

搜索、关于和登录文本

header.hover.link.color

15

Unified CM 管理文本标题

splash.header.color

16

系统版本、VMware 安装文本

splash.reset.text.color

splash.version.color

品牌属性编辑示例

可以通过在属性文件 (BrandingProperties.properties) 中添加十六进制代码来编辑品牌属性。 属性文件使用基于 HTML 的十六进制代码。 例如,如果要将导航文本项(标注项 #4)的颜色更改为红色,请将以下代码添加到属性文件中:

header.navigation.color="#FF0000"

在此代码中,header.navigation.color 是您要编辑的品牌属性,"#FF0000" 是新设置(红色)。