ドキュメント Campaign Campaign Standard ドキュメント

従来のエディターのメールコンテンツの変換 converting-an-html-content

最終更新日： 2026年5月15日

適用対象：
Campaign Standard

トピック：
Email Design

作成対象：

Intermediate
User

メールDesignerの作業を開始し、従来のエディターで作成したメールHTMLから再利用可能なテンプレートとフラグメントを作成します。

このユースケースでは、HTMLの電子メールを使用して、電子メールDesignerのHTML コンポーネントに分割することで、電子メールDesigner テンプレートを作成できます。

NOTE

互換モードと同様に、HTML コンポーネントは限られたオプションで編集可能です。インプレースエディションのみ実行できます。

IMPORTANT

この節は、HTML コードに精通している上級者向けです。

メールコンテンツの準備

HTMLの電子メールを選択します。
HTMLのメールを分割するセクションを決める。
HTMLから様々なブロックを切り取ります。

メール構造の作成

Email Designerを開いて、空のメールコンテンツを作成します。
ボディレベルの属性（背景色、幅など）の設定詳しくは、電子メールスタイルの編集を参照してください。
構造コンポーネントを追加する場合は、セクションがある場合と同じ数だけ追加します。詳しくは、メール構造の編集を参照してください。

HTML コンテンツを追加

各構造コンポーネントにHTML コンポーネントを追加します。詳しくは、フラグメントとコンポーネントの追加を参照してください。
HTMLを各コンポーネントにコピー&ペーストします。

メールのスタイルを管理 manage-the-style-of-your-email

Mobile viewに切り替えます。詳しくは、この節を参照してください。

これを修正するには、ソースコードモードに切り替え、スタイルセクションを新しいスタイルセクションにコピー&ペーストします。例：

code language-none

<style type="text/css">
a {text-decoration:none;}
body {min-width:100% !important; margin:0 auto !important; padding:0 !important;}
img {line-height:100%; text-decoration:none; -ms-interpolation-mode:bicubic;}
...
</style>

note
NOTE
この後に別のカスタムスタイルタグにスタイルを追加してください。
電子メールDesignerで生成されたCSSを変更しないでください。
`<style data-name="default" type="text/css">(##)</style>` `<style data-name="supportIOS10" type="text/css">(##)</style>` `<style data-name="mediaIOS8" type="text/css">(##)</style>` `<style data-name="media-default-max-width-500px" type="text/css">(##)</style>` `<style data-name="media-default--webkit-min-device-pixel-ratio-0" type="text/css">(##)</style>`