管理电子邮件样式

在Email Designer中,选择元素时,在 Settings 中。 您可以使用这些选项轻松更改电子邮件的样式。

选择元素

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

  • 直接在电子邮件中单击,
  • 或浏览左侧选项中可用的结构树 调色板.

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

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

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

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

请参阅 此部分.

调整样式设置

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

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

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

    为此,请使用 Settings 窗格或 添加内联样式属性.

  3. 保存您的内容。

调整内边距和边距

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

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

例如:

  • 使用填充设置图像左侧和右侧的边距。
  • 使用上边距和下边距向 TextDivider 组件。
  • 要设置结构元素内各列之间的边框,请为每列定义内边距。

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

注意

根据您的选择(结构组件、列或内容组件),结果将不相同。 Adobe建议将 PaddingMargin 列级别的参数。

对于 PaddingMargin,单击锁定图标可中断顶部和底部参数之间的同步,或者单击右部和左部参数之间的同步。 这样,您就可以单独调整每个参数。

样式对齐方式

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

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

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

设置背景

在使用Email Designer设置背景时,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. 保存更改。

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

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

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

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

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

  5. 选你需要的颜色。

  6. 保存更改。

添加内联样式属性

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

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

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

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

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

在此页面上