---
title: "コンポーネントへの動的コンテンツの追加"
slug: "adding-dynamic-content-to-a-component"
abstract: "要素の属性を外部およびXMのデータソースからの動的データに置き換えます。"
---
# コンポーネントへの動的コンテンツの追加

動的コンテンツはコンポーネントを柔軟かつ異なる文脈で再利用可能にします。テキスト、画像、動画、リンクは、CMSやデータベースなどのデータソースから入力可能ですが、データソースにAPIがあり、コンポーネントビルダーのデータ [ソースライブラリに追加](https://doc.sitecore.com/sai/ja/users/sitecoreai/design-components/components/adding-dynamic-content-to-a-component/get-your-content-from-external-data-sources.html "Get your content from external data sources") されている必要があります。

コンポーネントは要素で構成されます。例えば、ボタン、カード、または他のコンポーネントなどです。

要素は表示に影響を与える1つ以上の属性を含みます。例えば、変数は属性*Text*によって定義されますが、イメージ要素は*Image source*、*Caption*、*Alt text*などの複数の属性を持ちます。

各属性に対して、以下のオプションに従ってコンテンツを追加することができます:

-   **なし** – 例えば、属性にコンテンツを追加しない、画像の *Alt text* を一切持たないことを選択できます。
-   **静的** - 属性に特定のコンテンツを定義できます。例えば、画像の属性 *Alt text* にテキストを入力したり、 *Background image* 属性のためにコンピュータから画像をアップロードしたりできます。
-   **マッピング** – 属性をテキスト、画像、または以前に追加されたデータソースからのリンクでマッピングすることも可能です。1つの要素内で動的コンテンツを複数回使用でき、異なるデータソースを使っても可能です。また、通常のテキストと変数(例えば *Price: {price}USD* や *{author} の{category}を*組み合わせることで、静的テキストと動的テキストを混ぜることも可能です。

マッピングされたデータを使用する場合、以下を選択できます:

-   データツリーからのユニークな **プロパティ** です。そのプロパティは [データソースが外部](https://doc.sitecore.com/sai/ja/users/sitecoreai/design-components/components/adding-dynamic-content-to-a-component/get-your-content-from-external-data-sources.html "Get your content from external data sources")であればコンテンツアイテムです。しかし、 [XMデータソース](https://doc.sitecore.com/sai/ja/users/sitecoreai/design-components/components/adding-dynamic-content-to-a-component/get-your-content-from-an-xm-data-source.html "Get your content from an XM data source")を使用している場合はテンプレートに対応し、まずコンポーネントをページビルダーに段階化し、ウェブページに挿入してテンプレートに合うコンテンツアイテムを割り当てる必要があります。
-   オブジェクト **(複数の** プロパティを含む親フォルダ)は、オブジェクトに含まれるプロパティの数に応じて [その要素を繰り返し](https://doc.sitecore.com/sai/ja/users/sitecoreai/design-components/components/adding-dynamic-content-to-a-component/set-a-repeater-for-an-array.html "Set a repeater for an array") たい場合に設定します。