編寫內容片段

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

必備條件

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

目標

  • 基於內容片段模型製作內容片段
  • 建立內容片段變數

內容片段製作概述

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

建立內容片段

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

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

  2. 按一下資料夾以導航至​WKND站點 > 英文 > 參與者。 此資料夾包含WKND品牌「投稿者」的頭照清單。

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

    按一下「建立新片段」

  4. 選擇​Contributor​型號,然後按一下​Next

    選擇參與者模型

    這與前一章中建立的​Contributor​模型相同。

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

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

    已建立新內容片段

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

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

  8. 對於​傳記,請輸入簡短的傳記。 需要靈感嗎? 您可以重新使用此文字檔

  9. 對於​圖片參考,按一下​資料夾​表徵圖並瀏覽至​WKND站點 > 英文 > 參與者 > stacey-roswells.jpg… 這將評估路徑:/content/dam/wknd/en/contributors/stacey-roswells.jpg

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

    編寫的片段

  11. 按一下​保存​保存更改。

建立內容片段變數

所有內容片段都以​Master​變數開頭。 Master​變體可視為片段的​default​內容,並在通過GraphQL API公開內容時自動使用。 也可以建立內容片段的變體。 此功能為設計實施提供了額外的靈活性。

變體可用於特定通道。 例如,可以建立​mobile​變體,該變體包含較少的文本或引用特定於通道的影像。 如何使用變體,完全取決於實施。 與任何功能一樣,在使用前應仔細規劃。

接下來,建立一個新變體,瞭解可用功能。

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

  2. 在左側滑軌中,按一下「Create Variation (建立變體)」。

  3. 在​新建變體​模式中,輸入「摘要」的標題​

    新建變體 — 摘要

  4. 按一下​傳記​多行欄位,然後按一下​展開​按鈕以輸入多行欄位的全屏視圖。

    輸入全屏視圖

  5. 按一下右上角菜單中的「匯總文本​」。

  6. 輸入​50​單詞的​目標,然後按一下「開始」。

    摘要預覽

    這將開啟摘要預覽。 AEM的機器語言處理器將嘗試根據目標詞數來總結文本。 您也可以選擇不同的句子刪除。

  7. 如果您對摘要很滿意,請按一下「摘要」。 ​按一下多行文本欄位並切換​展開​按鈕以返回主視圖。

  8. 按一下​保存​保存更改。

建立其他內容片段

重複建立內容片段中概述的步驟,以建立附加的​參與者。 在下一章中,將使用此示例來說明如何查詢多個片段。

  1. 在​「參與者」資料夾中,按一下右上角的​建立​並選擇​內容片段:

  2. 選擇​Contributor​模型,然後按一下​Next

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

  4. 按一下​成功​對話框中的​開啟​以開啟新建立的片段。

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

  6. 對於​傳記,請輸入簡短傳記。 需要點靈感嗎? 您可以重新使用此文本檔案

  7. 對於​圖片參考,按一下​資料夾​表徵圖並瀏覽至​WKND站點 英語 參與者 > jacob_wester.jpg。 這將根據路徑計算:/content/dam/wknd/en/contributors/jacob_wester.jpg

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

  9. 按一下​保存​保存更改。 除非您願意,否則無需建立變體!

    其他內容片段

    您現在應該有兩個​參與者​片段。

恭喜!

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

後續步驟

在下一章瀏覽GraphQL API中,您將使用內置的GrapiQL工具瀏覽AEM的GraphQL API。 瞭解AEM如何基於內容片段模型自動生成GraphQL架構。 您將嘗試使用GraphQL語法構建基本查詢。

本頁內容