製作內容片段

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

必備條件

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

目標

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

內容片段製作概述

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

建立內容片段

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

  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語法來建構基本查詢。

本頁內容