HorizonにおけるSXAコンポーネント
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
Sitecore Experience Accelerator(SXA)では、HorizonエディターでSXAコンポーネントを使用できます。HorizonでSXAコンポーネントをページに追加すると、右側のペインに グリッドレイアウト、スタイリング、アドバンスドスタイリングの追加設定が表示されます。右側のペインに表示される設定や設定は、開発者がSXAのHorizon体験をどのように設定したかによって異なります。
一部のコンポーネントでは、コンポーネントをページに落とすと 「コンテンツアイテムを割り当て る」ダイアログが表示されます。このダイアログでは 、既存のコンテンツを割り当て るか、コンポーネント用の新しいコンテンツアイテムを作成する 必要があります。
!ヒント一部のSXAコンポーネントには情報を入力できるフィールドがあります。入力フィールドの値を変更すると、Horizonは1.5秒後に自動的に保存するか、キーボードのReturnキーを押したときに自動保存します。入力が保存されておらず、Canvasからコンポーネントを削除した場合、その変更は失われます。コンポーネント間の切り替えは必ず自動保存を待つかReturnボタンを押すことをお勧めします。
グリッド配置
グリッドレイアウトの設定は、ページ内の選択したプレースホルダー内でコンポーネントのサイズや位置に影響を与えます。このヘッダーの下に表示される設定は、サイトが使用するグリッドによって異なります。最も一般的なのは サイズで、以下のいずれかを選択できます。
- コンポーネントが持てる列数を手動で幅として設定してください。
- コンテンツに自動 フィットを選択すると、その中のコンテンツに応じてコンポーネントをできるだけ小さくします。
- 自動 入力の行と列を選択すると、同じ領域に配置されている他のコンポーネントの数に応じて自動的にコンポーネントの幅ができるだけ大きくなります。
!注コンポーネントの列数を手動で設定する場合は、使用するすべてのデバイスサイズのレイアウトを確認することをお勧めします。大きなサイズに設定しない場合は、設定したより小さいサイズの構成が使われます。例えば、未設定のデスクトップはタブレットでサイズが指定されていれば、タブレットの設定を使用します。タブレットが未設定の場合は、デスクトップはモバイルの構成を使用します。
スタイリング
スタイリングセクションには、コンポーネント内のコンテンツの見た目や感触に影響を与える最も一般的な設定が含まれています。例えば、ここで間隔やアライメントを設定できます。
高度なスタイリング
このセクションには、コンポーネント固有のスタイリングオプションが含まれており、さらにコンポーネント自体のレンダリングに影響を与えます。
イメージセレクター
一部のSXAコンポーネントでは画像の使用が可能です。これらのコンポーネントには、高度なスタイリングの中に画像セレクターが表示されます。例えば、Containerコンポーネントには 背景画像 セレクターが表示されます。すべての画像セレクタータイプに対して、以下のオプションがあります:
- 新しい画像を追加するには **、「追加」**をクリックしてください。画像を選択すると、Horizonはレイアウトの変更を適用します。
- レイアウトから画像を削除するには 、「クリア」をクリックしてください。
コンポーネント固有のオプション
一部のコンポーネントには、標準的なヘッダーである グリッドレイアウト、スタイリング、アドバンスドスタイリングの外に設定可能なオプションがあります。これらのコンポーネントのいずれかをHorizonエディターにドラッグすると、右側パネルに新しいセクションが表示されます。
新コンテンツ
例えばコンポジットのようなSXAコンポーネントには複雑なデータソースがあります。これらのコンポーネントについては、「 新しいコンテンツアイテム 」というセクションが表示されます。このセクションではコンポーネントのデータソース項目が一覧化されています。ここでは、コンポーネントのデータソース を追加、名前変更、移動、削除 が可能です。