アプリケーションのテーマ設定
お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。
メモ:
新しいテーマを導入しており、従来のテーマは順次非推奨となります。スムーズに移行し、最新のデザインや機能を活用するために、アプリケーションのテーマを新しい形式へ移行する方法についてはテーマ移行をご参照ください。作業を始める前に、アプリケーションテーマの概要を理解しておくことをおすすめします。
Creator では、Web、スマートフォン、タブレットの各モードでアプリケーションに適用できる複数のテーマレイアウトを提供しています。色、フォント、ロゴをカスタマイズして、自社ブランドに合ったデザインを作成できます。オプションを選択するとライブプレビューが表示され、変更を適用する前にアプリケーションの見た目を確認できます。
利用可能なカスタマイズ項目
- レイアウト：デバイスタイプごとに用意されたテーマレイアウトから選択します。
- ロゴの設定：組織ロゴまたはアプリアイコンを表示します。
- 色のオプション：あらかじめ用意された色から選択するか、各種画面コンポーネント用にカスタムカラーを作成します。
- フォント：アプリケーション全体に適用する 12 種類のフォントから選択します。
テーマの設定（Web、スマートフォン、タブレット）
- アプリケーションの編集モードに移動し、左上の Web、スマートフォン、タブレットのいずれかのデバイスアイコン（
）を選択します。
- 右上のThemesアイコンをクリックして、［Themes］タブを開きます。
- 必要に応じて、次のオプションを設定します。
- レイアウト
1. ［Themes］内で、希望するレイアウトを選択します。 - ロゴの設定（Web のみ）
1. ［Themes］タブでLogo Preferenceをクリックします。
2. 次のいずれかを選択します。
-> Organization Logo（ロゴがアップロードされている場合にのみ利用可能。アップロード先：Organization タブ）
-> App Icon
3. 変更内容は自動的に保存され、公開モードに反映されます。 - 色のオプション
1. ［Colors］で、プリセットカラー、保存済みのカスタムカラーから選択するか、新しい色を作成します。
2. 次をカスタマイズします。
-> テーマ／ブランドカラー（ボタン、リンク、ドロップダウンに適用）
-> ヘッダー、メニュー、サブメニュー用の補助カラー
3. カスタムカラーを編集するには、その色にカーソルを合わせてEditをクリックします。
4. 色を削除するには：
対象の色にカーソルを合わせて、バツ印のアイコンをクリックします。
その色が使用中の場合は、参照されている場所の一覧がポップアップに表示されます。削除する前に、各コンポーネントでその色の参照を削除してください。 - フォント
［Fonts］で、アプリケーション全体のテーマに合うフォントをドロップダウンリストから選択します。
設定したテーマ（フォント、色、ロゴなど）は、アプリケーション全体に自動的に適用されます。
注意事項
- 一部のレイアウトでは、ロゴの配置オプションはモバイルおよびタブレットでのみ利用できます。
- カスタムカラーは、アプリケーション、レイアウト、デバイス間で再利用できます。
- ダークトーンのサポートは、スマートフォンおよびタブレットのテーマでのみ利用できます。
- テーマを適用する前に、選択したすべてのオプションについてライブプレビューが提供されます。
- 1 つの Creator アカウントにつき、最大 30 個のカスタムカラーを追加できます。