Show Menu
主题×

管理电子邮件样式

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

选择元素

要在“电子邮件设计器”界面中选择元素,您可以:
  • 直接在电子邮件中单击,
  • 或浏览左侧“调色板”( Palette)选项中可用的结构树
通过浏览结构树,您可以做出更准确的选择。 您可以选择以下任一选项:
  • 整个结构,
  • 组成结构组件的列之一,
  • 或者仅包含位于列内的组件。
要选择列,还可以执行以下操作:
  1. 选择一个结构组件(直接在电子邮件中或使用左侧调色板中提供的结构 )。
  2. 在上下文 工具栏中 ,单 **Select a column**击以选择所需的列。
请参阅此部分 的示例

调整样式设置

  1. 在电子邮件中选择元素。 有关此内容的详细信息,请参 阅选择元素
  2. 根据您的需要调整设置。 每个选定的元素提供一组不同的设置。
    您可以插入背景、更改大小、修改水平或垂直对齐方式、管理颜色、 添加填充 或边距等。
    为此,请使用窗格中显示的选项或 **Settings**添加内 联样式属性
  3. 保存您的内容。

调整填充和边距

通过电子邮件设计器界面,您可以快速调整填充和边距设置。
Padding :此设置允许您管理位于元素边框内的空间。
例如:
  • 使用填充在图像的左侧和右侧设置边距。
  • 使用顶部和底部填充为组件添加更 Text 多间 Divider 距。
  • 要设置结构元素内各列之间的边框,请为每列定义填充。
Margin :此设置允许您管理元素边框与下一个元素之间的间距。
根据您的选择(结构组件、列或内容组件),结果将不相同。 Adobe建议在列 Padding 级别 Margin 设置和参数。
对于和 Padding ,单**Margin**​击锁图标可中断顶部和底部参数或右和左参数之间的同步。 这使您能够单独调整每个参数。

样式对齐

  • 文本对齐 :将鼠标光标放在某些文本上,然后使用上下文工具栏对齐它。
  • 水平对齐 (Horizontal alignment can be applied to text)、图像和按钮- currently not to the Divider and components 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. 在侧面板上,查找设 **Styles Inline**置。
  3. 修改现有属性的值,或使用 +按钮添加新 属性。 您可以添加任何符合CSS规范的属性和值。
样式随后将应用于所选元素。 如果子元素没有定义特定的样式属性,则继承父元素的样式。