在Email Designer中,选择元素时,多个特定于所选内容类型的选项将显示在 Settings 窗格。 您可以使用这些选项轻松更改电子邮件的样式。
要在Email Designer界面中选择元素,您可以:
浏览结构树可让您进行更精确的选取。 您可以选择以下任一选项:
要选择列,还可以执行以下操作:
请参阅中的示例 本节.
在电子邮件中选择元素。 有关此内容的更多信息,请参阅 选择元素.
根据需要调整设置。 每个选定的元素均提供一组不同的设置。
您可以插入背景、更改大小、修改水平或垂直对齐方式、管理颜色、添加 填充或边距,等等。
要实现此目的,请使用 Settings 窗格或 添加内联样式属性.
保存您的内容。
Email Designer界面允许您快速调整填充和边距设置。
Padding:通过此设置,可管理位于元素边框内的空间。
例如:
Margin:通过此设置,可管理元素的边框与下一个元素之间的间距。
根据您的选择(结构组件、列或内容组件),结果将不同。 Adobe建议设置 Padding 和 Margin 列级别的参数。
对于两者 Padding 和 Margin,单击锁定图标以中断上下或左右参数之间的同步。 这使您能够单独调整每个参数。
文本对齐方式:将鼠标光标放在某些文本上并使用上下文工具栏对其进行对齐。
水平对齐方式 可应用于文本、图像和按钮 — 当前不应用于 Divider 和 Social 组件。
要设置 垂直对齐,选择结构组件中的列,然后从设置窗格中选择选项。
在使用电子邮件设计器设置背景时,Adobe 有以下建议:
以下是可使用的可用背景设置。
设置 Background color 整个电子邮件。 确保在可从左侧面板访问的导航树中选择正文设置。
通过选择为所有结构组件设置相同的背景颜色 Viewport background color. 此选项可让您从背景颜色中选择其他设置。
为每个结构组件设置不同的背景颜色。在导航树中选择可从左侧面板访问的结构,以便仅对该结构应用特定的背景颜色。
切勿设置视口背景颜色,因为它可能会隐藏结构背景颜色。
设置 Background image 结构组件的内容。
某些电子邮件程序不支持背景图像。当不支持时,将改用行背景颜色。 请务必选择合适的备用背景颜色,以防图像无法显示。
在列级别设置背景颜色。
这是最常见的用例。Adobe 建议在列级别设置背景颜色,因为这可在编辑整个电子邮件内容时提供更大的灵活性。
您也可以在列级别设置背景图像,但很少这样做。
要在由三列组成的结构组件内调整填充和垂直对齐。 为此请执行以下操作步骤:
直接在电子邮件中或使用左侧提供的结构树选择结构组件 调色板.
从 上下文工具栏,单击 Select a column 并选择要编辑的项目。 也可以从结构树中选择它。
该列的可编辑参数显示在 Settings 窗格在右边。
下 Vertical alignment,选择 Up.
内容组件显示在列顶部。
下 Padding,定义列中的顶部边距。 单击锁定图标可中断与底部填充的同步。
为该列定义左右边距。
以类似的方式继续调整其他列的对齐方式和内边距。
保存您的更改。
可以在电子邮件设计器中为链接添加下划线并选择其颜色和目标。
在插入了链接的组件中,选择链接的标签文本。
在组件设置中,选中 Underline link 为链接的标签文本加下划线。
要选择将在其中打开链接的浏览上下文,请选择 Target.
要更改链接的颜色,请单击 Link color.
选择您需要的颜色。
保存您的更改。
在Email Designer界面中,当您选择元素并在侧面板上显示其设置时,您可以自定义该特定元素的内联属性及其值。
在内容中选择元素。
在侧面板上,查找 Styles Inline 设置。
修改现有属性的值,或使用 + 按钮。 可以添加任何符合 CSS 的属性和值。
然后,样式将应用于所选的元素。 如果子元素不具有定义的特定样式属性,则继承父元素的样式。