---
title: "ページコンテンツコンポーネントを追加"
slug: "add-a-page-content-component"
abstract: "ページコンテンツコンポーネントを追加してページコンテンツを追加する方法。"
---
# ページコンテンツコンポーネントを追加

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

ページコンテンツコンポーネントでは、現在のページに関連付けられたコンテンツをドラッグ&ドロップできます。デフォルトでは、**コンテンツ** フィールドのコンテンツがページに挿入されます。コンポーネントバリアントでは、リストから異なるタイプのページコンテンツを選択できます。

## 始める前に

異なる種類のページコンテンツを選択するためには、ページコンテンツコンポーネントごとにコンポーネントバリアントを設定する必要があります。

## ステップ

ページコンテンツコンポーネントを追加するには:

1.  工具箱を開けろ。
    
2.  **ページコンテンツ**セクションから、追加したいプレースホルダーにページ**コンテンツ**コンポーネントをドラッグ&ドロップします。コンテンツエディターの**コンテンツ**フィールドにテキストを入力していれば、そのテキストはページに追加されます。
    
3.  異なる種類のページコンテンツを挿入するには:
    
    -   コンポーネント内のクリックで浮動ツールバーが表示され、下矢印をクリックし、その後 **「Page Content」**をクリックします。
        
        ![The floating toolbar.](https://doc.sitecore.com/api/markdown-image/xp/ja/users/sxa/103/sitecore-experience-accelerator/images/SXA-headless-content-toolbox-dropdown.png)
        
    -   **バリアント**リストで、欲しいコンポーネントバリアントを選択します。
        
        ![The Variant list.](https://doc.sitecore.com/api/markdown-image/xp/ja/users/sxa/103/sitecore-experience-accelerator/images/3A236EE46C0C45A4B55359464F5E3A32.png)
        
4.  異なるデータソースからページコンテンツを挿入するには:
    
    -   フローティングツールバーで **「More**」をクリックし、「 **コンポーネントプロパティを編集**」をクリックします。
    -   **コントロールプロパティ**ダイアログボックスの**「一般**」セクションで、「**ブラウズ**」をクリックして別のページを選択します。**「OK」**をクリックします。選択したページのコンテンツが現在のページに追加されます。

> !注
> 
> -   もしデータソースを別のページに指すと、コンポーネントはそのページのフィールドを使用します。
>     
> -   部分的なデザインでページコンテンツコンポーネントを使うと、どのページからもフィールドをレンダリングできます。
>