轮播横幅 carousel-banners

识别热点和图像映射变量(仅适用于使用Experience Manager Assets + Dynamic Media的客户)

首先，确定现有“快速视图”实施使用的动态变量，以便您可以在Adobe Experience Manager Assets中的轮播横幅创建过程中正确输入热点和图像映射数据。

可选：根据需要创建轮播集查看器预设。

如果您是管理员，则可以通过创建自己的轮盘查看器预设来自定义轮盘的行为和外观。 主要好处是，您可以对多个轮播重复使用此自定义查看器预设。 但是，用户可以选择在创作轮播时直接自定义轮播的行为和外观。 当您希望为给定轮播提供特定设计时，首选方法是此方法。

上载图像横幅。

上传要使其成为交互式内容的图像横幅。

创建传送集。

在轮播集中，用户浏览横幅图像并选择热点或图像映射以访问相关内容。

要在Assets中创建传送集，请选择​ 创建，然后选择​ 传送集。 将资源添加到每张幻灯片，然后选择​ 保存。 您还可以直接在编辑器中编辑轮播集的外观和行为。

将热点或图像映射添加到图像横幅。

将一个或多个热点或图像映射添加到图像横幅，并将每个热点或图像映射与链接、概览或体验片段等操作相关联。 添加热点或图像映射后，可通过发布轮播集来完成此任务。 发布操作将创建可用于复制并应用于您的网站登陆页面的嵌入代码。

查看（可选）预览轮播横幅 — 可选。 如果需要，您可以查看轮播集的表示形式并测试其交互性。

Publish传送横幅。

您可以像发布任何资源一样发布传送集。 在Assets中，导航到轮播集并将其选中，然后选择​ Publish。 发布轮播集将激活URL和嵌入字符串。

执行下列操作之一：

• 将轮播横幅添加到您的网站页面您可以将复制的轮播横幅URL或嵌入代码添加到网站页面。

  • 将轮播横幅与现有概览集成。 如果您使用第三方Web内容管理系统，则必须将新的轮播横幅与网站上现有的概览实施集成。

• 在Experience Manager中将轮播横幅添加到您的网站如果您是Experience Manager Sites客户，则可以使用交互媒体组件将轮播集直接添加到Experience Manager中的页面。

在Assets中，导航到要创建轮播集的文件夹，然后转到​ 创建 > 轮播集。

在轮播横幅编辑器页面上，选择​ 点击以打开资产选择器 ​以选择您的第一张幻灯片的图像。

在轮播横幅编辑器页面上，执行以下任一操作：

• 在页面的左上角附近，选择​ 添加幻灯片 ​图标。

• 在页面中间附近，选择​ 点按以打开资产选择器。

选择以选择要包含在轮播集中的资源。 选定资产上有一个复选标记图标。完成后，在页面的右上角附近，选择​ 选择。

借助资产选择器，您可以通过键入关键字并点按或单击​ 返回 ​来搜索资产。您还可以应用过滤器来优化搜索结果。您可以按路径、收藏集、文件类型和标记进行过滤。选择筛选器，然后选择工具栏上的​ 筛选器 ​图标。 点按“视图”图标并选择​ 列视图、卡片视图 ​或​ 列表视图 ​可更改视图。

有关详细信息，请参阅使用选择器。

继续添加幻灯片，直到在轮播集中添加了所有要旋转的图像为止。

（可选）执行以下任一操作：

• 如有必要，请拖动幻灯片以重新排序集合列表中的图像。

• 要删除图像，请选择该图像，然后在工具栏上选择​ 删除幻灯片。

• 要应用预设，请在页面右上角附近选择预设下拉列表，然后选择要应用于该设置的预设。

要删除幻灯片，请选择幻灯片，然后在工具栏上选择​ 删除幻灯片。 要移动幻灯片，请选择重新排序图标，然后按住并移动到所需位置。

在幻灯片中添加图像后，您可以向图像添加热点、图像映射，或同时添加这两者。 查看将热点或图像映射添加到图像横幅。

您可以更改轮播集的视觉设计和行为。 选择​ 行为 ​和​ 外观 ​选项卡，并调整轮播横幅的显示方式或特定组件的行为。 有关如何使用查看器编辑器的详细信息，请参阅管理查看器预设。

* 图像显示的持续时间。 默认情况下，每个图像会显示9秒。
* 动画。 默认情况下，每个幻灯片过渡都是淡入淡出。 您可以将其更改为幻灯片过渡。
* 按钮的样式。 用户可以通过点按每个点或数字来旋转横幅。 您可以更改设置指示器按钮的显示位置（以及数字或点线样式）和大小。
* 更改图像映射的高亮样式或热点图标。
* 在编辑查看器预设之前，请选择预设的样式。 如果未选择样式，则在开始编辑查看器预设时，如果决定更改为其他预设，则会丢失所有更改。

您还可以预览轮播横幅的显示方式。 查看（可选）预览轮播横幅。

完成后选择​ 保存。

在Assets中，导航到要使其成为交互式内容的轮播集。

选择轮播集并选择​ 编辑。 此时将打开轮播查看器编辑器。

选择要使其成为交互式幻灯片的幻灯片。

在页面的左上角附近，选择​ 热点 ​或​ 图像映射。

执行以下任一操作：

