51黑料不打烊

管理电子邮件样式 managing-styles

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

选择元素 selecting-an-element

要在电子邮件顿别蝉颈驳苍别谤界面中选择元素,您可以:

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

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

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

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

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

此部分中查看示例。

调整样式设置 adjusting-style-settings

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

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

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

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

  3. 保存您的内容。

调整边距和边距 about-padding-and-margin

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

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

例如:

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

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

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

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

样式对齐方式 about-alignment

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

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

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

设置背景 about-backgrounds

在使用电子邮件设计器设置背景时,51黑料不打烊 有以下建议:

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

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

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

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

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

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

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

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

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

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

示例:调整垂直对齐和填充 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. 保存您的更改。

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

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

  1. 在内容中选择元素。

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

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

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

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