---
title: "メールキャンペーンのレイアウトを編集する"
slug: "edit-the-layout-of-an-email-campaign"
abstract: "メールキャンペーンのコンポーネントのプレゼンテーションを変更する方法。"
---
# メールキャンペーンのレイアウトを編集する

メールキャンペーンを作成する際は、テンプレートに基づいています。 [メールの内容やレイアウトを編集](https://doc.sitecore.com/xp/ja/users/exm/100/email-experience-manager/edit-the-content-and-layout-of-an-email-message.html "Edit the content and layout of an email message")でき、画像の追加や削除などコンポーネントの追加・削除も可能です。また、メール内の個々のコンポーネントの見た目を変更したり、テキストのサイズ、色、配置を変えたりしたい場合もあります。変更は現在のメールキャンペーンにのみ適用されます。基盤となるテンプレート自体は変更されません。

コンポーネントの表示を変更するには:

1.  Email Experience Managerで、関連するメールキャンペーンを見つけて開いてください。
    
2.  **メッセージ**タブでメッセージ本文をクリックします。これによりメッセージ本文が編集モードで開きます。
    
3.  ブロックのいずれかをクリックしてください。ただし、内容にカーソルを合わせないように注意してください。例えば、次のウィンドウで、ボタンやテキストではなく、左下または右の白い部分をクリックしてください:
    
    ![Click in an area of the component that does not contain any content.](https://doc.sitecore.com/api/markdown-image/xp/ja/users/exm/100/email-experience-manager/images/EXM_100_Change_presentation_components_email_campaign_1.png)
    
4.  表示されるダイアログで「 **その他** 」をクリックし、「 **コンポーネントプロパティの編集** 」を選択してください:
    
    ![Call to Action dialog box showing how to select the Edit component properties option.](https://doc.sitecore.com/api/markdown-image/xp/ja/users/exm/100/email-experience-manager/images/EXM_100_Change_presentation_components_email_campaign_2.png)
    
    > !ヒントドロップダウンメニューに「コンポーネントプロパティの編集」オプションが表示されない場合は、ブロック内のコンテンツを選択しているためです。ブロック内の他の場所をクリックしてみてください。
    
5.  **コントロールプロパティ**のダイアログボックスで、セクション**オプション**セクションまでスクロールし、1つ以上のプロパティの設定を変更してください。例えば、**リンク**カラープロパティを*##ff0000*または*赤*に設定することで、リンクのテキストの色を赤に変更できます。
    

**セクションオプション**プロパティの値はCSSと同じ方法で指定されます。例えば、パディングは*%*、*em*、*px*の値で指定できます。

**コントロールプロパティ**ダイアログの他のセクションで利用可能なプロパティは一般的なSitecoreレイアウト設定であり、開発者によって設定されることが多いです。詳細については、「[プレースホルダー制限の設定](https://doc.sitecore.com/xp/en/developers/sxa/100/sitecore-experience-accelerator/set-placeholder-restrictions.html)」「[データソース](https://doc.sitecore.com/xp/en/developers/sxa/100/sitecore-experience-accelerator/data-sources.html)」「[HTMLキャッシュの設定](https://doc.sitecore.com/xp/en/developers/100/sitecore-experience-manager/configure-html-caching.html)」をご覧ください。