---
title: "ページへのコンポーネント追加"
slug: "adding-components-to-a-page"
abstract: "ページが行、列、コンテナで構成された後、互換性のあるコンポーネントをレイアウトにドラッグしてレイアウトを定義し、ページにコンテンツを追加できます。"
---
# ページへのコンポーネント追加

ページテンプレートからページを作成し、行と列のコンテナで構造化した後、コンポーネントの追加を始められます。

ページビルダーエディターモードの **コンポーネント** タブでは、ページのレイアウトのビルディングブロックとして使われる組み込みコンポーネントにアクセスできます。これらのコンポーネントには複数のオリジンがあります:

-   ほとんどのコンポーネントは、通常開発者によってContent Editorで構築されています。これらはレンダリングやSXAコンポーネントと呼ばれることもあります。
-   フォームで作られたものもあります。フォームについては [こちら](https://doc.sitecore.com/sai/ja/users/sitecoreai/design-components/forms.html "Forms")で詳しく学べます。
-   一部はコンポーネントアプリでプロトタイプされており、通常はデザイナーによって作成されたり、開発者が [ページ](https://doc.sitecore.com/xmc/en/developers/xm-cloud/en/walkthrough--registering-an-external-react-component.html) ビルダーで利用可能に登録しています。プロ [トタイプ](https://doc.sitecore.com/sai/ja/users/sitecoreai/design-components/components/prototyping-components.html "Prototyping components") や [スタイル](https://doc.sitecore.com/sai/ja/users/sitecoreai/design-components/components/styling-components/style-a-component-with-a-theme.html "Style a component with a theme") の方法は [コンポーネント](https://doc.sitecore.com/sai/ja/users/sitecoreai/design-components/components.html "Components") ドキュメントで学べます。

ページを編集している間は、異なる [画面サイズ](https://doc.sitecore.com/sai/ja/users/sitecoreai/build-pages/working-with-the-page-builder/customize-the-editor-view.html#UUID-e0b6c1a8-e45c-fdfe-3d23-2befdd42e07a_section-idm4517954151320033067671003895 "Change the device view") を切り替えて、異なるデバイスでのページの見た目を確認できます。