---
title: "Commerceメールのスタイリングを変更する"
slug: "change-the-styling-of-a-commerce-email-message"
abstract: ""
---
# Commerceメールのスタイリングを変更する

Commerceのメールメッセージのレンダリングは標準的なMVCレンダリングと.cshtmlビューを使って作成されています。このため、以下のメールビューを収めた別の*Emails*フォルダがあり、カスタマイズ可能です。これらのファイルは <website>/Views/Commerce/Emailフォルダ内で見つけることができます。

-   EmailCartLines.cshtml
-   EmailCartTotal.cshtml
-   EmailLogo.cshtml
-   EmailOrderHeader.cshtml
-   EmailOrderLines.cshtml
-   EmailOrderTotal.cshtml
-   EmailRecommendedProducts.cshtml
-   EmailSiteLink.cshtml
-   EmailText.cshtml

メールメッセージを適切にスタイリングするには、以下の例のように各ビューに.cssを埋め込む必要があります。

@using Sitecore.Mvc
@using Sitecore.Commerce.XA.Feature.Emails
@using Sitecore.Commerce.XA.Feature.Emails.Models

@model EmailTextModel

@{
 var content = Model.ContentRenderer;
}

<style type="text/css">
.email-text-container {
 padding: 10px 20px;
 font-family: "Open Sans",sans-serif !important;
 font-size: 14px;
 color: #6B717B;
}
</style>

<div class="email-text-container">
 @content
</div>

> !重要別個のスタイル.cssファイルは使わないでください。代わりに、スタイリングをビューに埋め込みましょう。

> !注マーケティングオートメーションキャンペーンは [マーケティングオートメーションの役割](https://doc.sitecore.com/xp/en/developers/100/platform-administration-and-architecture/marketing-automation-engine.html)で実行されます。メールページのレンダリングはContent Management (CM)サーバー上で行われます。

メールの内容を変更するには、コンテンツエディターのCommerce Emailsフォルダ内のアイテムに移動します。

![Commerce email content renderings in the Content Editor](https://doc.sitecore.com/api/markdown-image/xp/ja/developers/100/sitecore-experience-commerce/images/EmailElementsContentTree.png)

さらに、*sitecore/Layout/Renderings/Feature/Commerce Experience Accelerator/Commerce Emails*フォルダにはEmail Experience Manager(EXM)メール専用のレンダリング画像もあります。

![Commerce email renderings in the Content Editor.](https://doc.sitecore.com/api/markdown-image/xp/ja/developers/100/sitecore-experience-commerce/images/EXMRenderings93.png)