E メールデザイナーの使用を開始し、レガシーエディターで作成した E メールHTMLから、再利用可能なテンプレートとフラグメントを構築します。
この使用例では、HTMLE メールを使用し、E メールデザイナーでHTMLコンポーネントに分割することで、E メールデザイナーテンプレートを作成できます。
互換性モードと同様に、HTMLコンポーネントは、次の制限付きオプションで編集できます。インプレース編集のみ実行できます。
この節は、HTMLコードに詳しい上級ユーザー向けです。
切り替え先 Mobile view. 詳しくは、この節を参照してください。
これを修正するには、ソースコードモードに切り替えて、スタイルセクションを新しいスタイルセクションにコピー&ペーストします。 例:
<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>
別のカスタムスタイルタグで、この後にスタイルを必ず追加してください。
E メールデザイナーで生成された 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>
モバイル表示に戻って、コンテンツが正しく表示されていることを確認し、変更を保存します。
レガシーエディターで作成したこのメールを、 Email Designer テンプレート。
この電子メールで 11 のセクションを特定できます。
要素のどのセクションかを識別するには、HTMLを選択します。
E メールのHTMLバージョンを確認するには、 Show source.
ドラッグ&ドロップ Structure components メールのレイアウトを反映します。
必要な回数だけ繰り返します。 11 個の構造コンポーネントを作成する必要があります。
挿入 HTML component 各 Structure component .
各セクションで、 Show source code .
「HTML」セクションを挿入します。
「Save」をクリックします。
これで、E メールのレンダリングを確認できます。
CSS 要素を挿入して、電子メールがモバイル表示に適していることを確認します。
ソースコードに切り替え、スタイルセクションを新しいスタイルセクションにコピー&ペーストします。
詳しくは、 E メールのスタイルを管理.
従来の E メールを E メールデザイナーで使用できるようになりました。