HorizonにおけるSXAコンポーネント

Version:
日本語翻訳に関する免責事項

このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。

Sitecore Experience Accelerator(SXA)では、HorizonエディターでSXAコンポーネントを使用できます。HorizonでSXAコンポーネントをページに追加すると、右側のペインに グリッドレイアウト、スタイリング、アドバンスドスタイリングの追加設定が表示されます。右側のペインに表示される設定や設定は、開発者がSXAのHorizon体験をどのように設定したかによって異なります。

!注一部のコンポーネントでは、ページにコンポーネントをドロップすると「コンテンツアイテムの割り当て」ダイアログが表示されます。このダイアログでは 、既存の コンポーネントを割り当てるか、新しいコンテンツアイテムを作成する 必要があります。

グリッド配置

グリッドレイアウトの設定は、ページ内の選択したプレースホルダー内でコンポーネントのサイズや位置に影響を与えます。このヘッダーの下に表示される設定は、サイトが使用するグリッドによって異なります。最も一般的なのは サイズで、以下のいずれかを選択できます。

  • コンポーネントが持てる列数を手動で幅として設定してください。
  • コンテンツに自動 フィットを選択すると、その中のコンテンツに応じてコンポーネントをできるだけ小さくします。
  • 自動 入力の行と列を選択すると、同じ領域に配置されている他のコンポーネントの数に応じて自動的にコンポーネントの幅ができるだけ大きくなります。

!注コンポーネントの列数を手動で設定する場合は、使用するすべてのデバイスサイズのレイアウトを確認することをお勧めします。大きなサイズに設定しない場合は、設定したより小さいサイズの構成が使われます。例えば、未設定のデスクトップはタブレットでサイズが指定されていれば、タブレットの設定を使用します。タブレットが未設定の場合は、デスクトップはモバイルの構成を使用します。

スタイリング

スタイリング設定はコンポーネント内のコンテンツの見た目や感触に影響を与えます。例えば、ここで間隔やアラインメントを設定できます。

高度なスタイリング

このセクションには、コンポーネント固有のスタイリングオプションが含まれており、さらにコンポーネント自体のレンダリングに影響を与えます。

この記事を改善するための提案がある場合は、 お知らせください!