ストアの外観をカスタマイズする
企業のブランドガイドラインに合わせて、ストアのロゴや色をカスタマイズするテーマを作成できます。特定のストアやユーザーグループに適用される追加のテーマオーバーライドとともに、デフォルトのテーマを設定できます。外観を表示および変更するには、StoreFront Cloudからカスタマイズを選択し、次に外観を選択します。
外観のスクリーンショット(/ja-jp/citrix-workspace/media/multiple-custom-themes.png)
サポートされているカスタマイズ
サインインの外観
サインインページでは、ロゴのみを置き換えることができます。色を含むサインインページの残りの部分は影響を受けません。
注：
サインインロゴの変更は、Microsoft Entra IDやOktaなどのサードパーティIDプロバイダーを使用してストアに認証するユーザーには影響しません。
Microsoft Entra IDのサインインページをカスタマイズする方法については、Microsoftドキュメントを参照してください。Oktaがホストするサインインページをカスタマイズする方法については、Okta開発者ドキュメントを参照してください。
StoreFront CloudではなくCitrix ADCアプライアンスで構成されたオンプレミスのCitrix Gatewayサインインページもカスタマイズできます。詳細については、サポート技術情報記事を参照してください。
ログイン後の外観
次の要素をカスタマイズできます
| 項目 | 説明文 |
|---|---|
| ロゴ | 画面上部のバナーに表示されるロゴ |
| バナーの色 | 画面の最上部に表示されるバナーの色 |
| バナーのテキストとアイコンの色 | バナー内のアクティビティマネージャーとプロファイルアイコンの色 |
| アクセントカラー | 選択された項目を強調表示したり、ボタンに使用される色 |
デフォルトテーマの編集
デフォルトテーマは、他のテーマが適用されない場合に使用されます。また、上書きできないログイン画面のロゴも含まれます。
デフォルトテーマを変更するには：
-
デフォルトの外観カードで、編集を選択します。
コンソールページのカスタマイズ(/ja-jp/citrix-workspace/media/customize-appearance-v2.png)
-
サインイン/サインオフの外観セクションで、オプションで画像ファイルをドラッグアンドドロップしてロゴとして使用します。ロゴは480 x 120ピクセル、最大2MBのサイズで、ファイル拡張子はJPEG、JPG、またはPNGである必要があります。
-
サインイン後の外観セクションで、オプションで画像ファイルをドラッグアンドドロップしてロゴとして使用します。ロゴは340 x 80ピクセル、最大2MBのサイズで、ファイル拡張子はJPEG、JPG、またはPNGである必要があります。
-
色をクリックして変更します。カラーピッカーから選択するか、色の値を入力します。hex、HSL、RGBの値の間で切り替えることができます。
-
エンドユーザーに表示されるテーマをプレビューするには、「プレビュー」を選択します。
-
「保存」を選択します。
Webブラウザを使用しているユーザーの場合、変更は次回ログイン時またはページ更新時に適用されます。Citrix Workspace™アプリを使用しているユーザーの場合、変更が適用されるまでに約5分かかります。
カスタムテーマ
特定のストアとユーザーグループに適用される追加のテーマを構成し、優先順位を付けることができます。
カスタムテーマの追加
-
「テーマの追加」を押します。
サインイン後の外観(/ja-jp/citrix-workspace/media/logo-and-colors.png)
-
デフォルトテーマと同じ方法で、カスタムテーマを構成します。
-
「テーマの詳細」タブを選択します。
テーマの詳細(/ja-jp/citrix-workspace/media/theme-details.png)
-
テーマの名前を入力します。
-
オプションで、テーマを適用するストアを指定します。
- テーマにユーザーグループを割り当てます。
- IDプロバイダーを選択し、プロンプトが表示された場合はそのドメインを選択します。
- カスタムテーマに追加したいユーザーグループを検索します。
- そのグループの横にあるプラス記号 (+) ボタンを選択します。
- テーマを使用させたい各グループに対して、このプロセスを繰り返します。
ユーザーグループを追加(/ja-jp/citrix-workspace/media/add-user-groups.png)
-
必要に応じて、ストアがエンドユーザーにどのように表示されるかを確認するために、プレビューを選択します。
- 保存を押します。
カスタムテーマの編集
- テーマカードで、編集を選択します。
- 必要に応じて変更を加えます。
- 保存を選択します。
カスタムテーマの削除
- テーマカードで、メニューを開くために…を選択します。
- 削除を選択します。
- 確認ウィンドウで、削除を選択します。
カスタムテーマの優先順位付け
ユーザーは複数のユーザーグループに属している可能性があり、それぞれのグループが異なるテーマに一致する場合があります。テーマの優先順位を定義できます。ユーザーのストアとグループに一致する最初のテーマが適用されます。他のテーマが適用されない場合、ユーザーはデフォルトのテーマを表示します。
- テーマリストの右上にある「テーマの追加」の隣の「優先順位の編集」を選択します。
- テーマの優先順位は、次の2つの方法のいずれかで並べ替えることができます。
- 各テーマの右側にある矢印を使用します。
- カードの左側にあるハンドルを使用して、個々のテーマをリスト内で上下にドラッグします。
- アイテムの順序を変更したら、「順序を保存」を選択します。
