轉換舊版編輯器電子郵件內容 converting-an-html-content

Last update: Fri Jul 19 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

主題：
電子郵件設計

建立對象：

中繼
使用者

開始使用電子郵件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

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>`

<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
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>`