在本章中,您將根據新定義的貢獻者內容片段模型建立和編輯新的內容片段。 您也會學習如何建立內容片段的變體。
這是多部分教學課程,假設定義內容片段模型中概述的步驟已完成。
上述影片提供製作內容片段的概觀。
在前一章的定義內容片段模型中,建立了貢獻者模型。 使用此模型製作新的內容片段。
從AEM Start功能表導覽至Assets > Files。
按一下資料夾以導覽至WKND Site > English > Contributors。 此資料夾包含WKND品牌貢獻者的頭部擷取畫面清單。
按一下右上角的建立並選取內容片段:
選取貢獻者模型,然後按一下下一步。
這與上一章中建立的貢獻者模型相同。
為標題輸入Stacey Roswells,然後按一下Create。
在Success對話方塊中,按一下開啟以開啟新建立的片段。
請注意,模型定義的欄位現在可供製作此內容片段例項。
對於全名,請輸入:Stacey Roswells。
傳記輸入簡短傳記。 需要點靈感嗎? 歡迎重新使用此文本檔案。
對於圖片引用,按一下資料夾表徵圖並瀏覽到WKND站點 > 英文 > 貢獻者 > stacey-roswells.jpg。 這會評估路徑:/content/dam/wknd/en/contributors/stacey-roswells.jpg
。
對於佔領,選擇攝影師。
按一下儲存以儲存變更。
所有內容片段的開頭皆為主版變數。 主變數可視為片段的預設內容,並在透過GraphQL API公開內容時自動使用。 您也可以建立內容片段的變體。 此功能為設計實作提供額外的彈性。
變數可用來鎖定特定通道。 例如,可以建立mobile變數,其中包含較少的文字量或參考通道特定影像。 變數的使用方式取決於實作。 與任何功能一樣,使用前應先謹慎規劃。
接下來,建立新的變數,以了解可用的功能。
重新開啟Stacey Roswells內容片段。
在左側邊欄中,按一下「建立變異」。
在New Variation強制回應中,輸入Summary的標題。
按一下Berium多行欄位,然後按一下Expand按鈕,輸入多行欄位的全螢幕視圖。
按一下右上角功能表中的摘要文字 。
輸入50字的目標,然後按一下開始。
這將開啟總結預覽。 AEM電腦語言處理器將嘗試根據目標字數來匯總文本。 您也可以選取要移除的不同句子。
對總結滿意時,按一下匯總。 按一下多行文本欄位,並切換Expand按鈕以返回主視圖。
按一下儲存以儲存變更。
重複建立內容片段中概述的步驟,以建立額外的貢獻者。 這將用於下一章,作為如何查詢多個片段的範例。
在貢獻者資料夾中,按一下右上方的建立並選取內容片段:
選取貢獻者模型,然後按一下下一步。
為標題輸入Jacob Wester,然後按一下Create。
在Success對話方塊中,按一下開啟以開啟新建立的片段。
對於全名,請輸入:雅各布·韋斯特。
傳記輸入簡短傳記。 需要點靈感嗎? 歡迎重新使用此文本檔案。
對於圖片引用,按一下資料夾表徵圖並瀏覽到WKND站點 > 英文 > 貢獻者 > jacob_wester.。 這會評估路徑:/content/dam/wknd/en/contributors/jacob_wester.jpg
。
對於佔領,選擇書寫器。
按一下儲存以儲存變更。 除非您想要,否則不需要建立變異!
您現在應該有兩個貢獻者片段。
恭喜,您剛撰寫了多個內容片段,並建立了變體。
在下一章探索GraphQL API中,您將使用內建的GrapiQL工具探索AEM GraphQL API。 了解AEM如何根據內容片段模型自動產生GraphQL架構。 您將嘗試使用GraphQL語法來建構基本查詢。