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