カラーテーマ

Learning Manager でのカラーテーマとブランディング

Learning Manager では、組織のブランディング要件に合わせてアプリケーションの見た目を変更できます。

ユーザーインターフェイスのカスタマイズ

このトレーニングでは、インターフェイスの外観をカスタマイズして、組織のブランディング要件に合わせる方法について説明します。

トレーニングを起動できない場合は、almacademy@adobe.comに書き込んでください。

ブランディング

左ペインで​ ブランディング ​をクリックして、組織名の更新、サブドメイン、ロゴスタイル、テーマの変更を行います。 各トピックの横にある「編集」をクリックして、コンテンツを変更します。

ロゴのスタイル

「編集」 ​をクリックして、Learning Managerアプリケーションに表示されるロゴと会社名の見た目を設定します。

「新しいロゴをアップロード」をクリックし、ロゴをコンピューターから選択してアップロードします。 ロゴと組織名の見た目は下でプレビューできます。 任意のヘッダースタイルを選択し、[保存]をクリックします。

テーマ

カラーテーマの変更をアプリケーションに適用する前に、変更をプレビューする 5 枚の参考画像が提供されます。 画像の左側と右側にある < and > 記号をクリックして、一連のプレビュー画像を閲覧します。 または、画像の下部にあるナビゲーション用の円をクリックして、一連のプレビュースナップショットを閲覧することもできます。

テーマを選択

このセクションの下にある​ ヒントを表示 ​をクリックすると、以下のようにヒントが画像に表示されます。

テーマのヒントの表示

Learning Managerアプリケーションには、5つのカラーテーマオプションが用意されています。

テーマの色をカスタマイズする

トップバーの色、アクセントの色（左ペインのアイコンの色など）、プライマリカラー、テーマのサイドバーの明るさ（Prime デフォルトのテーマを除く）をカスタマイズできます。

メインカラー ​ピッカーでは、没入型UIで使用する色を選択できます。

カスタマイズするには、左ペインでテーマの種類を選択し、ブランドカラーとサイドバーアイコンの色の隣の四角をクリックします。 サイドバーの明るさのサイドバーをクリックし、前後にドラッグして明るさを調整します。 これらのオプションを変更する際は、上の画像のプレビューを見ながら行ってください。

[テーマのリセット] ​をクリックして、テーマの元の設定を復元します。 変更が完了したら、[保存] ​をクリックします。

ライブプレビュー

「テーマ」セクションの左下隅にある「ライブプレビュー」をクリックします。 次のようなポップアップが表示されます。

ライブプレビューポップアップ

ドロップダウンリストから任意のテーマを選択し、設定を調整して「プレビュー」をクリックすると、アプリケーションで変更がライブ表示されます。 これで、アプリケーションのすべての機能を確認し、変更を確認できます。 ライブプレビュー中に役割を変更することもできます。 変更に問題がなければ、ライブテーマのプレビューポップアップ機能に戻り、「テーマを適用」をクリックします。

変更をライブでプレビューしている間も、ライブテーマプレビューのポップアップは画面の下部に引き続き表示されます。 ポップアップを最小化することもできます。