---
title: "複数のコンポーネントのコンテンツを組み合わせる"
slug: "combine-content-from-multiple-components"
abstract: "複数のコンポーネントのコンテンツを組み合わせるためにSXAページにコンテナコンポーネントを追加する方法や、これらのコンポーネントのデータソースを一度に変更する方法。"
---
# 複数のコンポーネントのコンテンツを組み合わせる

> !注このトピックで説明されている手順はエクスペリエンスエディターを使用してください。

コンテナコンポーネントは他のコンポーネントのためのコンテナです。コンテナレンダリングに複数のレンダリングを追加すると、以下のようになります:

-   ページの内容を構成しましょう。
-   同じページやデータソースに由来する異なるフィールドのコンテンツを組み合わせましょう。
-   複数のコンポーネントのデータソースを同時に変更してください。

コンテナコンポーネントを追加し、データソースを変更するには:

1.  工具箱を開けろ。
    
2.  **ページ構造**セクションから、**Container**コンポーネントを追加したいプレースホルダーにドラッグ&ドロップします。
    
3.  コンテナコンポーネントにコンポーネントを追加してください。例えば、**タイトル** や **ページコンテンツ**などです。デフォルトでは、コンポーネントは現在のページからデータソースを取得します。
    
4.  コンテナコンポーネント内のコンポーネントのデータソースを変更するには、コンテナコンポーネントのフローティングツールバーで **「More**」をクリックし、その後 **「コンポーネントプロパティを編集**」をクリックします。
    
    ![Edit the component properties from the floating toolbar](https://doc.sitecore.com/api/markdown-image/xp/ja/users/sxa/104/sitecore-experience-accelerator/images/SXA-container.png)
    
5.  **コントロールプロパティ**ダイアログボックスの**「一般**」セクション、**データソース**フィールドで「**ブラウズ**」をクリックします。
    
6.  コンテナコンポーネント内のコンポーネントに対して別のデータソースを選択できます。
    
    ![Select the Associated Content dialog box.](https://doc.sitecore.com/api/markdown-image/xp/ja/users/sxa/104/sitecore-experience-accelerator/images/SXA-change-datasource-dialog.PNG)
    
    ![Example of how different data source content is loaded](https://doc.sitecore.com/api/markdown-image/xp/ja/users/sxa/104/sitecore-experience-accelerator/images/SXA-change-datasource.PNG)
    
    > !重要スニペットを含むコンテナコンポーネントのデータソースを変更するには、スニペット内のコンポーネントのデータソースフィールドをクリアしてから、異なるデータソースを選択してください。