製作內容片段 authoring-content-fragments

在本章中,您將根據以下內容建立和編輯新內容片段: 新定義的內容片段模型. 您也會瞭解如何建立內容片段的變體。

先決條件 prerequisites

此教學課程包含多個部分,並假設您已完成下列步驟: 定義內容片段模型 已完成。

目標 objectives

  • 根據內容片段模型製作內容片段
  • 建立內容片段變數

建立資產資料夾

內容片段儲存在AEM Assets的資料夾中。 若要使用上一章建立的模型建立內容片段,必須建立資料夾以儲存它們。 需要在該資料夾上進行設定,才能從特定模型建立片段。

  1. 從AEM開始畫面,導覽至 資產 > 檔案.

    導覽至資產檔案

  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. 重複上述步驟以建立片段,表示 艾莉森·史密斯

    • 位置: /content/dam/my-project/en
    • 內容片段模型: 個人
    • 標題: 艾莉森·史密斯
    • 名稱: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並開啟 艾莉森·史密斯 檔案進行編輯。

  5. 重複上述步驟以填入 艾莉森·史密斯 包含內容的片段。

編輯團隊內容片段 edit-team-content-fragment

  1. 開啟 團隊Alpha 使用內容片段UI的內容片段

  2. 填寫欄位 標題簡短名稱、和 說明.

  3. 選取 John Doe艾莉森·史密斯 要填入的內容片段 團隊成員 欄位:

    設定團隊成員

    note note
    NOTE
    您也可以使用以內嵌建立內容片段 新內容片段 按鈕。
  4. 點選 儲存並關閉 以儲存對團隊Alpha片段的變更。

發佈內容片段

TIP
本機AEM SDK使用者:使用AEM Assets UI來發佈內容片段,而非下列內容片段UI。 如需詳細指示,請參閱 AEM檔案.

檢閱和驗證後,發佈所編寫的 Content Fragments

  1. 從AEM開始畫面,點選 內容片段 以開啟內容片段UI。

  2. 在左側邊欄中,展開 我的專案 然後點選 英文.

  3. 點選內容片段旁的核取方塊,然後點選 發佈.
    發佈內容片段

恭喜! congratulations

恭喜,您已編寫多個內容片段並建立變數。

後續步驟 next-steps

在下一章中, 探索GraphQL API,您將會使用內建的GrapiQL工具來探索AEM GraphQL API。 瞭解AEM如何根據內容片段模型自動產生GraphQL結構描述。 您將使用GraphQL語法嘗試建構基本查詢。

相關檔案

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