使用內容片段的概觀 overview-working-with-content-fragments

透過Adobe Experience Manager (AEM)as a Cloud Service,內容片段允許您設計、建立、管理和發佈獨立於頁面的內容。 它們可讓您準備內容以用於多個位置及多個管道,非常適合Headless傳遞頁面製作

IMPORTANT
可以從兩個主控台存取內容片段: 內容片段 ​和​ Assets
編寫內容片段時也有兩個編輯器;雖然基本功能相同,但有一些差異。 兩個編輯器都可從兩個主控台存取。
本節處理​ 內容片段 ​主控台和​ ​內容片段編輯器。 這些是針對Headless內容傳送開發的(儘管可用於所有情境)
如需進一步詳細資訊,請參閱:

內容片段包含結構化內容:

  • 每個片段都以內容片段模型為基礎。

    • 內容片段模式會定義產生片段的結構。
  • 每個片段都包含:

    • Main — 包含核心內容的片段整體部分;永遠存在,無法刪除
    • 變數 — 作者建立的一或多個內容排列
  • 此結構的範圍介於:

    • 基本

      • 例如,單一多行文字欄位。
      • 可用來準備直接的內容以用於頁面製作。
      • 也可用於向您的應用程式傳送Headless。
    • 複雜

      • 多種資料型別的欄位組合,包括文字、數字、布林值、日期與時間等。
      • 可用於為頁面編寫準備更多結構化內容,或用於向您的應用程式傳送headless。
    • 巢狀

      • 可用的參考資料型別可讓您巢狀內嵌內容。
      • 通常用於向您的應用程式進行Headless傳送。

使用AEM核心元件的Sling模型(JSON)匯出功能,內容片段也可以以JSON格式傳送。 此傳遞形式:

  • 可讓您使用元件來管理要傳送片段的哪些元素
  • 允許大量傳送;方法是在用於API傳送的頁面上新增多個內容片段核心元件

通訊管道的數量每年都在增加。 通常,管道是指傳遞機制,例如:

  • 實體管道;例如,桌上型電腦、行動裝置。
  • 實體管道中的傳遞形式;例如,「產品詳細資料頁面」、「產品類別頁面」(適用於案頭)或「行動網頁」(適用於行動應用程式)。

不過,您(可能)不想對所有頻道使用​ 完全 ​相同的內容 — 您需要根據特定頻道最佳化您的內容。

內容片段允許您:

  • 考慮如何跨頻道有效率地觸及目標對象。
  • 建立並管理頻道中性的編輯內容。
  • 為一系列管道建立內容集區。
  • 為特定管道設計內容變體。
  • 透過插入資產將影像新增至文字。
  • 建立巢狀內容以反映資料的複雜性。

接著,您就可以組合這些內容片段,透過各種管道提供體驗。

NOTE
內容片段 ​和​**體驗片段**​是AEM中的不同功能:
  • 內容片段 ​是可編輯內容,具有定義和結構,但沒有額外的視覺設計和/或版面配置。 它們可用於存取結構化資料,包括文字、數字和日期等。
  • 體驗片段 ​是完整佈局的內容;網頁的片段。
體驗片段可以包含內容片段形式的內容,反之則不行。
如需進一步資訊,請參閱瞭解AEM中的內容片段和體驗片段

本頁和下列頁面涵蓋建立、設定、維護及使用內容片段的任務:

建立片段後,您可以:

主要和變數 main-and-variations

變數是AEM內容片段的一項重要功能。 它們可讓您建立並編輯​ 主要 ​內容的復本,以用於特定管道和情境,使Headless內容傳送和頁面製作更加靈活。

  • 主要

    • 主要 ​本身不是變數,而是所有變數的基礎。

    • 片段的一個組成部分

      • 每個內容片段都有一個​ 主要 ​的執行個體。
      • 無法刪除​ 主要
    • Main ​可在​ 變數 ​下的片段編輯器中存取。

    note note
    NOTE
    在​ Assets ​主控台可用的編輯器中,Main ​標示為​ Master
  • 變數

    • 片段文字的轉譯是編輯目的所特有的;可能與頻道相關,但不是強制性的,也可以用於臨機本機修改。
    • 建立為​ 主要 ​的復本,但之後可視需要加以編輯;變數本身之間通常會有內容重疊。
    • 可以在片段製作期間定義;從左側面板。
    • 儲存在片段中,有助於避免內容副本的散佈。
    • 變數可以是與​ 主要 ​比較和同步化

內容片段與內容服務 content-fragments-and-content-services

