製作內容片段

在本章中,您將根據新定義的貢獻者內容片段模型建立和編輯新的內容片段。 您也會學習如何建立內容片段的變體。

必備條件

這是多部分教學課程,假設定義內容片段模型中概述的步驟已完成。

目標

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

內容片段製作概述

上述影片提供製作內容片段的概觀。

建立內容片段

在前一章的定義內容片段模型中,建立了​貢獻者​模型。 使用此模型製作新的內容片段。

  1. 從​AEM Start​功能表導覽至​Assets > Files

  2. 按一下資料夾以導覽至​WKND Site > English > Contributors。 此資料夾包含WKND品牌貢獻者的頭部擷取畫面清單。

  3. 按一下右上角的​建立​並選取​內容片段:

    按一下建立新片段

  4. 選取​貢獻者​模型,然後按一下​下一步

    選取貢獻者模型

    這與上一章中建立的​貢獻者​模型相同。

  5. 為標題輸入​Stacey Roswells,然後按一下​Create

  6. 在​Success​對話方塊中,按一下​開啟​以開啟新建立的片段。

    已建立新內容片段

    請注意,模型定義的欄位現在可供製作此內容片段例項。

  7. 對於​全名,請輸入:Stacey Roswells

  8. 傳記​輸入簡短傳記。 需要點靈感嗎? 歡迎重新使用此文本檔案

  9. 對於​圖片引用,按一下​資料夾​表徵圖並瀏覽到​WKND站點 > 英文 > 貢獻者 > stacey-roswells.jpg。 這會評估路徑:/content/dam/wknd/en/contributors/stacey-roswells.jpg

  10. 對於​佔領,選擇​攝影師

    製作片段

  11. 按一下​儲存​以儲存變更。

建立內容片段變數

所有內容片段的開頭皆為​主版​變數。 ​變數可視為片段的​預設​內容,並在透過GraphQL API公開內容時自動使用。 您也可以建立內容片段的變體。 此功能為設計實作提供額外的彈性。

變數可用來鎖定特定通道。 例如,可以建立​mobile​變數,其中包含較少的文字量或參考通道特定影像。 變數的使用方式取決於實作。 與任何功能一樣,使用前應先謹慎規劃。

接下來,建立新的變數,以了解可用的功能。

  1. 重新開啟​Stacey Roswells​內容片段。

  2. 在左側邊欄中,按一下「建立變異」

  3. 在​New Variation​強制回應中,輸入​Summary​的標題。

    新變化 — 摘要

  4. 按一下​Berium​多行欄位,然後按一下​Expand​按鈕,輸入多行欄位的全螢幕視圖。

    輸入全螢幕視圖

  5. 按一下右上角功能表中的​摘要文字

  6. 輸入​50​字的目標,然後按一下​開始

    摘要預覽

    這將開啟總結預覽。 AEM電腦語言處理器將嘗試根據目標字數來匯總文本。 您也可以選取要移除的不同句子。

  7. 對總結滿意時,按一下​匯總。 按一下多行文本欄位,並切換​Expand​按鈕以返回主視圖。

  8. 按一下​儲存​以儲存變更。

建立其他內容片段

重複建立內容片段中概述的步驟,以建立額外的​貢獻者。 這將用於下一章,作為如何查詢多個片段的範例。

  1. 在​貢獻者​資料夾中,按一下右上方的​建立​並選取​內容片段:

  2. 選取​貢獻者​模型,然後按一下​下一步

  3. 為標題輸入​Jacob Wester,然後按一下​Create

  4. 在​Success​對話方塊中,按一下​開啟​以開啟新建立的片段。

  5. 對於​全名,請輸入:雅各布·韋斯特

  6. 傳記​輸入簡短傳記。 需要點靈感嗎? 歡迎重新使用此文本檔案

  7. 對於​圖片引用,按一下​資料夾​表徵圖並瀏覽到​WKND站點 > 英文 > 貢獻者 > jacob_wester.。 這會評估路徑:/content/dam/wknd/en/contributors/jacob_wester.jpg

  8. 對於​佔領,選擇​書寫器

  9. 按一下​儲存​以儲存變更。 除非您想要,否則不需要建立變異!

    其他內容片段

    您現在應該有兩個​貢獻者​片段。

恭喜!

恭喜,您剛撰寫了多個內容片段,並建立了變體。

後續步驟

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

本頁內容