• 对于热点：在图像上，选择要显示热点的位置。
• 对于图像映射：在图像上，选择，然后从左上角拖动到右下角，以创建图像映射区域。 您可以通过拖动角来调整图像映射的大小。

如有必要，请将热点或图像映射拖动到新位置。 根据需要添加更多热点或图像映射。

要删除热点或图像映射，请选择​ 操作 ​选项卡。 在​ 映射和热点 ​标题下，从​ 选定类型 ​下拉菜单中，选择要删除的热点或图像映射的名称。选择菜单旁边的​ 垃圾桶 ​图标，然后选择​ 删除。

在“名称”文本字段中，键入热点或图像映射的名称。 此名称还显示在​ 映射和热点 ​下拉列表中。 提供名称可让您在决定将来更改热点或图像映射时轻松识别它。

在​ 操作 ​选项卡中执行以下操作之一：

• 选择​ 概览。

  • 如果您是Experience Manager Sites和电子商务客户，请选择产品选取器图标（放大镜）以打开选择产品页面。 选择要使用的产品，然后选择页面右上角的复选标记，以便您可以返回到轮盘横幅编辑器。

  • 如果您不是Experience Manager Sites或电子商务客户

    • 如果要定义热点变量，请参阅识别这些变量。

    • 然后，手动输入SKU值。 在“SKU值”文本字段中，键入产品的SKU（库存单位），它是您提供的每个不同产品或服务的唯一标识符。 输入的SKU值会自动填充概览模板的变量部分，以便系统知道将点按的热点与特定SKU的概览相关联。

    • （可选）如果概览中还有其他变量必须用来进一步标识产品，请选择​ 添加通用变量。 在文本字段中，指定一个额外的变量。 例如， category=Mens是一个添加的变量。

    • 有关详细信息，请参阅使用选择器。

• 选择​ 超链接。

  • 如果您是Experience Manager Sites客户，请选择站点选择器图标（文件夹）以导航到URL。

    note note
    NOTE
    如果您的交互式内容包含具有相对URL的链接，尤其是指向Experience Manager Sites页面的链接，则基于URL的链接方法不可用。

  • 如果您是独立客户，请在HREF文本字段中指定链接网页的完整URL路径。

请确保您指定是在新的浏览器选项卡（推荐的默认值）中还是同一选项卡中打开链接。

有关详细信息，请参阅使用选择器。

• 选择​ 体验片段。

  • 如果您是Experience Manager Sites客户，请选择“搜索”图标（放大镜）以打开“体验片段”页面。 选择要使用的体验片段，然后选择页面右上角的​ 选择，以便您可以返回热点管理页面。
    查看体验片段。

  • 指定体验片段在横幅上显示的宽度和高度。

    note note
    NOTE
    将查看器嵌入体验片段时，不支持轮播横幅中的社交媒体共享工具。
    要解决此问题，请创建没有社交媒体共享工具的查看器预设。 通过此类查看器预设，可成功地将其嵌入体验片段中。

您还可以预览轮播横幅的显示方式。 查看（可选）预览轮播横幅。

选择​ 保存。

Publish传送集。 发布会创建可在网站页面上使用的嵌入代码或URL。 如果您是Experience Manager Sites客户，则可以直接将轮播集添加到您的网页。

请参阅发布资产。

请参阅将轮播集添加到您的网站登陆页面

执行以下任一操作：

• 将鼠标悬停在轮播集资源上，然后选择​ 编辑（铅笔图标）。

• 将鼠标悬停在轮播集资源上，选择​ 选择（复选标记图标），然后选择工具栏上的​ 编辑。

• 选择一个轮播集资源，然后在页面的左上角选择​ 编辑（铅笔图标）。

要编辑轮播集，请执行以下任一操作：

• 要添加幻灯片，请选择​ 添加幻灯片 ​图标，然后导航到要添加到该幻灯片的资产，并选择复选标记。
• 要重新排序幻灯片，请将幻灯片拖到新位置（选择重新排序图标以移动项目）。
• 要添加热点或图像映射，请选择热点或图像映射图标，并参阅添加热点和图像映射。
• 要编辑轮播集的外观或行为，请选择​ 外观 ​选项卡或​ 行为 ​选项卡，然后设置所需的选项。
• 要编辑热点或图像映射，请在相应的幻灯片上选择一个热点或图像映射，然后根据需要在​ 操作 ​选项卡下进行更改。
• 要删除幻灯片，请选择它，然后在工具栏上选择​ 删除幻灯片。
• 要应用预设，请在页面右上角附近选择​ 预设 ​下拉列表，然后选择查看器预设。
• 要删除整个传送集，请导航到该传送集，选择它，然后选择​ 删除。

在​ Assets ​中，导航到您创建的现有轮播横幅，然后选择以将其打开。

选择​ 编辑。

在工具栏右角的查看器预设列表中，选择一个查看器以预览轮播横幅。

选择​ 预览。

选择图像上的热点或图像映射，以便测试其关联的操作。

复制已发布的轮播集的嵌入代码。
请参阅在网页上嵌入视频查看器或图像查看器。

将您从Experience Manager Assets复制的嵌入代码添加到您的网页。
复制的嵌入代码是响应式的，因此它必须自动适合页面的嵌入区域。