製作內容片段 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