---
title: "合成画像を編集する"
slug: "edit-a-composite"
abstract: "合成画像のレンダリングを直接ページ上で修正してください。"
---
# 合成画像を編集する

コンポジットレンダリングは複数の他のレンダリングで構成されます。各インスタンスは独自のレイアウトを持ち、エクスペリエンスエディターで別々に設計することができます。

SXAの合成画像のページ内編集機能を使って、合成アイテムのプレゼンテーション詳細に保存されたレンダリングを修正できます。合成画像をページに置いたら、そのページ上で直接合成レンダリングを追加、修正、削除できます。

合成画像で使われるレンダリングの多くは、データを保存するために明示的なデータソース項目を使用します。

> !注合成にパーソナライズを使う場合、合成のデータソースはパーソナライズ設定のデフォルトルールと同じデータソースを指ささなければなりません。複合とパーソナライズが同じデフォルトデータソースを使っていなければ、合成のコンテンツは正しくレンダリングされません。

各合成レンダリングにはコンテンツツリー内に独自のアイテムがあります。例えば、ページのタブは合成されます:

![Tabs composite on the page.](https://doc.sitecore.com/api/markdown-image/xp/ja/users/sxa/93/sitecore-experience-accelerator/images/FA50ACC9C0D144C58AF08554A90AE704.png)

コンテンツツリーのタブ項目:

![Tabs item in the content tree.](https://doc.sitecore.com/api/markdown-image/xp/ja/users/sxa/93/sitecore-experience-accelerator/images/AB18D8C89C0F4357B5A80192830B4468.png)

> !注既存の合成画像を編集する場合は、グローバルに編集するかローカルページのみにするかを注意してください。

## 合成画像にレンダリングを追加する

合成のプレースホルダーにレンダリングを追加するには:

1.  ツールボックスを開き、追加したいレンダリングをクリックして、ページの合成のプレースホルダーにドラッグします。例えば、タブレンダリングのタブのいずれかにあるデータソースの項目からコンテンツを追加するためにページコンテンツレンダリングを使いたい場合:
    
    ![Page content component dragged to the tab item.](https://doc.sitecore.com/api/markdown-image/xp/ja/users/sxa/93/sitecore-experience-accelerator/images/77DBDE80193140608BB56ECCA6087AEE.png)
    
2.  ページを保存してください。
    
    > !注合成のプレースホルダーにレンダリングを追加すると、レンダリングはページではなく合成データソースの項目に保存されます。これは、複合画像を異なる場所で使用する場合に非常に便利です。データソースを一つの場所で変更すると、その変更はこの合成が使われているすべての場所に適用されます。
    > 
    > 変更をグローバルに適用したい場合は、ローカルデータソースを使用し、その複合アイテムをページアイテムのサブアイテムとしてPage Dataノードの下に格納する必要があります。
    

## 合成画像内のレンダリングを削除または変更する

合成画像内のレンダリングは直接削除または変更できます。Page Dataノードのローカルデータソースを変更すると、作業中のページにのみ影響します。グローバルに使われている複合データソースの変更は、その複合データを使用しているすべてのページに影響します。

合成画像内でレンダリングを変更するには:

-   再利用できないレンダリング(例えば、プレーンHTML、リッチテキスト、画像レンダリング)を合成画像に追加します。合成アイテムの下に自動生成されたデータソースが作成されます。
    
    例えば、画像レンダリングを合成の2つ目のタブ項目に追加すると、データソースはページデータ(*/sitecore/content/Tenant/Site/Home/Page/Data*)ではなく、合成データ( */sitecore/content/Tenant/Site/Home/Page/Data/Tab Item 2/Data)*内に保存されます。
    
    ![Tabs example in CE where datasource is saved within the composite.](https://doc.sitecore.com/api/markdown-image/xp/ja/users/sxa/93/sitecore-experience-accelerator/images/8E4E9ADCCB714B168171C67E7488B523.png)