管理电子邮件样式

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

选择元素

要在Email Designer界面中选择元素,您可以:

  • 直接在电子邮件中单击,
  • 或浏览位于左​Palette​中的选项中可用的结构树。

浏览结构树后,可以进行更准确的选择。 您可以选择以下任一项:

  • 整个结构部件,
  • 组成结构组件的列之一,
  • 或仅包含位于列内的组件。

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

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

请参见此部分中的示例。

调整样式设置

  1. 在电子邮件中选择一个元素。 有关更多信息,请参阅选择元素

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

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

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

  3. 保存您的内容。

调整内边距和边距

Email Designer界面允许您快速调整边距和边距设置。

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

例如:

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

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

注意

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

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

样式对齐方式

  • 文本对齐方式:将鼠标的光标放在某些文本上,然后使用上下文工具栏对齐它。

  • 水平 对齐可以应用于文本、图像和按钮 — 当前不适用于和 DividerSocial 件。

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

设置背景

在使用Email Designer设置背景时,Adobe建议执行以下操作:

  1. 根据您的设计需要,将背景颜色应用于电子邮件正文。
  2. 在大多数情况下,在列级别设置背景颜色。
  3. 请尽量不要在图像或文本组件上使用背景颜色,因为它们很难管理。

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

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

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

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

    确保未设置视区背景颜色,因为它可能隐藏结构背景颜色。

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

    注意

    某些电子邮件程序不支持背景图像。 不支持时,将改用行背景颜色。 确保在图像无法显示的情况下选择适当的回退背景颜色。

  • 在列级别设置背景颜色。

    注意

    这是最常见的用例。 Adobe建议在列级别设置背景颜色,因为这样在编辑整个电子邮件内容时就更灵活了。

    您也可以在列级别设置背景图像,但很少使用此方法。

示例:调整垂直对齐和填充

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

  1. 直接在电子邮件中或使用左侧​Palette​中提供的结构树选择结构组件。

  2. 在​上下文工具栏​中,单击​Select a column​并选择要编辑的工具栏。 也可以从结构树中选择它。

    该列的可编辑参数显示在右侧的​Settings​窗格中。

  3. 在​Vertical alignment​下,选择​Up

    内容组件显示在列顶部。

  4. 在​Padding​下,定义列内的顶部内边距。 单击锁图标以中断与底部内边距的同步。

    定义该列的左边距和右边距。

  5. 以类似方式继续调整其他列的对齐方式和内边距。

  6. 保存更改。

您可以在Email Designer中为链接加下划线并选择其颜色和目标。

  1. 在插入链接的组件中,选择链接的标签文本。

  2. 在组件设置中,选中​Underline link​可为链接的标签文本添加下划线。

  3. 要选择将打开您的链接的浏览上下文,请选择​Target

  4. 要更改链接的颜色,请单击​Link color

  5. 选你需要的颜色。

  6. 保存更改。

添加内联样式属性

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

  1. 在内容中选择一个元素。

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

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

样式随后将应用于所选元素。 如果子元素未定义特定的样式属性,则会继承父元素的样式。

在此页面上