使用体验片段 using-experience-fragments

导航到您创建的​ 演示项目，然后单击​ 渠道 ​文件夹。

单击操作栏中的​ 创建，以便打开向导。

从向导中选择​ 序列频道 ​模板，然后单击​ 下一步。

输入​ 标题 ​作为​ TestChannel，然后单击​ 创建。

导航到We.Retail中的站点页面

1. 导航到站点，然后单击​ We.Retail > 美国 > 英语 > 设备，然后单击此页面，以便将其用作Screens渠道的体验片段。

2. 单击操作栏中的​ 编辑，以便打开要用作Screens渠道体验片段的页面。

正在重用内容

1. 单击要包含在渠道中的片段。
2. 单击右侧的最后一个图标，以打开​ 转换为体验片段 ​对话框。

创建体验片段

1. 选择​ 操作 ​作为​ 创建新的体验片段。

2. 单击​ 父路径。

3. 单击​ 模板。 在此处选择​ 体验片段 — Screens变量 ​模板（字段/libs/settings/screens/experience-fragments/templates/experience-fragment-template-screens中的值）。

4. 输入​ 片段标题 ​作为​ ScreensFragment。

5. 要完成新体验片段的创建，请单击复选标记。

要选择更简单的选项，请单击字段右侧的复选标记，以便打开选择对话框。

创建体验片段的实时副本

1. 导航到AEM主页。
2. 单击​ 体验片段 ​并突出显示​ ScreensFragment，然后单击​ 变体为Live-copy，如下图所示：

c.从​ 创建Live Copy ​向导中单击​ ScreensFragment，然后单击​ 下一步。

d.输入​ 标题 ​和​ 名称 ​作为​ Screens。

e.单击​ 创建 ​以创建Live Copy。

f.单击​ 完成，以便您可以移回​ ScreensFragment ​页面。

编辑Screens片段的属性

1. 导航到​ ScreensFragment（您在前面的步骤中创建），然后单击操作栏中的​ 属性。

2. 单击​ 脱机配置 ​选项卡，如下图所示。

您可以将​ 客户端库 (Java™和CSS)和​ 静态文件 ​添加到您的体验片段中。

以下示例显示了作为静态文件的一部分向体验片段添加的客户端库和字体。

在Screens渠道中使用体验片段作为组件

1. 导航到要使用​ Screens ​片段的Screens渠道。

2. 单击​ TestChannel，然后单击操作栏中的​ 编辑。

3. 单击侧选项卡中的组件图标。

4. 将​ 体验片段 ​拖放到您的渠道中。

e.单击​ 体验片段 ​组件，然后单击左上角（扳手）图标，以打开​ 体验片段 ​对话框。

f.单击您在​ 路径 ​中的​ 步骤3 ​中创建的​ Screens ​片段的Live Copy。

f.单击您在​ 体验片段 ​中的​ 步骤3 ​中创建的​ Screens ​片段的Live Copy。

h.输入​ 持续时间 ​的毫秒数。

i.单击​ 体验片段 ​对话框中的​ 脱机配置，以便您可以定义客户端库和静态文件。

j.单击复选标记，以便完成该流程。

单击​ 站点（主要）页面中的体验片段，然后单击铅笔图标，以便您可以编辑体验片段中的项目。

单击体验片段，然后单击扳手图标，以打开对话框来编辑图像。

将打开​ 产品网格 ​对话框。

您可以编辑任何图像。 例如，此处替换了此片段中的第一个图像。

单击体验片段，然后单击转出图标，以使您可将更改传播到渠道中使用的片段。

单击“转出”。

请注意，这些更改已转出。

导航到​ Screens > 渠道 > TestChannel。

在操作栏中单击​ 预览。