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

Last update: Fri Dec 29 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

主題：
Email Design

建立對象：

Intermediate
User

開始使用電子郵件設計工具，並從在舊版編輯器中建立的電子郵件HTML中建立可重複使用的範本和片段。

此使用案例可讓您使用HTML電子郵件，並將它分割成電子郵件設計工具中的HTML元件，來建立電子郵件設計工具範本。

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
請務必將您的樣式新增至另一個自訂樣式標籤中。
請勿修改電子郵件設計工具產生的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>`