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