---
title: "コンポーネントの扱い方"
slug: "working-with-components"
abstract: "SXAにおけるさまざまなコンポーネントタイプとその用途を探りましょう。"
---
# コンポーネントの扱い方

ウェブページのコンテンツは、コンポーネントの追加・編集、データソースの変更、注釈の追加などで変更できます。詳細は以下のカテゴリに移動してください:

-   [ツールボックス](https://doc.sitecore.com/xp/ja/users/sxa/103/sitecore-experience-accelerator/the-toolbox.html "The Toolbox")
-   [レンダリングを追加、編集、削除する](https://doc.sitecore.com/xp/ja/users/sxa/103/sitecore-experience-accelerator/add,-edit,-and-delete-a-rendering.md "Add, edit, and delete a rendering")
-   [(再利用可能な)リッチテキストを追加](https://doc.sitecore.com/xp/ja/users/sxa/103/sitecore-experience-accelerator/add--reusable--rich-text.html "Add (reusable) rich text")
-   [タイトルコンポーネントを追加](https://doc.sitecore.com/xp/ja/users/sxa/103/sitecore-experience-accelerator/add-a-title-component.html "Add a Title component")
-   [ページコンテンツコンポーネントを追加](https://doc.sitecore.com/xp/ja/users/sxa/103/sitecore-experience-accelerator/add-a-page-content-component.html "Add a Page Content component")
-   [(再利用可能な)画像を追加してください](https://doc.sitecore.com/xp/ja/users/sxa/103/sitecore-experience-accelerator/add-a--reusable--image.html "Add a (reusable) image")
-   [プロモレンダリングを追加してください](https://doc.sitecore.com/xp/ja/users/sxa/103/sitecore-experience-accelerator/add-a-promo-rendering.html "Add a promo rendering")
-   [航行レンダリング](https://doc.sitecore.com/xp/ja/users/sxa/103/sitecore-experience-accelerator/the-navigation-renderings.html "The navigation renderings")
-   [ナビゲーションを追加する](https://doc.sitecore.com/xp/ja/users/sxa/103/sitecore-experience-accelerator/add-navigation.html "Add navigation")
-   [複数のコンポーネントのコンテンツを組み合わせる](https://doc.sitecore.com/xp/ja/users/sxa/103/sitecore-experience-accelerator/combine-content-from-multiple-components.html "Combine content from multiple components")
-   [コンポーネントに背景画像を追加してください](https://doc.sitecore.com/xp/ja/users/sxa/103/sitecore-experience-accelerator/add-a-background-image-to-a-component.html "Add a background image to a component")
-   [関連するコンテンツの選択、作成、変更](https://doc.sitecore.com/xp/ja/users/sxa/103/sitecore-experience-accelerator/select,-create,-and-modify-associated-content.md "Select, create, and modify associated content")