管理电子邮件样式 :headding-anchor:managing-styles

在电子邮件Designer中,选择元素时,Settings ​窗格中会显示多个特定于所选内容类型的选项。 您可以使用这些选项轻松更改电子邮件的样式。

选择元素 :headding-anchor:selecting-an-element

要在电子邮件Designer界面中选择元素,您可以:

  • 直接在电子邮件中单击,
  • 或浏览位于左侧​ 调色板 ​中的选项中提供的结构树。

浏览结构树可让您进行更精确的选取。 您可以选择以下任一选项:

  • 整个结构组件,
  • 构成结构组件的其中一列,
  • 或仅位于列中的组件。

要选择列,还可以执行以下操作:

  1. 选择结构组件(直接在电子邮件中或使用左侧​ 调色板 ​中提供的结构树)。
  2. 从​ 上下文工具栏 ​中,单击​ Select a column ​以选择所需的列。

此部分中查看示例。

调整样式设置 :headding-anchor:adjusting-style-settings

  1. 在电子邮件中选择元素。 有关详细信息,请参阅选择元素

  2. 根据需要调整设置。 每个选定的元素均提供一组不同的设置。

    您可以插入背景、更改大小、修改水平或垂直对齐方式、管理颜色、添加填充或边距等等。

    为此,请使用​ Settings ​窗格中显示的选项或添加内联样式属性

  3. 保存您的内容。

调整边距和边距 :headding-anchor:about-padding-and-margin

通过Email Designer界面,您可以快速调整填充和边距设置。

Padding:此设置允许您管理位于元素边框内的空间。

例如:

  • 使用填充在图像的左右两侧设置边距。
  • 使用顶部和底部内边距为​ Text ​或​ Divider ​组件添加更多间距。
  • 要设置结构元素内各列之间的边框,请为每个列定义边距。

Margin:此设置允许您管理元素的边框与下一个元素之间的间距。

NOTE
根据您的选择(结构组件、列或内容组件),结果将不同。 Adobe建议在列级别设置​ Padding ​和​ Margin ​参数。

对于​ Padding ​和​ Margin,单击锁定图标可中断上下或左右参数之间的同步。 这使您能够单独调整每个参数。

样式对齐方式 :headding-anchor:about-alignment

  • 文本对齐方式:将鼠标光标放在某些文本上,并使用上下文工具栏对其进行对齐。

  • 水平对齐方式 ​可应用于文本、图像和按钮 — 当前不适用于​ Divider ​和​ Social ​组件。

  • 要设置​ 垂直对齐方式,请在结构组件内选择一个列,然后从“设置”窗格中选择一个选项。

设置背景 :headding-anchor:about-backgrounds

在使用电子邮件设计器设置背景时,Adobe 有以下建议:

  1. 如果设计需要,可对电子邮件正文应用背景颜色。
  2. 在大多数情况下,在列级别设置背景颜色。
  3. 尽量不要在图像或文本组件上使用背景颜色,因为它们难以管理。

以下是可使用的可用背景设置。

  • 为整个电子邮件设置​ Background color。 确保在可从左侧面板访问的导航树中选择正文设置。

  • 通过选择​ Viewport background color,为所有结构组件设置相同的背景颜色。 此选项可让您从背景颜色中选择其他设置。

  • 为每个结构组件设置不同的背景颜色。在导航树中选择可从左侧面板访问的结构,以便仅对该结构应用特定的背景颜色。

    切勿设置视口背景颜色,因为它可能会隐藏结构背景颜色。

  • 为结构组件的内容设置​ Background image

    note note
    NOTE
    某些电子邮件程序不支持背景图像。当不支持时,将改用行背景颜色。 请务必选择合适的备用背景颜色,以防图像无法显示。
  • 在列级别设置背景颜色。

    note note
    NOTE
    这是最常见的用例。Adobe 建议在列级别设置背景颜色,因为这可在编辑整个电子邮件内容时提供更大的灵活性。

    您也可以在列级别设置背景图像,但很少这样做。

示例:调整垂直对齐和填充 :headding-anchor:example--adjusting-vertical-alignment-and-padding

要在由三列组成的结构组件内调整填充和垂直对齐。 为此请执行以下操作步骤:

  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. 保存您的更改。

添加内联样式属性 :headding-anchor:adding-inline-styling-attributes

在Email Designer界面中,当您选择元素并在侧面板上显示其设置时,您可以自定义该特定元素的内联属性及其值。

  1. 在内容中选择元素。

  2. 在侧面板上,查找​ Styles Inline ​设置。

  3. 修改现有属性的值,或使用​ + ​按钮添加新属性。 可以添加任何符合 CSS 的属性和值。

然后,样式将应用于所选的元素。 如果子元素不具有定义的特定样式属性,则继承父元素的样式。

recommendation-more-help
3ef63344-7f3d-48f9-85ed-02bf569c4fff