---
title: "コンポーネントにコンテンツを追加する"
slug: "add-content-to-a-component"
abstract: "特定のコンポーネント向けにコンテンツを割り当て、作成、編集できます。"
---
# コンポーネントにコンテンツを追加する

> !注このトピックでは、以前にContent Editorで構築したコンポーネントにコンテンツを追加する方法を説明します。コンポーネントビルダーで作成したコンポーネントについては、[ここで](https://doc.sitecore.com/sai/ja/users/sitecoreai/build-pages/adding-content-to-a-page/manage-dynamic-content.html "Manage dynamic content") コンポーネントのスタイルや設定方法を学べます。

ページビルダーでは、コンポーネントがページに追加されると、そのコンポーネントをローカルで編集でき、変更はページ上のみに保存されます。あるいは、コンポーネントにコンテンツ項目を *割り当て* るか、新しいコンテンツアイテムを作成してコンポーネントのデータ *ソース* として使うこともできます。この場合、コンテンツに加えた変更はコンテンツアイテムに保存され、コンテンツアイテムは異なるページで共有できるため、同じコンテンツアイテムを再利用するページ上でも変更が確認されます。

## 既存のコンテンツ項目をコンポーネントに割り当てる

ページにコンポーネントを追加すると、既存のコンテンツアイテムをそのコンポーネントに割り当てることができます。

この手順を使って、すでにコンポーネントに割り当てられているコンテンツアイテムを変更することもできます。

ページにコンポーネントを追加すると、この変更はページレイアウトに保存されます。新たに追加されたコンポーネントはページアイテムをデータソースとして使うため、新たに追加されたコンポーネントの内容を編集すれば、その変更はページアイテムに保存されます。

コンテンツアイテムをコンポーネントに割り当てるには:

1.  **エディター**タブで、該当するページを開きます。エディタービューで、コンテンツアイテムを割り当てたいコンポーネントをクリックします。
    
2.  右側のパネルで **「Content**」をクリックし、「 **アイテム選択**」を選びます。
    
3.  「 **コンテンツアイテムの割り当て** 」ダイアログでは、コンテンツツリーは選択可能なアイテム、または選択可能なアイテムを含むフォルダのみを表示します。
    
    特定のコンテンツ項目を検索するには、**Search**フィールドに少なくとも1文字を入力してください。Searchフィールドをクリアするとすべてのアイテムが選択解除され、元のツリーが復元されます。
    
4.  関連するコンテンツアイテムを選択し、「 **割り当て」**をクリックします。または「 **複製して割り当て** 」をクリックして、新しい番号付きバージョンを作成してコンポーネントに割り当ててください。
    

さまざまな種類のコンテンツの追加や編集については、「 [コンポーネントの設定](https://doc.sitecore.com/sai/ja/users/sitecoreai/build-pages/adding-components-to-a-page/configure-a-component.html "Configure a component") 」セクションで詳しく学べます。

![Screenshot of the Assign content item dialog.](https://doc.sitecore.com/api/markdown-image/sai/ja/users/sitecoreai/images/content_assign.png)

> !注編集不可のコンポーネントにコンテンツアイテムを割り当てたり、編集不可のコンポーネントに関連付けられたコンテンツアイテムを変更したりすることはできません。

## コンポーネントのデータソースとして新しいコンテンツ項目を作成する

コンポーネントに割り当てるのと同時に新しいコンテンツアイテムを作成できます。アイテムはテンプレートから作成するか、既存のアイテムを複製して作成できます。

コンポーネントのデータソースとして新しいコンテンツ項目を作成するには:

1.  **エディター**タブで、該当するページを開きます。エディタービューで、コンテンツアイテムを作成したいコンポーネントをクリックします。
    
2.  右側のペインで **「Content**」をクリックし、「 **アイテム選択**」を選びます。
    
3.  コンテンツツリーの **「コンテンツアイテム割り当て** 」ダイアログで、新しいコンテンツアイテムの親アイテムを選択し、「新しい:mdiPlus **:を作成** 」をクリックします。
    
4.  テンプレートを選択してください。
    
    ![Screenshot of the Assign content item dialog when creating a new content item.](https://doc.sitecore.com/api/markdown-image/sai/ja/users/sitecoreai/images/content_create_new.png)
    
5.  新しいコンテンツアイテムの名前を入力してください。
    
6.  「 **割り当て」**をクリックします。
    

新しいコンテンツの項目を編集できます。

あるいは、既存のコンテンツアイテムを複製して新しいコンテンツアイテム(ページアイテムではなく)を作成することもできます。

既存のアイテムを複製するには:

1.  **エディター**タブで、該当ページを開きます。エディタービューで、コンテンツアイテムを複製したいコンポーネントをクリックします。
2.  右側のパネルで **「Content**」をクリックし、「 **アイテム選択**」を選びます。
3.  コンテンツツリーの **「コンテンツアイテムを割り当て** る」ダイアログで、コンテンツアイテムを選択し、「 **複製** する :mdiContentCopy:」をクリックします。
4.  重複したコンテンツの名前を入力してください。
5.  「 **割り当て」**をクリックします。

## コンポーネントのコンテンツ項目を編集します

コンポーネントのデータは、ローカルにページ上に保存することも、別のコンテンツ項目に保存することもできます。コンポーネントにコンテンツアイテムがデータソースとして割り当てられている場合、ページビルダーエディターモードでそのコンテンツアイテムを直接ページから開くことができます。

コンポーネントのコンテンツ項目を編集するには:

1.  **エディター**タブで、編集したいページを開きます。
    
2.  キャンバス上で編集したいコンポーネントを選択します。
    
3.  右側のペインで **編集**をクリックします。
    
    コンテンツ項目はエクスプローラーで開きます。
    
4.  アイテムのフィールドを編集してください。
    
    > !注変更はそのコンテンツを使う他のページにも影響します。
    
5.  ページエディターに戻るには、リボンの上で **「戻る」**をクリックしてください。