在電子郵件設計器中,選擇元素時,將在中顯示特定於所選內容類型的幾個選項 Settings 的子菜單。 您可以使用這些選項輕鬆更改電子郵件的樣式。
要在電子郵件設計器介面中選擇元素,您可以執行以下任一操作:
瀏覽結構樹可以進行更準確的選擇。 您可以選擇以下任一項:
要選擇列,還可以執行以下操作:
請參閱中的示例 此部分。
在電子郵件中選擇元素。 有關此的詳細資訊,請參閱 選擇元素。
根據需要調整設定。 每個選定元素提供不同的設定集。
您可以插入背景、更改大小、修改水準或垂直對齊、管理顏色、添加 填充或邊距等等。
為此,請使用 Settings 或 添加內聯樣式屬性。
保存您的內容。
電子郵件設計器介面允許您快速調整填充和邊距設定。
Padding:此設定允許您管理位於元素邊框內的空間。
例如:
Margin:此設定使您能夠管理元素邊框和下一個元素之間的空間。
根據您的選擇(結構元件、列或內容元件),結果將不相同。 Adobe建議設定 Padding 和 Margin 列級的參數。
對於兩者 Padding 和 Margin,按一下鎖定表徵圖可中斷上下或右左參數之間的同步。 這使您能夠單獨調整每個參數。
文本對齊:將滑鼠的游標置於某些文本上,然後使用上下文工具欄對齊它。
水準對齊 可應用於文本、影像和按鈕 — 當前不適用於 Divider 和 Social 元件。
設定 垂直對齊,選擇結構元件內的列,然後從「設定」窗格中選擇一個選項。
在使用電子郵件設計器設定背景時,Adobe建議使用以下內容:
下面是您可以使用的可用背景設定。
設定 Background color 整封郵件。 確保在可從左側元件面板訪問的導航樹中選擇主體設定。
通過選擇 Viewport background color。 此選項允許您從背景顏色中選擇其他設定。
為每個結構元件設定不同的背景顏色。 在導航樹中選擇一個結構,該結構可從左側的調色板訪問,以僅將特定背景顏色應用於該結構。
請確保未設定視區背景顏色,因為它可能隱藏結構背景顏色。
設定 Background image 的子菜單。
某些電子郵件程式不支援背景影像。 不支援時,將改用行背景顏色。 確保在無法顯示影像時選擇適當的後退背景顏色。
在列級別設定背景顏色。
這是最常見的使用案例。 Adobe建議在列級別設定背景顏色,因為這樣在編輯整個電子郵件內容時就更加靈活。
也可以在列級別設定背景影像,但很少使用。
要在由三列組成的結構元件內調整填充和垂直對齊。 要執行此操作,請遵循下列步驟:
直接在電子郵件中選擇結構元件,或使用左側提供的結構樹 調色板。
從 上下文工具欄按一下 Select a column 選擇要編輯的。 也可以從結構樹中選取它。
該列的可編輯參數顯示在 Settings 的子菜單。
下 Vertical alignment選中 Up。
內容元件顯示在列的頂部。
下 Padding,定義列內的頂部填充。 按一下鎖定表徵圖以用底部填充中斷同步。
定義該列的左邊距和右邊距。
同樣,繼續調整其他列的對齊和填充。
儲存您的變更。
您可以在電子郵件設計器中為連結加下划線並選擇其顏色和目標。
在插入連結的元件中,選擇連結的標籤文本。
在元件設定中,檢查 Underline link 為連結的標籤文本加下划線。
要選擇將開啟連結的瀏覽上下文,請選擇 Target。
要更改連結的顏色,請按一下 Link color。
選擇所需的顏色。
儲存您的變更。
在「電子郵件設計器」介面中,選擇某個元素並在側面板上顯示其設定時,可以自定義該特定元素的內嵌屬性及其值。
在內容中選擇元素。
在側面板上,查找 Styles Inline 的子菜單。
修改現有屬性的值,或使用 + 按鈕 您可以添加符合CSS的任何屬性和值。
樣式隨後應用於所選元素。 如果子元素沒有定義特定的樣式屬性,則父元素的樣式將繼承。