Workspace ONE Intelligent Hub アプリケーションおよび Hub ポータルのブランディングのカスタマイズ

デフォルトの Workspace ONE ロゴの代わりに、組織のロゴを Workspace ONE Intelligent Hub アプリケーションおよび Hub ポータル ページで使用できます。Web ブラウザのタブに表示される製品名をカスタマイズし、アクセントのフォントおよび背景色を変更できます。

また、iOS および Android デバイスを使用するユーザーが画面をダーク モードに構成したときに正しく表示されるロゴとアクセントの色を追加することもできます。

グローバルのブランド設定を作成したら、さまざまなバージョンのブランド デザインを作成して Hub テンプレートに追加できます。

グローバル カスタマイズ ブランディング設定を作成する

1. Hub Services コンソールの [ホーム] ページに移動します。

2. [ブランディング] をクリックします。

3. [ブランディング] ページの設定を編集します。

   カラー ピッカーを使用して、16 進数の色コードを選択します。カラー領域の円をクリックしてドラッグし、色の濃淡を選択します。スライダを使用して色相を選択します。

   

   オプション	説明
   ロゴ	組織のロゴ。[アップロード] をクリックして、モバイル、Web ブラウザ、デスクトップ画面に表示される現在の Workspace ONE Intelligent Hub のロゴを置き換えます。有効なフォーマットは JPEG、PNG または GIF です。最良の表示結果を得るための画像ファイルの最大サイズは 10 MB です。 モバイル アプリ アイコン。デバイスで表示される Workspace ONE Intelligent Hub アプリケーション アイコンの色を変更できます（Android 10 以降または iOS/iPadOS 16 以降が必要です）。
   Web ブラウザ	組織名。ブラウザのタブに表示されるタイトルとして使用する組織名を入力します。 製品名。ブラウザのタブで、組織名の後に表示されるテキストを入力します。デフォルトの名前は Intelligent Hub です。 お気に入りアイコン。お気に入りアイコンは、ブラウザのタブに表示される、URL に関連付けられるアイコンです。お気に入りアイコンの最大サイズは 16 × 16 ピクセルです。有効なフォーマットは JPEG、PNG または GIF です。[アップロード] をクリックし、新しい画像をアップロードして現在のお気に入りアイコンを置き換えます。
   ナビゲーション バー	Web ブラウザのナビゲーション バーの外観を構成できます。 背景色。デフォルトは白 (#FFFFFF) です。テキスト ボックスの横にある四角をクリックしてカラー ピッカーを使用するか、既存の色コードを 6 桁の 16 進数の色コードで上書きして、ナビゲーション バーの背景色を変更します。 フォントとアイコンの色。背景色に応じて、テキストの色に [黒] または [白] のいずれかを選択します。
   タブ バー（モバイル）	フォントとアイコンの色 。 コンテンツ用に構成した Intelligent Hub アプリケーションのテキストとアイコンの色を表示するには、[デフォルトのブランディングを使用] を選択します。 ナビゲーション バー用に構成されたフォントとアイコンの色を使用するには、[ナビゲーション バーと同じ] を選択します。
   コンテンツ	アクセントの色。アクセントの色は、リンクとアクティブ領域に適用されるハイライト カラーです。たとえば、ユーザーがタブを選択すると、タブはアクセントの色で表示されます。テキスト ボックスの横にある四角をクリックしてカラー ピッカーを使用するか、既存の色コードを 6 桁の 16 進数の色コードで上書きして、アプリケーション アイコンの周囲に表示される色を変更します。 [高度なコンテンツのブランディング オプション] を有効にして次のオプションを設定します。 背景。[画像] または [カラー] のいずれかを選択できます。 カラーを選択すると、[背景色] が表示されます。デフォルトは白 (#FFFFFF) です。テキスト ボックスの横にある四角をクリックしてカラー ピッカーを使用するか、既存の色コードを 6 桁の 16 進数の色コードで上書きして、画面の本文の背景色を変更します。 注：アクセントの色と背景色に同じ 16 進値を選択しないでください。アプリケーションのページが正しく表示されない場合があります。 [背景画像] を選択した場合は、Hub ポータル ページの背景として使用する画像をアップロードします。有効なフォーマットは JPEG、PNG または GIF です。画像ファイルのサイズは 10 MB 未満にする必要があります。 フォントとアイコンの色。背景に応じて、テキストの色に [黒] または [白] のいずれかを選択します。
   ダーク モード	ダーク モードは、暗い画面または黒い画面に対して明るい色合いのテキストを表示するデバイスのディスプレイ設定です。ユーザーが iOS および Android デバイスでダーク モード設定を構成すると、Workspace ONE Intelligent Hub の画面がダーク モードで表示されます。画面をダーク モードで表示するようにコンピュータ設定を構成すると、Web ブラウザの Workspace ONE Intelligent Hub 画面がダーク モードで表示されます。ユーザーは、Hub ポータルの [アカウント] > [基本設定] ページから Hub Web ブラウザ ビューの外観を変更できます。Hub ポータルの [基本設定] ページで設定した外観は、コンピュータ設定で構成したライト モードやダーク モードをオーバーライドします。 企業のブランディングに合わせるダーク モードの体験をエンドユーザーに提供するには、企業のダーク モード ロゴとアクセントの色を構成します。 ダーク モードの組織のロゴ。現在のダーク モードの Intelligent Hub ロゴを自分のロゴに置き換えるには、[アップロード] をクリックします。有効なフォーマットは JPEG、PNG または GIF です。 ダーク モードの背景。[色の事前設定] または [画像] のいずれかを選択できます。[画像] を選択した場合は、背景画像をアップロードします。最良の結果を得るには、サイズが 10 MB 未満の JPEG、PNG、または GIF をアップロードします。 ナビゲーション バーの背景色。デフォルトは黒 (#141414) です。テキスト ボックスの横にある四角をクリックしてカラー ピッカーを使用するか、既存の色コードを 6 桁の 16 進数の色コードで上書きして、ナビゲーション バーの背景色を変更します。 ナビゲーション バーのフォントとアイコンの色。デフォルトのフォントの色は白 (#FFFFFF) です。 注：ナビゲーション バーの背景色、フォント、アイコンの色の設定は、Intelligent Hub の Web ビューに表示されます。 [アクセントの色] は、リンクとアクティブ領域に適用されるハイライト カラーです。ダーク モードの画面で見やすいように、明るい色調を使用します。 注：ダーク モード ロゴとアクセントの色を構成しないと、Workspace ONE Intelligent Hub アプリケーションにはデフォルトの Intelligent Hub ダーク モード ロゴとアクセントの色が使用されます。

変更が右側の [プレビュー] ボックスに表示されます。

4. ブランディングの値を変更したら、[保存] をクリックします。

   Workspace ONE Intelligent Hub のデフォルトのアプリケーション設定に戻る場合は、[リセット] をクリックします。

テンプレートのブランディング設定のバージョンを作成する

グローバル ブランディングのデザインがすべての Intelligent Hub ユーザーに当てはまらない場合は、ブランディングのデザインをいくつか作成できます。ロゴと色を変更して、会社内のさまざまなグループのデザインをカスタマイズします。

1. Hub Services コンソールの [ホーム] ページに移動します。

2. [ブランディング] をクリックします。

3. [バージョン: グローバル] 下矢印メニューをクリックして、[バージョンを追加] を選択します。

4. このバージョンに一意の名前を付けて、オプションの説明を追加します。

5. [グローバル カスタマイズ ブランディングの作成] セクションで、手順 3 に進みます。

   テンプレートがユーザーに割り当てられると、セッション トークンの有効期限が切れて更新されたとき、または Workspace ONE Intelligent Hub アプリケーションからログアウトしてアプリケーションを再起動したときに、モバイル デバイスおよび macOS ユーザーの Workspace ONE Intelligent Hub アプリケーションに新しい設定が表示されます。