[AEM Assets]{class="badge positive" title="适用于AEM Assets)。"}

Dynamic Media模板 dynamic-media-templates

使用Dynamic Media模板（WYSIWYG模板编辑器）为您的横幅和传单创建实时可自定义的模板。 发布Dynamic Media模板并将其用于下游应用程序。 Dynamic Media模板包含图像和文本图层。 向模板的图像和文本图层添加参数，并使用Dynamic Media URL重新定位图层并调整其大小以及实时更新其内容。

几个主要功能包括：

Dynamic Media模板的一些主要优势包括：

在此视频中了解如何分步创建Dynamic Media模板。

开始之前 prerequisites-for-dynamic-media-wysiwyg-template

满足以下要求以创建Dynamic Media模板并生成其投放URL：

创建Dynamic Media模板 how-to-create-dynamic-media-template

执行以下步骤以创建Dynamic Media模板：

创建一个空白画布 create-a-canvas

按照以下步骤创建一个空白画布：

右窗格中的菜单选项：​使用这些选项将必要的图像和文本图层添加到画布中。

左窗格中的菜单选项：​请将这些选项用于以下常用编辑器操作。

单击 ，并在画布层上选择更多选项( )以在创建模板时随时编辑画布维度。

将图像添加到画布上 add-images-to-the-canvas

按照以下步骤将图像添加到画布中：

在画布中添加文本图层 add-text-to-the-canvas

按照以下步骤将文本图层添加到画布中：

查看属性面板，将图层重新定位、调整大小、旋转或删除。 通过更改面板​ 文本 ​部分下相应字段中的值，将文本格式设置为所需的字体、大小、颜色、样式、对齐方式（在图层中）。 字体系列​字段显示Adobe Sans F2默认字体、重新处理的现有字体以及新上载和发布的字体。 有关详细信息，请参阅上面开始之前部分中的第5点。

设置文本的特定部分的格式和参数化这些部分以独立控制它们。

设置选择性文本格式 apply-formatting-to-substring

执行以下步骤来格式化字符串的特定部分：

每个带格式的字符串部分在子字符串选择器中显示为子字符串，可在参数面板中使用。 将参数添加到这些格式化部分，以使用模板的投放URL动态格式化它们。

将形状添加到画布 add-shapes-to-the-canvas

执行以下步骤将形状添加到画布：

编辑或删除一个图层 edit-or-delete-a-layer

按照以下步骤编辑或删除一个画布图层：

属性面板 properties-panel

属性面板包含要重新定位、调整大小和旋转图层的部分。 它还为形状图层提供颜色填充选项，为文本图层提供文本格式设置选项，并提供将CTA链接添加到任何选定图层的选项。
要导航到图层的属性面板，请单击 ，然后从列表中选择该图层以显示其属性面板。

从图层的属性面板中，选择画布上的另一个图层以导航到其属性面板。

将图层重新定位、调整大小、旋转或删除 reposition-resize-delete-a-layer

查看这些常见的用于编辑文本或图像图层的图层编辑操作：

文本格式设置选项 text-formatting-options-on-properties-panel

通过更改面板​ 文本 ​部分下相应字段中的值，将文本格式设置为所需的字体、大小、颜色、样式、对齐方式（在图层内）。
确保包括​智能文本大小调整。 智能文本大小调整适用于Copyfitting算法，可在文本区域中以最佳方式填充文本，防止文本溢出，并最大程度地减少文本底部的额外空间。

参数化图层 parameterise-a-layer

创建包含多个图像、文本和形状层的模板后，将选定图层参数化。 一个图层或其属性参数化后，会获得一个键值对（也称为参数）。 此参数可以包含在模板 URL 中，以实时更新图层的位置、大小或内容，这样就可以立即自定义模板。

要参数化图层，请执行以下操作：

参数面板选项 parameterisation-options-or-allowed-parameters

参数化的属性可以作为 URL 参数包含在模板 URL 中，这样就可以通过 URL 实时编辑模板。

图层参数 layer-parameters

下面是适用于图像和文本图层的图层参数。

X： Include可通过更改URL中的参数值，沿图层中心线水平移动图层，平行于模板平面的X轴。
Y：​包含可通过更改URL中的参数值，沿图层中心线垂直移动图层，平行于模板平面的Y轴。
宽度：​包含可通过更改URL中的参数值来调整图层的宽度。
高度：​包含可通过更改URL中的参数值来调整图层的高度。
隐藏：​包含以使用0（显示）和1（隐藏）来隐藏或显示模板中的图层。

图像参数 image-parameter

包含​ Source ​参数，以通过更改URL中参数值中的图像路径来使用新图像替换图层的图像。

文本格式设置参数 text-formatting-parameters

包括以下参数，以便通过更新URL中的参数值来编辑投放URL中的文本、其字体、颜色和大小：

文本：​包含以从URL更新文本。
字体系列：​包含以从URL更新文本的字体。
字体大小：​包含以从URL更新文本的字体大小。
文本颜色：​包含以从URL更新文本的字体颜色。

参数化子字符串 substring-parameterisation

在​ 参数 ​面板中，滚动到​ 子字符串参数 ​部分。 此部分包含一个​子字符串选择器，该选择器将格式一致的完整字符串（选定文本图层）或其格式化部分显示为单独的子字符串。 选择一个子字符串以参数化其文本、字体系列、字体大小和颜色。
使用子字符串选择器拆分子字符串以参数化其各个部分，或者使用合并子字符串以应用统一的参数。

拆分子字符串 split-substring

要参数化子字符串的特定部分，请提取该部分，使其成为单独的子字符串以供单独选择和参数化。 执行以下步骤，将子字符串拆分为单独的子字符串：

合并子字符串 merge-substring

合并子字符串会删除其现有的单个参数，并允许您在新形成的子字符串中应用一致的参数。
执行以下步骤以合并两个相邻的子字符串，将统一的参数应用于生成的子字符串：

将图层分组，以同时控制其可见性 group-layers

保持模板灵活性的另一种方法是使用单个参数名称控制多个层。 这个策略对于可见性（隐藏或显示图层）参数很有用，可以从单个模板更新设计或图形。

按照以下步骤为多个图层的隐藏参数（ ）指定相同的名称，从而允许您同时隐藏或显示它们。

预览并发布模板，以复制传递 URL preview-and-publish-template-and-copy-template-deliver-url

按照以下步骤预览和发布模板，并复制传递 URL：

复制传递 URL

预览​页面上选定的参数会成为模板 URL 中的 URL 参数。

确保模板中的图像已发布到AEM和Dynamic Media以生成模板的投放URL。

执行以下步骤以复制模板的投放URL：

从 URL 对模板进行实时更新 update-the-template-from-the-url

直接在 URL 中编辑参数可能会比较繁琐。 可以如此简化：

将这个更新的 URL 粘贴到浏览器中，查看更改的结果。

编辑模板 edit-the-template

按以下这些步骤编辑模板：

将Call to action (CTA)链接添加到模板层 add-CTA-in-dynamic-media-templates

通过添加CTA链接将Dynamic Media模板的任何图像、文本或形状图层转换为超链接，该链接可将用户引导至目标页面。

执行以下步骤以将CTA链接添加到层：

单击模板上的CTA元素以导航到目标页面。

观看此分步视频，了解如何将CTA链接添加到模板图层。

要注意的重要事项 important-points-to-note

另请参阅