---
title: "コンポーネントバージョンでの作業"
slug: "work-with-component-versions"
abstract: "コンポーネントビルダーでは、コンポーネントにバージョンを追加することで、そのコンポーネントの異なるビジュアル表現や異なるコンテンツを持つコンポーネントを作成できます。"
---
# コンポーネントバージョンでの作業

コンポーネントビルダーでは、コンポーネントが表示されるコンテンツの異なる視覚的表現を1つ以上含むことができます。これらの視覚的表現は *コンポーネントバージョン*と呼ばれ、チームはコンポーネントを複製したり再構成したりすることなく迅速にコンテンツを拡張できるようにします。

例えば、異なる画像でバージョンを作成し、Pages内の特定のオーディエンス向けにコンポーネントをパーソナライズすることもできます。また、バージョンやブレークポイントを使ってレスポンシブバンドルを構築することも可能です。これはレンダリングが使用する画面幅に依存するコンポーネントです。

バージョン同士で [リンクされた要素](https://doc.sitecore.com/sai/ja/users/sitecoreai/design-components/components/prototyping-components/use-elements-to-build-components.html#UUID-67ce92f1-54b1-9c6f-7206-a2086fcf5469_section-idm4569984066096033242523807506 "Duplicate an element")を共有できます。これにより、内容やスタイルの変更を繰り返し行う作業を避けられます。例えば、共通のコール・トゥ・アクションボタンをコンポーネントのすべてのバージョンで共有できます。この場合、すべてのバージョンのすべてのボタンにボタンの塗りつぶし色を一度変更するだけで済みます。

## コンポーネントにバージョンを追加する

コンポーネントに追加バージョンを追加するには:

1.  コンポーネントビルダーのページ下部で「 **バージョンを追加**」をクリックします。
2.  もしそのバージョンがレスポンシブコンポーネントを構築するためのものであれば、そのバージョンをレンダリングすべきブレークポイントを設定してください。

新しいバージョンは要素を追加したり、テキストを入力したりして始められます。

> !注バージョンは自動的に *新しいバージョンの名前*に名前が付けられます。いつでもより関連性の高い名前に変更できます。

## コンポーネントバージョンを複製する

コンポーネントをスタイリングして設定した後は、それを複製できます。これにより、毎回一から作り直したりリスタイルしたりせずに、異なるレイアウトのバージョンを作成できます。

コンポーネントバージョンをコピーするには:

1.  コンポーネントビルダーの右上にあるコンポーネントの:mdiDotsHorizontal:をクリックします。
2.  「 **複製バージョン** :mdiContentCopy:」をクリックします。

コピーしたコンポーネントの下にコンポーネントのコピーが表示されます。

## コンポーネントバージョンを削除またはアーカイブする

コンポーネントのバージョンを削除するには:

1.  コンポーネントビルダーで、削除したいバージョンの :mdiDotsHorizontal: をクリックします。
2.  **削除**をクリックします。

もしバージョンが以前に段階的に作成または公開されていた場合は、削除ではなくアーカイブされるため、復元が可能です。

アーカイブされたバージョンを復元するには:

1.  コンポーネントバージョンの一番下までスクロールすると、アーカイブされたバージョンが見つかります。
2.  「 **アーカイブされたバージョンを表示**」をクリックしてください。
3.  復元したいバージョンの「 **アーカイブ解除** 」をクリックしてください。