管理電子郵件樣式

在電子郵件設計器中,選擇元素時,將在中顯示特定於所選內容類型的幾個選項 Settings 的子菜單。 您可以使用這些選項輕鬆更改電子郵件的樣式。

選擇元素

要在電子郵件設計器介面中選擇元素,您可以執行以下任一操作:

  • 直接在電子郵件中按一下,
  • 或瀏覽位於左側的選項中的結構樹 調色板

瀏覽結構樹可以進行更準確的選擇。 您可以選擇以下任一項:

  • 整個結構,
  • 組成結構元件的列之一,
  • 或僅包含位於列中的元件。

要選擇列,還可以執行以下操作:

  1. 選擇結構元件(直接在電子郵件中或使用左側提供的結構樹) 調色板)。
  2. 上下文工具欄​按一下 Select a column 的子菜單。

請參閱中的示例 此部分

調整樣式設定

  1. 在電子郵件中選擇元素。 有關此的詳細資訊,請參閱 選擇元素

  2. 根據需要調整設定。 每個選定元素提供不同的設定集。

    您可以插入背景、更改大小、修改水準或垂直對齊、管理顏色、添加 填充或邊距等等。

    為此,請使用 Settings添加內聯樣式屬性

  3. 保存您的內容。

調整填充和邊距

電子郵件設計器介面允許您快速調整填充和邊距設定。

Padding:此設定允許您管理位於元素邊框內的空間。

例如:

  • 使用填充設定影像左側和右側的邊距。
  • 使用頂部和底部填充為 TextDivider 元件。
  • 要設定結構元素內各列之間的邊框,請為每列定義填充。

Margin:此設定使您能夠管理元素邊框和下一個元素之間的空間。

注意

根據您的選擇(結構元件、列或內容元件),結果將不相同。 Adobe建議設定 PaddingMargin 列級的參數。

對於兩者 PaddingMargin,按一下鎖定表徵圖可中斷上下或右左參數之間的同步。 這使您能夠單獨調整每個參數。

造型對齊

  • 文本對齊:將滑鼠的游標置於某些文本上,然後使用上下文工具欄對齊它。

  • 水準對齊 可應用於文本、影像和按鈕 — 當前不適用於 DividerSocial 元件。

  • 設定 垂直對齊,選擇結構元件內的列,然後從「設定」窗格中選擇一個選項。

設定背景

在使用電子郵件設計器設定背景時,Adobe建議使用以下內容:

  1. 如果設計需要,請將背景色應用於電子郵件正文。
  2. 在大多數情況下,在列級別設定背景顏色。
  3. 由於影像或文本元件難以管理,請盡量不要使用背景顏色。

下面是您可以使用的可用背景設定。

  • 設定 Background color 整封郵件。 確保在可從左側元件面板訪問的導航樹中選擇主體設定。

  • 通過選擇 Viewport background color。 此選項允許您從背景顏色中選擇其他設定。

  • 為每個結構元件設定不同的背景顏色。 在導航樹中選擇一個結構,該結構可從左側的調色板訪問,以僅將特定背景顏色應用於該結構。

    請確保未設定視區背景顏色,因為它可能隱藏結構背景顏色。

  • 設定 Background image 的子菜單。

    注意

    某些電子郵件程式不支援背景影像。 不支援時,將改用行背景顏色。 確保在無法顯示影像時選擇適當的後退背景顏色。

  • 在列級別設定背景顏色。

    注意

    這是最常見的使用案例。 Adobe建議在列級別設定背景顏色,因為這樣在編輯整個電子郵件內容時就更加靈活。

    也可以在列級別設定背景影像,但很少使用。

示例:調整垂直對齊和填充

要在由三列組成的結構元件內調整填充和垂直對齊。 要執行此操作,請遵循下列步驟:

  1. 直接在電子郵件中選擇結構元件,或使用左側提供的結構樹 調色板

  2. 上下文工具欄​按一下 Select a column 選擇要編輯的。 也可以從結構樹中選取它。

    該列的可編輯參數顯示在 Settings 的子菜單。

  3. Vertical alignment​選中 Up

    內容元件顯示在列的頂部。

  4. Padding,定義列內的頂部填充。 按一下鎖定表徵圖以用底部填充中斷同步。

    定義該列的左邊距和右邊距。

  5. 同樣,繼續調整其他列的對齊和填充。

  6. 儲存您的變更。

您可以在電子郵件設計器中為連結加下划線並選擇其顏色和目標。

  1. 在插入連結的元件中,選擇連結的標籤文本。

  2. 在元件設定中,檢查 Underline link 為連結的標籤文本加下划線。

  3. 要選擇將開啟連結的瀏覽上下文,請選擇 Target

  4. 要更改連結的顏色,請按一下 Link color

  5. 選擇所需的顏色。

  6. 儲存您的變更。

添加內聯樣式屬性

在「電子郵件設計器」介面中,選擇某個元素並在側面板上顯示其設定時,可以自定義該特定元素的內嵌屬性及其值。

  1. 在內容中選擇元素。

  2. 在側面板上,查找 Styles Inline 的子菜單。

  3. 修改現有屬性的值,或使用 + 按鈕 您可以添加符合CSS的任何屬性和值。

樣式隨後應用於所選元素。 如果子元素沒有定義特定的樣式屬性,則父元素的樣式將繼承。

本頁內容