コンポーネントにテーマを割り当てる
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
SXAでは 、テーマを使ってコンポーネントのスタイルを付けることができます。例えば、既存のコンポーネントのスタイルを変更できるのは、例えば会社のブランド変更やホリデーエディションを希望する場合などで、内容に干渉することなく可能です。
テーマを特定のコンポーネントに付けることは、JavaScript(JS)を多く使うテーマが限られたページで使われている場合に役立ちます。テーマが特定のコンポーネントに割り当てられている場合、そのJSライブラリはサイト全体ではなく、そのコンポーネントを使用しているページにのみ割り当てられます。これによりパフォーマンスの問題が緩和されます。
コンポーネントにテーマを割り当てる方法:
-
コンテンツエディターで「 Site」「 プレゼンテーション」に移動し、「 コンポーネントテーマ」を右クリックします。
-
選択したレンダリングアイテムのコンポーネントテーマ構成 を作成します。
-
「Compatible Renderings」の中で、テーマを割り当てたいコンポーネントを選択します。同じテーマを複数のコンポーネントに割り当てることができ、任意のコンポーネントにも複数のテーマを割り当てることができます。また、コンポジットレンダリングで使用される特定のコンポーネントにもテーマを割り当てることができます。
-
コンポーネントテーマの中で、割り当てたいテーマを選択します。サイトテーマとベーステーマの両方から選択できます。
!注選択した互換性のあるレンダリングコンポーネントを削除すると、SXAは必ずページのコンポーネントテーマで選択したテーマを注入します。
-
優先度の中で、コンポーネントテーマの表示優先度を選択します。デフォルトである「After Site Themes」または**「Before Base Themes**」を選択できます。
!注この機能はサイトと共有サイトの両方で機能します。SXAは、メインサイトのコンポーネントテーマの前に共有サイトのテーマを注入します。