テーマとレイアウトの変更

構成ウィンドウ[テーマとレイアウト] 設定には、アプリのデフォルトの表示設定を変更するオプションがあります。 たとえば、ライト モードまたはダーク モードから選択したり、組織の共有テーマ設定 (該当する場合は色とロゴ) を適用したり、カスタム CSS を使用してアプリをブランディングしたりすることができます。

注意:

Instant Apps のソース テンプレートの更新がアプリのカスタム CSS に影響を及ぼす可能性があるため、製品リリースごとにアプリをテストします。

ほとんどのアプリには、ヘッダーやパネル、ボタンなどのアプリ エレメントで使用される背景とテキストの色を変更してアプリのスタイルを設定するための一連の定義済みのテーマも用意されています。 独自の配色を定義し、利用可能なフォントのリストから選択することで、テーマをカスタマイズできます。 カスタム カラーを選択すると、フォント カラーと背景色のコントラスト比がアクセシビリティ基準を満たしているかどうかが検証されます。この基準では、テキストの読みやすさを確保するために最低でも 4.5 のコントラスト比が必要です。 コントラスト比が不十分な場合は警告メッセージによって通知されます。 また、画像をアップロードして、オプションのハイパーリンクとともにカスタム ロゴをヘッダーに含めることもできます。 (HTTPS URL のみがサポートされています。)これらのオプションの例については、「テーマの構成」に関するブログ記事をご参照ください。

該当する場合、[位置の管理] 設定を使用してマップ ツールの移動と位置変更を行うことで、アプリで直感的なエクスペリエンスを実現できます。ツール名の横にあるボタンを使用して、ツールを別の隅にドラッグしたり、隅にグループ化されているボタンの順序を変更したりします。 グリッドで選択した位置に合わせてアプリのプレビューのツール位置が更新されます。

テンプレート全体で適用可能な設定の比較を次の表に示します。

オプション3D ビューアー添付ファイル ビューアーBasicカテゴリ ギャラリーチャート ビューアーカウントダウン展示イメージ ビューアー差し込み対話形式の凡例メディア マップ近傍ポートフォリオパブリック通知サイドバースライダーゾーン ルックアップ

カスタム CSS

はいはいはいはいはいはいはいはいはいはいはいはいはい

カスタム ロゴ

はいはいはいはいはいはいはいはいはいはいはいはいはいはいはい

カスタム テーマ

はいはいはいはいはいはいはいはいはいはいはいはいはいはいはいはい

位置の管理

はいはいはいはいはいはいはいはいはいはいはいはいはいはいはいはい

設定済みのテーマ

はいはいはいはいはいはいはいはいはいはいはいはいはいはいはいはい

共有テーマ

はいはいはいはいはいはいはいはいはいはいはいはいはいはいはいはい

構成可能な機能を比較するアルファベット順の表については、アプリ ツール比較表 (PDF) をご参照ください