AEM Content Services的設計目的,是要概括AEM內/外部內容的說明和傳遞,而不只是關注網頁。

它們使用可供任何使用者端使用的標準化方法,將內容傳送至非傳統AEM網頁的管道。 這些管道可能包括:

  • 單頁應用程式
  • 原生行動應用程式
  • AEM外部的其他管道和接觸點

使用JSON匯出工具以JSON格式進行傳遞。

AEM內容片段可用於說明和管理結構化內容。 結構化內容在可包含各種內容型別的模型中定義;包括文字、數值資料、布林值、日期和時間等。

此結構化內容與AEM核心元件的JSON匯出功能搭配使用,可用於將AEM內容傳送至AEM頁面以外的管道。

NOTE
請參閱Headless與AEM,瞭解AEM Sites的Headless開發as a Cloud Service。
NOTE
AEM也支援翻譯片段內容。 如需進一步資訊,請參閱翻譯Assets

內容類型 content-type

內容片段包括:

內容片段是內容結構,具備以下功能:

  • 沒有版面配置或設計(文字欄位可設定文字格式)。
  • 獨立於傳遞機制(例如頁面或頻道)。
  • 包含一或多個組成部份
  • 可以包含或連線到影像

具有視覺Assets的片段 fragments-with-visual-assets

為了讓作者更能掌控其內容,可以將影像新增至內容片段及/或與內容片段整合。

Assets可以透過數個方式與內容片段搭配使用;各有其優點:

  • 作為​ 內容參考
  • 在​ 多行文字 ​欄位內

內容片段的組成部分 constituent-parts-of-a-content-fragment

內容片段資產由下列部分(直接或間接)組成:

  • 片段元素

    • 元素會與儲存內容的資料欄位建立關聯。
    • 您使用內容片段模式來建立內容片段。 模型中指定的元素(欄位)定義片段的結構。 這些元素(欄位)可以是各種資料型別。
  • 片段段落

    • 以個別實體分隔的文字區塊,通常為多行。

    • 在頁面製作期間啟用內容控制。

  • 片段中繼資料

    note caution
    CAUTION
    中繼資料處理設定檔不適用於內容片段。
    note caution
    CAUTION
    內容片段模型通常可以定義名為​ Title ​和​ Description ​的資料欄位。 如果這兩個欄位存在,則為使用者定義的欄位,並可在編輯器的內容區域中更新。
    內容片段及其變數也有稱為​ Title ​和​ Description ​的中繼資料(屬性)欄位。 這兩個中繼資料欄位是任何內容片段和變數的組成部分,最初在建立片段時定義。 您可以在編輯器的屬性/中繼資料區域中更新它們。
  • 主要

  • 變數

片段必填 required-by-fragments

若要建立內容片段,您需要:

  • 內容模型

    • 是否使用組態瀏覽器🔗啟用。
    • 是使用工具建立的。
    • 需要建立片段
    • 定義片段的結構(標題、內容元素、標籤定義)。
    • 內容片段模型定義需要標題和一個資料元素,其他內容都是選用的。
    • 模型可定義預設內容(如果適用)。
    • 作者在製作片段內容時無法變更已定義的結構;雖然他們可以從片段編輯器開啟模式編輯器。
    • 建立相依內容片段後對模型所做的變更可能會影響這些內容片段。

若要將您的內容片段用於Headless內容傳送,您還需要:

若要使用您的內容片段進行頁面製作,您還需要:

  • 內容片段元件

    • 有助於以HTML和/或JSON格式傳送片段。
    • 需要參考頁面上的片段。
    • 負責片段的佈局和傳遞;例如管道。
    • 片段需要一或多個專用元件來定義版面並傳遞部分或全部元素/變數和關聯內容。
    • 在製作中將片段拖曳到頁面上會自動建立所需元件的關聯。
    • 檢視內容片段核心元件

使用範例 example-usage

片段及其元素和變數可用於為多個管道建立一致的內容。 在設計片段時,您需要考慮將使用的內容以及位置。

WKND範例 wknd-sample

提供WKND Site和WKND Shared範例,協助您瞭解AEM as a Cloud Service。

WKND專案包括:

  • 內容片段模型可在以下位置取用:

    • .../libs/dam/cfm/models/console/content/models.html/conf/wknd

    • .../ui#/aem/libs/dam/cfm/models/console/content/models.html/conf/wknd-shared

  • 內容片段 (和其他內容) 可在以下位置取用:

    • .../assets.html/content/dam/wknd/en
recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab