この文章は Salesforce 機械翻訳システムを使用して翻訳されました。詳細はこちらをご参照ください。
英語に切り替える

Lightning テンプレートの外観のカスタマイズ

Lightning テンプレートの外観はいくつかの方法で制御でき、方法によって複雑さと粒度が異なります。
エクスペリエンスビルダーでは、テンプレート特有の (そのためコミュニティ間での共有はできない) スタイルを編集できます。エクスペリエンスビルダーのオプションは最もシンプルで、コーディングは不要です。
  • [テーマ] パネルは、シンプルなポイント & クリックプロパティでテンプレートを更新します。この手法は、システム管理者が使用するのに理想的です。

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

    メモ

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

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

    メモ

ただし、テンプレートの外観を完全にカスタマイズするには、自身のコンポーネントを作成する必要があります。
  • カスタム Aura コンポーネントは、CSS リソースをコンポーネントバンドルの一部としてカプセル化して、コミュニティ間で再利用できるようにします。
  • コンテンツレイアウトコンポーネントは、ページのコンテンツ領域を定義し、コンテンツを含みます。
  • テーマレイアウトコンポーネントは、テンプレートの構造上のレイアウト (ヘッダーやフッターなど) をカスタマイズして、デフォルトのスタイルを上書きします。