HorizonのSXAコンポーネント
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
Sitecore Experience Accelerator (SXA) では、HorizonエディターでSXAコンポーネントを使用できます。HorizonでSXAコンポーネントをページに追加すると、右側のペインに追加設定Grid layout、Styling、Advanced stylingが表示されます。右側のペインに表示される設定と設定は、開発者がSXAのHorizonエクスペリエンスをどのように設定したかによって異なります。
一部のコンポーネントでは、コンポーネントをページにドロップするとAssign content itemダイアログが表示されます。このダイアログでは、コンポーネントの既存のコンテンツ・アイテムを割り当てるか、新しいコンテンツ・アイテムを作成する必要があります。
グリッドレイアウト
グリッドレイアウト
グリッドレイアウトの設定は、ページ上の選択したプレースホルダ内のコンポーネントのサイズと位置に影響します。このヘッダーの下に表示される設定は、サイトが使用するグリッドによって異なります。最も一般的なものはSize、次のいずれかを選択できます。
-
コンポーネントの幅として持つことができる列の数を手動で構成します。
-
「 Auto fit to content」を選択すると、コンポーネント内のコンテンツに応じて、コンポーネントができるだけ小さくなります。
-
「 Auto fill rows and columns」を選択すると、同じ領域に配置される他のコンポーネントの数に応じて、コンポーネントの幅が自動的に最大になります。
コンポーネントの列数を手動で設定する場合は、使用するすべてのデバイスサイズのレイアウトを確認することをお勧めします。より大きなサイズに設定しない場合、設定した最も近い小さいサイズの設定が使用されます。たとえば、未構成のデスクトップでは、タブレットでサイズが指定されている場合、タブレットからの構成が使用されます。タブレットが未設定の場合、デスクトップは代わりにモバイルの設定を使用します。
スタイリング
スタイリング
スタイル設定は、コンポーネント自体のコンテンツのルックアンドフィールに影響します。たとえば、ここで間隔と配置を構成できます。
高度なスタイリング
高度なスタイリング
このセクションには、コンポーネント自体のレンダリングにさらに影響を与えるコンポーネント固有のスタイル設定オプションが含まれています。