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

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

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

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

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

Hub サービスコンソールのホームページに移動します。
[ブランディング] をクリックします。

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

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

Hub サービスコンソールの [ブランディング] ページでブランディングカラーピッカーを見つける方法

表 1.
オプション	説明
ロゴ	[組織のロゴ]。[アップロード] をクリックして、モバイル、Web ブラウザ、デスクトップ画面に表示される現在の Workspace ONE Intelligent Hub のロゴを置き換えます。有効なフォーマットは JPEG、PNG または GIF です。最良の表示結果を得るためのイメージファイルの最大サイズは 10 MB です。 [モバイルアプリアイコン]。デバイスで表示される Workspace ONE Intelligent Hub アプリケーションのアイコンの色を変更できます。
Web ブラウザ	[組織名]。Web ブラウザのタブに表示されるタイトルとして使用する組織名を入力します。デフォルトの名前は VMware です。 [製品名]。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 のダークモードロゴとアクセントの色が使用されます。

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

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

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

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

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

Hub サービスコンソールの [ホーム] ページに移動します。
[ブランディング] をクリックします。
[バージョン: グローバル] 下矢印メニューをクリックして、[バージョンを追加] を選択します。
このバージョンに一意の名前を付けて、オプションの説明を追加します。
[グローバルカスタマイズブランディングの作成] セクションで、手順 3 に進みます。
テンプレートがユーザーに割り当てられると、セッショントークンの有効期限が切れて更新されたとき、または Workspace ONE Intelligent Hub アプリケーションからログアウトしてアプリケーションを再起動したときに、モバイルデバイスおよび macOS ユーザーの Workspace ONE Intelligent Hub アプリケーションに新しい設定が表示されます。