コンポーネントにテーマを割り当てる

概要

テーマを使用してコンポーネントのスタイルを設定する方法。テーマを使用すると、会社のブランドの変更やホリデー エディションが必要な場合など、コンテンツに干渉することなく、既存のコンポーネントのスタイルを変更できます。

SXA では、テーマを使用してコンポーネントのスタイルを設定できます。テーマを使用すると、会社のブランドの変更やホリデー エディションが必要な場合など、コンテンツに干渉することなく、既存のコンポーネントのスタイルを変更できます。

特定のコンポーネントにテーマをつなげると、JavaScript (JS) を大量に使用するテーマがあるが、使用されるページが少ない場合に便利です。テーマが特定のコンポーネントにつなげられている場合、その JS ライブラリは、サイト全体ではなく、そのコンポーネントを使用するページにのみ割り当てられます。これにより、パフォーマンスの問題を軽減できます。

コンポーネントにテーマを割り当てるには:

  1. コンテンツ エディターで、[サイト]、[プレゼンテーション] に移動して [コンポーネント テーマ] をクリックします。

  2. [互換性のあるレンダリング] で、テーマを割り当てるコンポーネントを選択します。同じテーマを複数のコンポーネントに割り当てることも、任意のコンポーネントに複数のテーマを割り当てることもきます。複合レンダリングで使用される特定のコンポーネントにテーマを割り当てることもできます。

  3. [コンポーネント テーマ] で、割り当てるテーマを選択します。[サイト テーマ] と [ベース テーマ] のどちらからでも選べます。

    注記

    選択した、互換性のあるレンダリング コンポーネントを削除すると、SXA は常に、ページ上の [コンポーネント テーマ] で選択したテーマを挿入します。

  4. [優先度] で、コンポーネント テーマの表示優先度を選択します。[サイト テーマの後] に表示する (デフォルト) か、[基本テーマの前] に表示することを選択できます。

注記

この機能は、サイトと共有サイトの両方で機能します。SXA は、メイン サイトのコンポーネント テーマの前に、共有サイトからテーマを挿入します。