ブランディングのカスタマイズ

ブランディングの概要

ブランディング機能では、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 サービスの再起動

Unified Communications のセルフケア ポータルで新しいブランディング設定を取得するには、Cisco Tomcat サービスを再起動する必要があります。

ブランディングの有効化

この手順を使用して、Unified Communications Manager のブランディングのカスタマイズを有効にします。 システムで SAML シングル サインオンが有効になっている場合でも、ブランディング アップデートが表示されます。


（注）  
ブランディングを有効にするには、特権レベル 4 のアクセス権を持つプライマリ管理者アカウントを使用する必要があります。 これは、インストール時に作成されるメインの管理者アカウントです。

（注）  
GUI と CLI の中で 1 つのみを使用して、セキュリティ設定を有効および無効にしてください。 たとえば、GUI インターフェイスを使用してロゴの作成を有効にする場合は、GUI インターフェイスそのものを使用して、ブランディングを無効にする必要があります。 そうしないと、正常に機能しません。

始める前に

branding.zip ファイルを準備し、Unified Communications Manager がアクセスできる場所に保存します。

手順

ステップ 1

Cisco Unified OS の管理にログインします。

ステップ 2

[ソフトウェアアップグレード（Software Upgrades）] > [ブランディング（Branding）] を選択します。

ステップ 3

リモート サーバーを参照し、branding.zip ファイルを選択します。

ステップ 4

[ファイルのアップロード（Upload File）]をクリックします。

ステップ 5

[ブランディングの有効化（Enable Branding）]をクリックします。

（注）  

 

utils Branding enable CLI コマンドを実行して、ブランディングを有効にすることもできます。

ステップ 6

ブラウザを更新します。

ステップ 7

すべての Cisco Unified Communications Manager クラスタ ノードに対してこの手順を繰り返します。

セルフケア ポータルのユーザ インターフェイスに企業ロゴを追加する場合は、Tomcat サービスの再起動 次の手順を参照します。

ブランディングの無効化

この手順を使用して、Cisco Unified Communications Manager クラスタでブランディングを無効にします。 セルフケア ポータルから企業ロゴを削除する場合は、ブランディングを無効にする必要もあります。


（注）  
ブランディングを無効にするには、特権レベル 4 のアクセス権を持つプライマリ管理者アカウントを使用する必要があります。 これは、インストール時に作成されるメインの管理者アカウントです。

（注）  
GUI と CLI の中で 1 つのみを使用して、セキュリティ設定を有効および無効にしてください。 たとえば、GUI インターフェイスを使用してロゴの作成を有効にする場合は、GUI インターフェイスそのものを使用して、ブランディングを無効にする必要があります。 そうしないと、正常に機能しません。

手順

ステップ 1

Cisco Unified OS の管理にログインします。

ステップ 2

[ソフトウェアアップグレード（Software Upgrades）] > [ブランディング（Branding）] を選択します。

ステップ 3

[ブランディングの無効化（Disable Branding）]をクリックします。

（注）  

 

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.zip として保存します。

ヘッダーに単一のイメージを使用するか、またはヘッダー用のグレーディング効果を得るために 6 つのイメージの組み合わせを使用するかに応じて、フォルダー構造には 2 つのオプションがあります。

表 1. フォルダ構造オプション

ブランディング オプション

フォルダ構造

単一ヘッダー オプション

ヘッダーの背景（吹き出し項目 3）に 1 つのイメージが必要な場合は、ブランディング フォルダに次のサブフォルダとイメージ ファイルが含まれている必要があります。


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)

勾配ヘッダー オプション

ヘッダーの背景用にグレーディング イメージを作成する場合は、グレーディング効果を得るために 6 つの個別のイメージ ファイルが必要です。 ブランディング フォルダには、これらのサブフォルダとファイルが含まれている必要があります。


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

ヘッダーの背景

1 つの画像を使用するか、または 6 つの画像の組み合わせを使用してグレーディング効果を作成できます。

シングル イメージ オプション：単一のイメージとして、ヘッダー背景を保存します。

  • brandingHeader.gif（2048*1 ピクセル）

グレーディング バックグラウンド オプション：グレーディング効果を得るために 6 つのイメージとしてヘッダー背景を保存します。

  • 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

[移動（Go）] ボタン

header.go.font.color

header.go.background.color

header.go.border.color

6

ユーザ名テキスト

splash.username.color

7

パスワードのテキスト

splash.password.color

8

[ログイン（Login）] ボタン

splash.login.text.color

splash.login.back.ground.color

9

[リセット（Reset）] ボタン

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）に 16 進コードを追加することで編集できます。 プロパティ ファイルは HTML ベースの 16 進コードを使用します。 たとえば、ナビゲーション テキスト項目（吹き出し項目 #4）の色を赤に変更する場合は、プロパティ ファイルに次のコードを追加します。 

header.navigation.color="#FF0000"

このコードで、header.navigation.color は編集するブランディング プロパティで、"#FF0000" は新しい設定（赤）です。