アプリケーションのテーマ設定方法
お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。
メモ: この機能は現在ベータ版で、 早期アクセスプログラムを通じて利用できます。
利用するには、Operations -> Early Access に移動し、アカウントでこの機能を有効にしてください。
新しいテーマが導入され、既存のテーマは順次サポート終了となります。スムーズに移行し、最新のデザインと機能を活用するために、アプリケーションのテーマを新しい形式に移行する方法についてはテーマ移行を参照してください。内容に進む前に、アプリケーションテーマについて理解しておくことをおすすめします。
Creator では、アプリケーションに対してWeb、電話、タブレットの各モードで適用できる複数のテーマレイアウトを提供しています。色、フォント、ロゴをカスタマイズして、自社のブランドアイデンティティに合ったデザインを作成できます。さまざまな設定を選択すると有効なプレビューが表示され、変更を適用する前にアプリケーションの見た目を確認できます。
利用可能なカスタマイズ設定
- レイアウト: 各デバイス種別向けに用意されたあらかじめ定義済みのテーマレイアウトから選択します。
- ロゴの設定: 組織ロゴまたはアプリアイコンを表示します。
- カラー設定: プリセットカラーから選択するか、インターフェイス各所で使用するカスタムカラーを作成します。
- フォント: 利用可能な 12 種類のフォントから選択し、アプリケーション全体に適用します。
テーマの設定（Web、電話、タブレット）
- アプリケーションの編集モードに移動し、左上の Web、電話、タブレットのいずれかに対応するデバイスアイコン（
）を選択します。
- 右上のテーマアイコンをクリックして、テーマタブを開きます。
- 必要に応じて、次の設定を行います:
- レイアウト
1. テーマ内の標準レイアウトを選択します。 - ロゴの設定（Web のみ）
1. テーマタブでロゴの設定をクリックします。
2. 次のいずれかを選択します:
-> 組織ロゴ（ロゴがアップロードされており、［組織］タブに設定されている場合のみ利用可能）
-> アプリアイコン
3. 変更内容は自動的に保存され、有効なモードに反映されます。 - カラー設定
1. ［色］では、プリセットカラー、保存済みのカスタムカラーから選択するか、新しいカラーを作成します。
2. 次をカスタマイズします:
-> テーマ／ブランドカラー（ボタン、リンク、ドロップダウンに適用）
-> ヘッダー、メニュー、サブメニュー用の補助カラー
3. カスタムカラーを編集するには、その上にカーソルを合わせて編集をクリックします。
4. カラーを削除するには:
カラーにカーソルを合わせて、× アイコンをクリックします。
そのカラーが使用されている場合は、参照されているすべての場所がポップアップに一覧表示されます。カラーを削除する前に、各コンポーネントでその参照を削除してください。 - フォント
［フォント］では、アプリケーション全体のテーマに合うオプションをドロップダウンリストから選択します。
フォント、カラー、ロゴを含むすべてのテーマ設定は、アプリケーション全体に自動的に適用されます。
注意点
- ロゴの配置設定は、一部のレイアウトにおいてのみ、モバイルおよびタブレットで利用できます。
- カスタムカラーは、アプリケーション、レイアウト、デバイス間で再利用できます。
- ダークトーンのサポートは、電話およびタブレットのテーマでのみ利用できます。
- テーマを適用する前に、選択したすべての設定に対して有効なプレビューが表示されます。
- Creator アカウントごとに、最大 30 個のカスタムカラーを追加できます。