创作内容片段

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

前提条件

这是一个多部分教程,我们假定在 定义内容片段模型 已完成。

目标

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

创建资产文件夹

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

  1. 从AEM开始屏幕中,导航到 资产 > 文件.

    导航到资产文件

  2. 点按 创建 ,然后点按 文件夹. 在结果对话框中,输入:

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

    “创建文件夹”对话框

  3. 选择 我的文件夹 文件夹,然后点按 属性.

    打开文件夹属性

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

    设置云配置

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

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

    允许的内容片段模型

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

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

  7. 我的项目 文件夹。

  8. 使用以下值创建另一个文件夹:

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

    最佳做法是设置多语言支持项目。 请参阅 以下文档页面以了解更多信息.

创建内容片段

接下来,将根据 团队人员 模型。

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

    内容片段UI

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

  3. 点按 创建 提起 新内容片段 对话框,然后输入以下值:

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

    新内容片段

  4. 点按​创建

  5. 重复上述步骤以创建表示 艾莉森·史密斯:

    • 位置: /content/dam/my-project/en
    • 内容片段模型: 人员
    • 标题: 艾莉森·史密斯
    • 名称: alison-smith

    点按 创建 创建“人员”片段。

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

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

    点按 创建 创建团队片段。

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

    新内容片段

编辑人员内容片段

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

  1. 点按旁边的复选框 无名氏 点按 打开.

    打开内容片段

  2. 内容片段编辑器包含基于内容片段模型的表单。 填写各个字段,以向 无名氏 片段。 对于配置文件图片,请将您自己的图像上传到AEM Assets。

    内容片段编辑器

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

  4. 返回到内容片段UI并打开 艾莉森·史密斯 文件进行编辑。

  5. 重复上述步骤以填充 艾莉森·史密斯 包含内容的片段。

编辑团队内容片段

  1. 打开 A队 使用内容片段UI的内容片段。

  2. 填写 标题, 短名称​和 描述.

  3. 选择 无名氏艾莉森·史密斯 用于填充 团队成员 字段:

    设置团队成员

    注意

    您还可以使用 新内容片段 按钮。

  4. 点按 保存并关闭 以保存对Alpha团队片段的更改。

发布内容片段

审核后,发布创作的 Content Fragments

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

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

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

恭喜!

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

后续步骤

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

相关文档

在此页面上