创作内容片段 authoring-content-fragments

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

先决条件 prerequisites

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

目标 objectives

  • 根据内容片段模型创作内容片段
  • 创建内容片段变量

创建资产文件夹

内容片段存储在AEM Assets的文件夹中。 要根据上一章中创建的模型创建内容片段,必须创建一个文件夹来存储这些内容。 需要在该文件夹上进行配置才能从特定模型创建片段。

  1. 从AEM“开始”屏幕中,导航到​ Assets > 文件

    导航到资源文件

  2. 点按右上角的​ 创建,然后点按​ 文件夹。 在生成的对话框中,输入:

    • 标题*:我的项目
    • 名称: my-project

    “创建文件夹”对话框

  3. 选择​ 我的文件夹 ​文件夹并点按​ 属性

    打开文件夹属性

  4. 点按​ Cloud Service ​选项卡。 在云配置选项卡下,使用路径查找器选择​ 我的项目 ​配置。 该值应为/conf/my-project

    设置云配置

    通过设置此属性,可以使用上一章中创建的模型创建内容片段。

  5. 点按​ 策略 ​选项卡,在​ 允许的内容片段模型 ​字段下,使用路径查找器选择之前创建的​ 人员 ​和​ 团队 ​模型。

    允许的内容片段模型

    任何子文件夹都会自动继承这些策略,并且可以覆盖这些策略。 您还可以按标记允许模型,或从其他项目配置启用模型。 此机制提供了一种管理内容层次结构的强大方法。

  6. 点按​ 保存并关闭 ​以保存对文件夹属性所做的更改。

  7. 在​ 我的项目 ​文件夹中导航。

  8. 创建另一个具有以下值的文件夹:

    • 标题*: 英语
    • 名称: en

    最佳做法是为多语言支持设置项目。 有关详细信息,请参阅以下文档页面

创建内容片段 create-content-fragment

TIP
对于本地AEM SDK用户:利用AEM Assets UI创建和创作内容片段,而不是下面概述的内容片段UI。 有关详细说明,请参阅AEM文档

接下来几个内容片段是基于​ 团队 ​和​ 人员 ​模型创建的。

  1. 从AEM开始屏幕中,点按​ 内容片段 ​以打开内容片段UI。

    内容片段UI

  2. 在左边栏中,展开​ 我的项目 ​并点按​ 英语

  3. 点按​ 创建 ​以打开​ 新建内容片段 ​对话框并输入以下值:

    • 位置: /content/dam/my-project/en
    • 内容片段模型: 人员
    • 标题: John Doe
    • 名称:john-doe

    新内容片段

  4. 点按​ 创建

  5. 重复上述步骤以创建表示​ Alison Smith ​的片段:

    • 位置: /content/dam/my-project/en
    • 内容片段模型: 人员
    • 标题: Alison Smith
    • 名称:alison-smith

    点按​ 创建 ​以创建人员片段。

  6. 接下来,重复这些步骤以创建表示​ 团队Alpha ​的​ 团队 ​片段:

    • 位置: /content/dam/my-project/en
    • 内容片段模型: 团队
    • 标题: 团队Alpha
    • 名称:team-alpha

    点按​ 创建 ​以创建团队片段。

  7. 我的项目 > 英语 ​下应该有三个内容片段:

    新内容片段

编辑人员内容片段 edit-person-content-fragments

接下来,使用数据填充新创建的片段。

  1. 点按​ John Doe ​旁边的复选框,然后点按​ 打开

    打开内容片段

  2. 内容片段编辑器包含一个基于内容片段模型的表单。 填写各个字段以向​ John Doe ​片段添加内容。 对于个人资料图片,请将您自己的图像上传到AEM Assets。

    内容片段编辑器

  3. 点按​ 保存并关闭 ​以保存对John Doe片段的更改。

  4. 返回内容片段UI并打开​ Alison Smith ​文件以进行编辑。

  5. 重复上述步骤以使用内容填充​ Alison Smith ​片段。

编辑团队内容片段 edit-team-content-fragment

  1. 使用内容片段UI打开​ 团队Alpha ​内容片段。

  2. 填写​ 标题短名称 ​和​ 描述 ​的字段。

  3. 选择​ John Doe ​和​ Alison Smith ​内容片段以填充​ 团队成员 ​字段:

    设置团队成员

    note note
    NOTE
    您还可以使用​ 新建内容片段 ​按钮创建内嵌内容片段。
  4. 点按​ 保存并关闭 ​以保存对团队Alpha片段的更改。

Publish内容片段

TIP
对于本地AEM SDK用户:利用AEM Assets UI发布内容片段,而不是下面列出的内容片段UI。 有关详细说明,请参阅AEM文档

审核和验证后,发布创作的Content Fragments

  1. 从AEM开始屏幕中,点按​ 内容片段 ​以打开内容片段UI。

  2. 在左边栏中,展开​ 我的项目 ​并点按​ 英语

  3. 点按内容片段旁边的复选框,然后点按​ Publish
    Publish内容片段

恭喜! congratulations

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

后续步骤 next-steps

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

相关文档

recommendation-more-help
e25b6834-e87f-4ff3-ba56-4cd16cdfdec4