データ ソースの選択、変更、作成
ほとんどの SXA レンダリングは、再利用できるように設計されており、データ ソース アイテムまたは関連付けられたコンテンツからデータをプルします。これにより、表示されるコンテンツは、表示されるページにバインドされず、データ ソース アイテムに格納されます。ページにレンダリングを追加するときに、既存のデータ ソースを選択するか、新しいデータ ソース アイテムを作成できます。これにより、コンテンツのアーキテクチャ、命名規則、再利用性のレベルを完全にコントロールすることができます。
関連するコンテンツの選択または作成
エクスペリエンス エディターで再利用可能なレンダリングをページに追加する場合、選択可能なアイテムは選択したレンダリングによって異なります。これにより、レンダリングの要件に一致しないデータ ソース アイテムを関連付けることができなくなります。
次のレンダリングに関連するコンテンツを選択することはできません。再利用できないレンダリング (リッチ テキストなど)、サイト全体で共有されるレンダリング (ログイン)、現在のページのデータを表示するレンダリング (ページ コンテンツ)、コンテンツを表示しないレンダリング (分割バー)。
関連するコンテンツを選択するには、次の手順に従います。
-
エクスペリエンス エディターで、ツールボックスから、再利用可能なコンテンツをサポートするレンダリングをページにドラッグします。
-
[関連付けられたコンテンツを選択してください。] ダイアログ ボックスでは、次のオプションから選択できます。
タブ
パス
説明
既存のコンテンツを選択
アイテムをクリック
グローバル フォルダーまたはローカル フォルダーのアイテムを直接クリックし、[OK] をクリックします。
レンダリング名 (現在のサイト) [作成]
グローバルに使用できる新しいデータ ソースを追加および選択します。
[レンダリング名 (現在のサイト)] をクリックし、[作成] をクリックします。[アイテムの挿入] ダイアログ ボックスで、新しいデータ ソースを作成するツリー内の場所をクリックし、名前を入力して、[OK] をクリックします。
必要に応じて、データ ソース用の新しいフォルダーを作成できます。
レンダリング名 (現在のサイト) [コピー先]
データ ソースのコピーを作成します。
ルート アイテム [レンダリング名 (現在のサイト)] を選択し、[コピー] をクリックして新しいデータ ソースをコピーします。データ ソースのコピーを追加するツリー内の場所を選択し、コピーの名前を入力して、[OK] をクリックします。
データ (現在のサイト) [作成]
ローカルに使用できる新しいデータ ソースを追加および選択します。
[データ (現在のサイト)] をクリックし、[作成] をクリックします。新しいデータ ソースの名前を入力し、[OK] をクリックします。
ページ データ ノードの下でデータ ソースを選択すると、ページ アイテムのサブアイテムとして格納されるローカル データ ソースになります。ローカル データ ソースに加えた変更は、作業中のページのみに影響します。データ ソースを再利用してグローバルで管理できるようにするには、グローバル フォルダーでデータ ソースを作成する必要があります。
重要ローカル データソース アイテム (<Page>/Data) の名前を手動で変更しないことをお勧めします。ローカル データソース アイテムの名前を変更すると、コンポーネントとのリンクが切れることがあります (リンクは相対パスに格納されているため)。
データ (現在のサイト) [コピー先]
ローカルで使用できるデータ ソースのコピーを作成します。ルート アイテムを選択し、コピーの名前を入力して、[OK] をクリックします。
ページ
ページをデータ ソースとして使用できます。
このオプションは、現在のページからコンテンツ (ページ コンテンツ、ページ リスト、JSON コンテンツ、JSON リストなど) を取得するレンダリングに使用できます。
[コンテンツの検索]
[検索] フィールドで、検索するアイテムの特徴を表すキーワードを入力するか、クエリを作成します。
関連するコンテンツの変更
関連するアイテムをページに配置した後で、変更したい場合があります。たとえば、ページ上の画像を置き換える必要がある場合です。
関連するコンテンツを変更するには、次の手順に従います。
-
エクスペリエンス エディターにあるレンダリングのフローティング ツールバーで、[関連するコンテンツを変更します] をクリックします。
-
[関連するコンテンツを選択してください。] ダイアログ ボックスで、レンダリングに関連付けるアイテムを選択し、[OK] をクリックします。