電子メールデザイナーで作業する際に開始が発生した場合は、レガシーエディターで作成した電子メールHTMLから、再利用可能なテンプレートやフラグメントを作成してください。
この使用例では、HTML電子メールを使用して電子メールデザイナーテンプレートを作成し、電子メールデザイナーでHTMLコンポーネントに分割できます。
互換モードと同様に、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>
この後に、別のカスタムスタイルタグでスタイルを追加してください。
電子メールデザイナで生成された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のどのセクションかを識別するために、要素を選択できます。
電子メールのHTMLバージョンを表示するには、Show sourceをクリックします。
電子メールのレイアウトを反映してStructure componentsをドラッグ&ドロップします。
必要な回数だけ繰り返します。 11個の構造コンポーネントを作る必要があります
各Structure componentにHTML componentを挿入します。
各セクションに対して、Show source codeをクリックします。
HTMLセクションを挿入します。
「Save」をクリックします。
これで、電子メールのレンダリングを確認できます。
CSS要素を挿入して、電子メールがモバイル表示に適していることを確認します。
ソースコードに切り替え、スタイルセクションを新しいスタイルセクションにコピー&ペーストします。
詳しくは、電子メールのスタイルの管理を参照してください。
従来の電子メールが電子メールデザイナーで使用できるようになりました。