管理电子邮件样式

在電子郵件設計工具中，選取元素時，所選內容型別的幾個特定選項會顯示在 Settings 窗格。 您可以使用這些選項輕鬆變更電子郵件的樣式。

選取元素

若要在「電子郵件設計工具」介面中選取元素，您可以：

  • 直接在電子郵件中按一下
  • 或瀏覽左側選項中可用的結構樹狀結構 浮動面板.

瀏覽結構樹可讓您進行更精確的選取。 您可以選取：

  • 整個結構元件，
  • 構成結構元件的其中一欄
  • 或僅限位於欄內的元件。

若要選取欄，您也可以執行下列動作：

  1. 選取結構元件（直接在電子郵件中，或使用左側可用的結構樹） 浮動面板)。
  2. 從 內容工具列，按一下 Select a column 以選擇所需的欄。

請參閱中的範例 本節.

調整樣式設定

  1. 選取電子郵件中的元素。 如需詳細資訊，請參閱 選取元素.

  2. 根據您的需求調整設定。 每個選取的元素都提供一組不同的設定。

    您可以插入背景、變更大小、修改水平或垂直對齊方式、管理顏色、新增 邊框間距或邊界、等等。

    要執行此操作，請使用 Settings 窗格或 新增內嵌樣式屬性.

  3. 儲存您的內容。

調整邊框間距和邊界

電子郵件設計工具介面可讓您快速調整邊框間距和邊界設定。

Padding：此設定可讓您管理元素邊框內的空間。

例如：

  • 使用內距來設定影像左右兩側的邊界。
  • 使用頂端和底部內距來增加間距 Text 或 Divider 元件。
  • 若要在結構元素內的欄之間設定邊界，請為每一欄定義邊框間距。

Margin：此設定可讓您管理元素邊框與下一個元素之間的空間。

注意

根據您的選取（結構元件、欄或內容元件），結果將不同。 Adobe建議設定 Padding 和 Margin 欄層級的引數。

針對兩者 Padding 和 Margin，按一下鎖定圖示以中斷頂端與底端引數或右側與左側引數之間的同步化。 這可讓您分別調整每個引數。

樣式對齊方式

  • 文字對齊方式：將滑鼠游標置於某些文字上，並使用內容工具列對齊文字。

  • 水準對齊方式 可套用至文字、影像和按鈕 — 目前不適用於 Divider 和 Social 元件。

  • 要設定 垂直對齊方式，選取結構元件內的欄，然後從「設定」窗格中選擇選項。

設定背景

在使用电子邮件设计器设置背景时，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 的属性和值。

然後，樣式會套用至選取的元素。 如果子元素不具有定义的特定样式属性，则继承父元素的样式。

在此页面上