エクスペリエンスビルダーテンプレートの外観のカスタマイズ

エクスペリエンスビルダーでは、テンプレート特有の (そのためサイト間での共有はできない) スタイルを編集できます。エクスペリエンスビルダーのオプションは最もシンプルで、コーディングは不要です。

• [テーマ] パネルは、シンプルなポイント & クリックプロパティでテンプレートを更新します。この手法は、システム管理者が使用するのに理想的です。

  個別のコンポーネントプロパティパネル (ヘッダーや検索など) では、それぞれに特有の外観の調整が可能です。

  メモ

• CSS エディターを使用すると、テンプレート要素の基本スタイルを上書きするカスタム CSS を作成できます。このオプションは、CSS に慣れていて、標準のコンポーネントやテンプレート要素を少しだけ変更したい場合に適しています。

  テーマの交換が導入されたため、作成したカスタム CSS は有効なテーマに直接関連付けることができるようになりました。既存のサイトでは、現在使用されている必要なカスタム CSS が新たに選択したテーマにコピーされるようにしてください。カスタム CSS が必要な場合は、テーマレイアウトの適切な場所 (brandLogoImage、action color など) でエクスペリエンスビルダーサイト用のデザイントークンを使用して、テンプレートやテーマを更新しやすいようにしてください。

  メモ

ただし、テンプレートの外観を完全にカスタマイズするには、自身のコンポーネントを作成する必要があります。

• カスタム Aura コンポーネントでは CSS リソースがコンポーネントバンドルの一部としてカプセル化されるため、サイト間でコンポーネントを再利用できます。
• コンテンツレイアウトコンポーネントは、ページのコンテンツ領域を定義し、コンテンツを含みます。
• テーマレイアウトコンポーネントは、テンプレートの構造上のレイアウト (ヘッダーやフッターなど) をカスタマイズして、デフォルトのスタイルを上書きします。