製作內容片段 authoring-content-fragments
在本章中,您將根據新定義的內容片段模式來建立和編輯新的內容片段。 您也會瞭解如何建立內容片段的變體。
先決條件 prerequisites
此教學課程包含多個部分,並假設已完成定義內容片段模式中概述的步驟。
目標 objectives
- 根據內容片段模型製作內容片段
- 建立內容片段變數
建立資產資料夾
內容片段儲存在AEM Assets的資料夾中。 若要使用上一章建立的模型建立內容片段,必須建立資料夾以儲存它們。 需要在該資料夾上進行設定,才能從特定模型建立片段。
-
從AEM開始畫面,瀏覽至 Assets > 檔案。
-
點選右上角的 建立,然後點選 資料夾。 在產生的對話方塊中,輸入:
- 標題*: 我的專案
- 名稱: my-project
-
選取 我的資料夾 資料夾,然後點選 屬性。
-
點選 Cloud Service 標籤。 在[雲端設定]索引標籤下,使用路徑尋找器來選取 我的專案 設定。 值應為
/conf/my-project
。設定此屬性可讓內容片段使用上一章建立的模型來建立。
-
點選「原則」標籤,在「允許的內容片段模式」欄位下,使用路徑尋找器來選取先前建立的「人員」和「團隊」模式。
任何子資料夾都會自動繼承這些原則,且這些原則可以覆寫。 您也可以依標籤允許模型,或從其他專案設定啟用模型。 此機制提供管理內容階層的強大方式。
-
點選 儲存並關閉 以儲存資料夾屬性的變更。
-
瀏覽 我的專案 資料夾。
-
使用下列值建立另一個資料夾:
- 標題*: 英文
- 名稱: en
最佳實務是設定專案以提供多語言支援。 如需詳細資訊,請參閱下列檔案頁面。
建立內容片段 create-content-fragment
接下來幾個內容片段是根據 團隊 和 人員 模型建立的。
-
從AEM開始畫面,點選 內容片段 以開啟內容片段UI。
-
在左側邊欄中,展開 我的專案,然後點選 英文。
-
點選「建立」以開啟「新內容片段」對話方塊並輸入下列值:
- 位置:
/content/dam/my-project/en
- 內容片段模型: 人員
- 標題: John Doe
- 名稱:
john-doe
- 位置:
-
點選「建立」。
-
重複上述步驟以建立代表 Alison Smith 的片段:
- 位置:
/content/dam/my-project/en
- 內容片段模型: 人員
- 標題: Alison Smith
- 名稱:
alison-smith
點選 建立 以建立人員片段。
- 位置:
-
接著,重複步驟以建立代表 團隊Alpha 的 團隊 片段:
- 位置:
/content/dam/my-project/en
- 內容片段模型: 團隊
- 標題: 團隊Alpha
- 名稱:
team-alpha
點選 建立 以建立團隊片段。
- 位置:
-
我的專案 > 英文 下應該有三個內容片段:
編輯個人內容片段 edit-person-content-fragments
接著,將資料填入新建立的片段中。
-
點選 John Doe 旁的核取方塊,然後點選 開啟。
-
內容片段編輯器包含以內容片段模式為基礎的表單。 填寫各種欄位以新增內容至 John Doe 片段。 若為個人資料圖片,請將自己的影像上傳至AEM Assets。
-
點選 儲存並關閉 以儲存對John Doe片段的變更。
-
返回內容片段UI並開啟 Alison Smith 檔案進行編輯。
-
重複上述步驟以使用內容填入 Alison Smith 片段。
編輯團隊內容片段 edit-team-content-fragment
-
使用內容片段UI開啟 團隊Alpha 內容片段。
-
填寫 標題、簡短名稱 和 描述 的欄位。
-
選取 John Doe 和 Alison Smith 內容片段,以填入 團隊成員 欄位:
note note NOTE 您也可以使用 新增內容片段 按鈕來建立內嵌內容片段。 -
點選 儲存並關閉 以儲存對團隊Alpha片段的變更。
Publish內容片段
檢閱和驗證後,發佈編寫的Content Fragments
-
從AEM開始畫面,點選 內容片段 以開啟內容片段UI。
-
在左側邊欄中,展開 我的專案,然後點選 英文。
-
點選內容片段旁的核取方塊,然後點選 Publish。
恭喜! congratulations
恭喜,您已編寫多個內容片段並建立變數。
後續步驟 next-steps
在下一章探索GraphQL API中,您將使用內建GrapiQL工具探索AEM的GraphQL API。 瞭解AEM如何根據內容片段模型自動產生GraphQL結構描述。 您將使用GraphQL語法嘗試建構基本查詢。