使用内容片段进行页面创作 page-authoring-with-content-fragments

Adobe Experience Manager (AEM) 内容片段作为独立于页面的资产而创建和管理

它们允许您创建渠道中性内容,以及各种(特定于渠道的)变体。 您随后可以在创作内容页面时使用这些片段及其变体。

结构化内容片段与更新的 JSON 导出程序结合使用时,还可用于通过 Content Services 将 AEM 内容传送到 AEM 页面以外的渠道。

NOTE
内容片段 ​和​**体验片段**​是 AEM 中的两个不同功能:
  • 内容片段 是可编辑内容,主要为文本和相关图像。 它们是纯内容,没有设计和布局。
  • 体验片段 ​是经过充分布局的内容;例如,网页的一个片段。
体验片段可以包含内容片段形式的内容,反之则不行。
CAUTION
必须使用此页面读取 使用内容片段 (和相关页面),因为它不仅介绍了基本术语和概念,还介绍了如何创建和管理片段。

内容片段允许:

  • 营销和营销活动策略

    • 通过集中管理的内容片段审核内容。
  • Creative Pro

    • 通过与内容片段关联的收藏集跟踪创意资源。
  • 撰稿人

    • 在 AEM 内容片段编辑器中编写。
    • 可以创建内容变体。
    • 可以将相关内容与内容片段关联。
    • 可以使用版本控制/工作流。
    • 可以共享内容片段。
    • 可以集中管理翻译。
  • 生成器和旅行管理器

    • 从 AEM 内的预定义片段和具有创作功能的变体中选择。
    • 可以依赖始终保持最新的片段和关联内容,因为撰稿人和创意人员会在集中管理的片段和资源中进行更新。
    • 可以依赖为了相关性而进行管理的关联媒体内容。
    • 可以快速创建随机内容变体,同时仍然确保这些变体在片段中受到集中管理。

将内容片段添加到您的页面 adding-a-content-fragment-to-your-page

  1. 打开您的页面进行编辑。

  2. 添加​ 内容片段 ​组件;通过​ 组件 ​浏览器或​ 插入新组件

  3. 您可以:

    • 打开​ 资源 ​浏览器并筛选​ 内容片段(默认为图像)。然后,将所需的片段拖到组件实例上。

    • 选择内容片段组件,然后从工具栏中选择​ 配置。在该对话框中,可以打开选择对话框以浏览并选择所需的 内容片段.

    note note
    NOTE
    备选方法是将特定的内容片段直接拖到页面上。这会自动创建关联的组件(内容片段)。
  4. 最初,内容来自 主要 元素和 母版 (变量)显示。 您可以根据需要选择其他元素和/或变体

    cfm-6420-01

    note note
    NOTE
    有关进一步编辑功能的更多信息,请参阅以下内容:
    code language-none
    * [响应式布局](https://experienceleague.adobe.com/docs/experience-manager-65/content/sites/authoring/siteandpage/responsive-layout.html?lang=zh-Hans)
    * [编辑页面内容](https://experienceleague.adobe.com/docs/experience-manager-65/content/sites/authoring/authoring/editing-content.html?lang=zh-Hans)
    

选择元素或变体 selecting-the-element-or-variation

打开片段的 配置 对话框,以便您可以配置片段在当前页面上使用。 该对话框取决于所使用的组件。

在相应的配置对话框中,您可以选择可用的参数,包括:

  • 内容片段

    指定要使用的片段。

  • 显示模式

    • 单个文本元素

    • 多个元素

  • 元素

    • 默认 主要 始终可用。
    • 如果片段是使用相应的模板创建的,则可以进行选择。
    note note
    NOTE
    可用的元素取决于所使用的模板。
  • 变体

    • 默认 母版 始终可用。
    • 如果变体是为片段而创建的,则有可选择的变体可用。
  • 段落:指定要包含的段落范围:

    • 全部

    • 范围:例如 13-59-*

      • 将标题处理为它们自己的段落
  • 将标题处理为它们自己的段落

到片段编辑器的快速连接 quick-connection-to-fragment-editor

您可以打开片段源,以使用组件工具栏中的​ 编辑 ​图标编辑(资源)。这允许您 编辑和管理内容片段.

CAUTION
与往常一样,编辑片段源可能会影响引用该内容片段的所有页面。

添加中间内容 adding-in-between-content

当指定的内容片段被添加到页面时,在片段的每个 HTML 段落之间(和顶部/底部)会有一个​ 将组件拖动到此处 ​占位符。

这使您在片段内容中间的任何可用位置添加额外内容(即中间内容),而无需更改根片段。

对于中间内容,您可以:

CAUTION
中间内容是页面内容。它不会存储在内容片段中。

cfm-6420-02

NOTE
您还可以在片段本身中插入可视资源(图像)
在片段本身中插入的可视资源会附加到片段中的前一段落后面。这意味着无法在可视资产与前一段落之间放置中间内容。
CAUTION
在将中间内容添加到页面上的内容片段之后,更改基础内容片段的结构(例如在内容片段编辑器中)可能会导致错误/意外的结果。
发生这种情况时,中间内容将按原样保留:
  • 中间组件在片段流的组件序列中具有一个绝对位置。即使片段中段落的内容发生更改,此位置也不会变化。

    这可能使其看起来像是相对位置发生了更改一样,因为中间段落与它们旁边的(片段)段落之间没有上下文关系。

  • 除非两个段落结构产生冲突;在这种情况下,将不会显示中间内容(尽管它在内部依然存在)。

使用关联内容 using-associated-content

如果您拥有 关联内容 使用 内容片段,这些资产从侧面板(在将片段放置到内容页面后)中可用。 关联内容实际上是中间内容的特殊内容源

NOTE
可以通过多种方法向片段和/或页面中添加可视资源(例如图像)
NOTE
如果单个页面上有多个内容片段,则 关联内容 选项卡显示适用于所有片段的资产。

将具有关联内容的片段添加到页面后,会创建一个新选项卡(关联内容)在侧面板中打开。

从此处,您可以将资源拖到所需的位置(可以是一个现有的组件,或是在其中创建合适组件的所需位置):

cfm-6420-03

插入到片段中的资源 assets-inserted-into-the-fragment

如果已在片段本身中插入资产(例如图像),则页面编辑器中用于编辑这些资产的选项会受到限制。

例如,您可以对图像执行以下操作

  • 裁切、旋转或翻转图像。
  • 添加标题或替换文本。
  • 指定大小。
  • 您还可以配置版面。

移动、复制和删除等其他更改必须在片段编辑器中进行。

发布 publishing

必须发布片段,以便在已发布的网页上使用这些片段:

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2