コンポーネントにテーマを割り当てる
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
SXA では、テーマを使用してコンポーネントのスタイルを設定できます。テーマを使用すると、会社のブランドの変更やホリデー エディションが必要な場合など、コンテンツに干渉することなく、既存のコンポーネントのスタイルを変更できます。
特定のコンポーネントにテーマをつなげると、JavaScript (JS) を大量に使用するテーマがあるが、使用されるページが少ない場合に便利です。テーマが特定のコンポーネントにつなげられている場合、その JS ライブラリは、サイト全体ではなく、そのコンポーネントを使用するページにのみ割り当てられます。これにより、パフォーマンスの問題を軽減できます。
コンポーネントにテーマを割り当てるには:
-
コンテンツ エディターで、[サイト]、[プレゼンテーション] に移動して [コンポーネント テーマ] をクリックします。
-
[互換性のあるレンダリング] で、テーマを割り当てるコンポーネントを選択します。同じテーマを複数のコンポーネントに割り当てることも、任意のコンポーネントに複数のテーマを割り当てることもきます。複合レンダリングで使用される特定のコンポーネントにテーマを割り当てることもできます。
-
[コンポーネント テーマ] で、割り当てるテーマを選択します。[サイト テーマ] と [ベース テーマ] のどちらからでも選べます。
注記選択した、互換性のあるレンダリング コンポーネントを削除すると、SXA は常に、ページ上の [コンポーネント テーマ] で選択したテーマを挿入します。
-
[優先度] で、コンポーネント テーマの表示優先度を選択します。[サイト テーマの後] に表示する (デフォルト) か、[基本テーマの前] に表示することを選択できます。
この機能は、サイトと共有サイトの両方で機能します。SXA は、メイン サイトのコンポーネント テーマの前に、共有サイトからテーマを挿入します。