创作内容片段

在本章中,您将根据新定义的参与者内容片段模型创建和编辑新的内容片段。 您还将了解如何创建内容片段的变体。

前提条件

这是一个多部分教程,假定已完成定义内容片段模型中概述的步骤。

目标

  • 基于内容片段模型创作内容片段
  • 创建内容片段变量

内容片段创作概述

以上视频为创作内容片段提供了高级概述。

创建内容片段

在上一章定义内容片段模型中,创建了​参与者​模型。 使用此模型创作新的内容片段。

  1. 从​AEM Start​菜单中,导航到​Assets > Files

  2. 单击文件夹可导航到​WKND Site > English > 参与者。 此文件夹包含WKND品牌参与者的头像列表。

  3. 单击右上角的​创建 ,然后选择​内容片段:

    单击创建新片段

  4. 选择​Contributor​模型,然后单击​Next

    选择参与者模型

    这与在上一章中创建的​Contributor​模型相同。

  5. 在标题中输入​Stacey Roswells,然后单击​创建

  6. 单击​ Success 对话框中打开 ,以打开新创建的片段。

    已创建新内容片段

    请注意,模型定义的字段现在可用于创作此内容片段实例。

  7. 对于​全名,输入:Stacey Roswells

  8. 对于​传记,输入简短传记。 需要灵感吗? 请随时重新使用此文本文件

  9. 对于​图片引用,单击​文件夹​图标,然后浏览到​WKND Site > 英语 > 参与者 > stacey-roswells.jpg。 这将评估路径:/content/dam/wknd/en/contributors/stacey-roswells.jpg

  10. 对于​Aspriation,选择​Photographer

    创作片段

  11. 单击​Save​以保存更改。

创建内容片段变量

所有内容片段均以​主控​变量开头。 主控​变量可被视为片段的​默认​内容,在通过GraphQL API公开内容时自动使用。 也可以创建内容片段的变体。 此功能为设计实施提供了额外的灵活性。

变量可用于定位特定渠道。 例如,可以创建​mobile​变体,其中包含少量文本或引用特定于渠道的图像。 变量的使用方式取决于具体的实施。 与任何功能一样,在使用之前应当进行仔细的规划。

接下来,创建一个新变体以了解可用功能。

  1. 重新打开​Stacey Roswells​内容片段。

  2. 在左侧边栏中,单击​创建变量

  3. 在​New Variation​模式窗口中,输入​Summary​的标题。

    新变体 — 摘要

  4. 单击​Berium​多行字段,然后单击​Expand​按钮以输入多行字段的全屏视图。

    进入全屏视图

  5. 单击右上角菜单中的​Summalize Text

  6. 输入​​的​50​字的目标,然后单击​开始

    摘要预览

    这将打开摘要预览。 AEM机器语言处理器将尝试根据目标字数来汇总文本。 您还可以选择要删除的不同句子。

  7. 如果您对总结很满意,请单击​摘要。 单击多行文本字段并切换​展开​按钮以返回到主视图。

  8. 单击​Save​以保存更改。

创建其他内容片段

重复创建内容片段中所述的步骤,以创建额外的​参与者。 将在下一章中用作如何查询多个片段的示例。

  1. 在​参与者​文件夹中,单击右上角的​创建,然后选择​内容片段:

  2. 选择​Contributor​模型,然后单击​Next

  3. 输入​Jacob Wester​作为标题,然后单击​创建

  4. 单击​ Success 对话框中打开 ,以打开新创建的片段。

  5. 对于​全名,输入:雅各布·韦斯特

  6. 对于​传记,输入简短传记。 需要灵感吗? 请随时重新使用此文本文件

  7. 对于​图片引用,单击​文件夹​图标并浏览到​WKND Site > 英语 > 参与者 > jacob_wester.jpg。 这将评估路径:/content/dam/wknd/en/contributors/jacob_wester.jpg

  8. 对于​Aspriation,选择​Writer

  9. 单击​Save​以保存更改。 除非您想要,否则无需创建变量!

    其他内容片段

    现在,您应该有两个​参与者​片段。

恭喜!

恭喜,您刚刚创作了多个内容片段并创建了一个变体。

后续步骤

在下一章浏览GraphQL API中,您将使用内置的GrapiQL工具浏览AEM GraphQL API。 了解AEM如何根据内容片段模型自动生成GraphQL模式。 您将尝试使用GraphQL语法构建基本查询。

在此页面上