多区域布局 multi-zone-layout

以下页面介绍了多区域布局的使用情况,并涵盖了以下主题:

  • 概述
  • 创建多区域布局
  • 前提条件
  • 在一个或多个区域中使用单个资源
  • 在一个或多个区域中使用序列化内容

概述 overview

多区域布局 允许您创建多个区域内容并使用可以在单个屏幕中组合的各种资产,例如视频、图像和文本。 您可以拉入图像、视频和文本,使所有这些内容混合在一起,并创建直观的数字体验。

根据项目要求,有时您需要在一个渠道中拥有多个区域,并将它们编辑为一个完整的单元。 例如,具有相关社交媒体馈送的产品序列,在单个渠道上的三个单独区域中运行。

前提条件 prerequisites

在开始实施此功能之前,请确保您对以下内容具有概念性知识:

创建多区域布局 creating-multi-zone-layout

在创建渠道时,您可以使用不同的模板以便在渠道中创建区域。 您可以添加单个图像、视频或嵌入式渠道,以便按顺序显示多个资产。

创建渠道

  1. 选择Adobe Experience Manager链接(左上方),然后 Screens. 或者,您可以直接转到: http://localhost:4502/screens.html/content/screens.

  2. 导航到 渠道 文件夹并单击 创建 操作栏中的。

  3. 选择 1x2分屏渠道创建 向导。

  4. 单击 下一个 并输入 标题 作为 多区.

  5. 单击 创建 以完成渠道创建。

在一个或多个区域中使用单个资源 using-single-assets-in-one-or-more-zones

您可以在所有单独的区域中使用单个资产,例如图像或视频。 按照以下步骤实施:

  1. 向渠道添加内容

    1. 导航到 区域 —> 渠道—> 多区.
    2. 选择 多区 渠道并单击 编辑 以打开编辑器。
  2. 将图像添加到渠道

    要在两个区域中播放单个图像或视频,只需将图像拖放到渠道编辑器中的每个区域中,如下图所示:

    图像

在一个或多个区域中使用序列化内容 using-sequenced-content-in-one-or-more-zones

如果您希望这些区域在不同的区域中显示图像序列和视频,请按照以下步骤了解详细信息。

  1. 创建渠道文件夹

    1. 导航到 区域 —> 多区 —> 渠道 并单击 创建 操作栏中的。
    2. 选择 渠道文件夹创建 向导并单击 下一个.
    3. 输入标题为 嵌入式渠道 并单击 创建.

    screen_shot_2018-12-19at125428pm

  2. 将两个以上的渠道添加到渠道文件夹

    1. 导航到 区域 —> 渠道 —> 嵌入式渠道 并单击 创建 操作栏中的。
    2. 选择 序列渠道创建 创建标题为的渠道的向导 区域1.
    3. 选择 区域1 并单击 编辑 以打开编辑器。
    4. 将少量图像拖放到此渠道中。
    5. 同样,创建另一个标题为 区域2嵌入式渠道 文件夹。
    6. 将视频拖放到此渠道中。

    下图显示了通道 区域1区域2

    screen_shot_2018-12-19at125930pm

    添加到编辑器的图像 区域1 序列渠道如下所示:

    screen_shot_2018-12-19at125930pm

    视频已添加到的编辑器 区域2 序列渠道如下所示:

    screen_shot_2018-12-19at125930pm

  3. 将嵌入式序列(组件)添加到主通道(MultiZone)

    1. 导航到 区域 —> 渠道 —> 多区.

    2. 单击 编辑 以打开编辑器。

    3. 拖放 嵌入式序列 组件到两个区域。

    4. 在其中一个区域中选择嵌入式序列。

    5. 单击 配置 编辑器中的一个嵌入序列的(扳手)图标。

    6. 选择渠道路径为 区域 —> 渠道 —> 嵌入式渠道 —> 区域1,如下图所示。

    7. 同样,添加 区域2 到编辑器中的另一个嵌入序列组件。

      图像

创建位置和显示 creating-location

创建位置和显示以在Screens播放器中查看内容。

  1. 创建位置

    1. 导航到 区域 —> 位置 文件夹。
    2. 选择 位置 文件夹并单击 创建 操作栏中的。
    3. 选择 位置创建 向导并单击 下一个.
    4. 输入 标题 作为 圣何塞 并单击 创建.
  2. 创建显示

    1. 导航到 区域 —> 位置 文件夹。
    2. 选择 圣何塞 位置并单击 创建 操作栏中的。
    3. 选择 显示创建 向导并单击 下一个.
    4. 输入 标题 作为 大厅 并单击 创建.

将渠道分配给显示区 channel-channel

将渠道分配给显示区,以查看内容。 按照以下步骤将渠道分配给显示器。

  1. 将渠道分配给显示区

    1. 导航到 区域 —> 位置 —> 圣何塞—> 大厅.

    2. 选择 大厅 显示并单击 分配渠道 操作栏中的。

    3. 输入路径 多区 中的频道 渠道路径.

    4. 设置 受支持的事件 作为 初始加载空闲屏幕、和 计时器.

    5. 单击“保存”。

      图像

    6. 同样,您必须分配另外两个嵌入渠道(区域1区域2)。

    7. 一旦您将所有三个渠道分配给 大厅 ”时,您应该能够从“显示”功能板中查看分配的渠道。

      图像

      note important
      IMPORTANT
      分配主渠道后(在本例中, 多区),则必须分配其他两个嵌入渠道 区域1区域2 也显示相同的内容。

正在注册设备 registering-device

设置位置和显示后,请按照以下步骤注册设备并为设备分配显示区。

  1. 正在注册设备

    1. 导航到 区域 —> 设备 文件夹。

    2. 选择 设备 文件夹并单击 设备管理器 操作栏中的。

    3. 单击 设备注册 并从列表中选择待处理的设备。

      note note
      NOTE
      设备的标题必须与设备令牌匹配(令牌 字段)中显示 设备注册 选项卡。

      1. 如果标题与设备令牌匹配,则选择设备并单击 **注册设备** 操作栏中的。

    4. 如果注册代码与Screens播放器中的代码匹配 设备注册 选项卡,单击 验证 操作栏中的。

      图像

    5. 输入 标题 作为 Chrome-Device1 并单击 注册.

    6. 选择 分配显示区 并选择设备配置的路径。

    note note
    NOTE
    如果您尝试在Screens播放器中查看内容,请确保单击 更新离线内容 从渠道仪表板中指定给显示的每个渠道。

查看结果 viewing-the-result

使用上述步骤实施多区域布局后,将显示以下输出。

选中Screens播放器可查看在两个不同区域中显示内容的输出。 左侧和右侧区域(都使用嵌入式序列作为组件)。

左区域是序列通道,右区域包括视频。

new2-1

recommendation-more-help
adce462a-f916-4dbe-9ab5-0b62cfb0f053