品牌定制

品牌概述

品牌标识功能可让您上传 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" 是新设置（红色）。