本章會逐步說明建立五個內容片段模型的步驟:
內容片段模型允許定義內容型別之間的關係並保留例如結構描述的關係。 使用巢狀片段參考、各種內容資料型別和視覺內容組織的索引標籤型別。 更進階的資料型別,例如Tab預留位置、片段參考、JSON物件和日期與時間資料型別。
本章也涵蓋如何增強內容參照(例如影像)的驗證規則。
此為進階教學課程。 在繼續本章之前,請確定您已完成 快速設定. 請確定您也閱讀了前述 概觀 章節,以取得進階教學課程設定的詳細資訊。
以下影片簡要介紹內容片段模型,以及在本教學課程中如何使用它們。
讓我們為WKND應用程式建立一些內容片段模型。 如果您需要建立內容片段模式的基本介紹,請參閱 基本教學課程.
導覽至 工具 > 一般 > 內容片段模型.
選取 WKND已共用 以檢視網站的現有內容片段模型清單。
接下來,建立包含人員或地點之聯絡資訊的模型。
選取 建立 右上角。
將模型標題命名為「聯絡資訊」,然後選取 建立. 在出現的成功模式中,選取 開啟 以編輯新建立的模型。
從拖曳開始 單行文字 欄位至模型。 將其授予 欄位標籤 中的「Phone」 屬性 標籤。 屬性名稱會自動填入,如下所示 phone
. 選取核取方塊以產生欄位 必填.
導覽至 資料型別 標籤,然後新增另一個 單行文字 「電話」欄位下方的欄位。 將其授予 欄位標籤 「 Email 」的縮寫,並將其設定為 必填.
Adobe Experience Manager隨附一些內建的驗證方法。 這些驗證方法可讓您將治理規則新增到內容片段模式中的特定欄位。 在此情況下,讓我們新增驗證規則,以確保使用者在填寫此欄位時只能輸入有效的電子郵件地址。 在 驗證型別 下拉式清單,選取 電子郵件.
您完成的內容片段模式應如下所示:
完成後,選取 儲存 以確認您的變更並關閉內容片段模式編輯器。
接下來,建立地址的模型。
從 WKND已共用,選取 建立 從右上角。
輸入「地址」的標題,然後選取 建立. 在出現的成功模式中,選取 開啟 以編輯新建立的模型。
拖放 單行文字 欄位至模型,並賦予 欄位標籤 「街道地址」的URL。 然後,屬性名稱會填寫為 streetAddress
. 選取 必填 核取方塊。
重複上述步驟,再新增四個「單行文字」欄位至模型。 使用下列標籤:
選取 儲存 以儲存對地址模型的變更。
已完成的「位址」片段模式應如下所示:
接下來,建立包含個人相關資訊的模型。
在右上角,選取 建立.
將模型標題命名為「Person」,然後選取 建立. 在出現的成功模式中,選取 開啟 以編輯新建立的模型。
從拖曳開始 單行文字 欄位至模型。 將其授予 欄位標籤 「全名」的。 屬性名稱會自動填入,如下所示 fullName
. 選取核取方塊以產生欄位 必填.
內容片段模式可在其他模式中參照。 導覽至 資料型別 標籤,然後拖放 片段參考 欄位,並為其指定「聯絡人資訊」標籤。
在 屬性 標籤,在 允許的內容片段模型 欄位,選取資料夾圖示,然後選擇 連絡資訊 先前建立的片段模型。
新增 內容參考 欄位並賦予 欄位標籤 「個人資料圖片」的。 選取下方的資料夾圖示 根路徑 以開啟路徑選取強制回應視窗。 選取「 」,選取根路徑 內容 > 資產,然後勾選的核取方塊 WKND已共用. 使用 選取 按鈕來儲存路徑。 最終文字路徑應為 /content/dam/wknd-shared
.
下 僅接受指定的內容型別,選取「影像」。
若要限制影像檔案的大小和尺寸,我們來看看內容參考欄位的一些驗證選項。
下 僅接受指定的檔案大小,選取「小於或等於」,其他欄位會顯示在下方。
對象 最大,輸入"5",並針對 選取單位,選取「百萬位元組(MB)」。 此驗證僅允許選擇指定大小的影像。
下 僅接受指定的影像寬度,選取「最大寬度」。 在 最大值(畫素) 在出現的欄位中輸入「10000」。 選取相同的選項 僅接受指定的影像高度.
這些驗證可確保新增的影像不超過指定的值。 驗證規則現在應如下所示:
新增 多行文字 欄位並賦予 欄位標籤 《傳記》的。 離開 預設型別 下拉式清單作為預設的「RTF文字」選項。
導覽至 資料型別 標籤,然後拖曳 分項清單 「傳記」底下的欄位。 而不是預設值 呈現為 選項,選取 下拉式清單 並賦予 欄位標籤 (「講師經驗層級」)。 輸入一系列講師體驗層級選項,例如 專家、進階、中級.
接下來,拖曳另一個 分項清單 欄位中的「講師體驗層級」,然後選擇 呈現為 選項。 將其授予 欄位標籤 的「技能」部分。 輸入攀巖、衝浪、騎腳踏車、滑雪和揹包等不同技能。 選項標籤和選項值應比對如下:
最後,使用建立「管理員詳細資訊」欄位標籤 多行文字 欄位。
選取 儲存 以確認您的變更並關閉內容片段模式編輯器。
下一個內容片段模式會說明實體位置。 此模型使用定位點預留位置。 索引標籤預留位置可透過分類內容,協助您在模型編輯器中整理資料型別,並在片段編輯器中整理內容。 每個預留位置都會在內容片段編輯器中建立一個標籤,類似於網際網路瀏覽器中的標籤。 「位置」模型應有兩個標籤:「位置詳細資料」和「位置地址」。
如同先前一樣,選取 建立 以建立另一個內容片段模式。 在「模型標題」中輸入「位置」。 選取 建立 後面接著 開啟 在出現的成功強制回應視窗中。
新增 索引標籤預留位置 到模型的欄位並加上標籤「位置詳細資料」。
拖放 單行文字 並標示為「名稱」。 在此欄位標籤下方,新增 多行文字 欄位並標示為「說明」。
接下來,新增 片段參考 欄位並加上標籤「聯絡人資訊」。 在「屬性」標籤中的 允許的內容片段模型,選取 資料夾圖示 並選擇先前建立的「聯絡資訊」片段模式。
新增 內容參考 「聯絡人資訊」底下的欄位。 將其標籤為「位置影像」。 此 根路徑 應為 /content/dam/wknd-shared.
下 僅接受指定的內容型別,選取「影像」。
我們也要新增 json物件 「位置影像」下的欄位。 由於此資料型別有彈性,因此可用來顯示您要包含在內容中的任何資料。 在此情況下,會使用JSON物件來顯示天氣相關資訊。 將JSON物件標示為「依季節顯示天氣」。 在 屬性 索引標籤,新增 說明 因此使用者很清楚應在此處輸入哪些資料:「關於各季事件位置天氣的JSON資料(春季、夏季、秋季、冬季)。」
若要建立「位置地址」標籤,請新增 索引標籤預留位置 欄位並標示為「位置地址」。
拖放 片段參考 欄位,從屬性索引標籤,將其標示為「Address」,然後在 允許的內容片段模型,選取 地址 模型。
選取 儲存 以確認您的變更並關閉內容片段模式編輯器。 已完成的「位置」模型應如下所示:
最後,建立可描述團隊人員的模型。
從 WKND已共用 頁面,選取 建立 製作另一個內容片段模型。 在「模型標題」中輸入「團隊」。 如同先前一樣,選取 建立 後面接著 開啟 在出現的成功強制回應視窗中。
新增 多行文字 表單的欄位。 下 欄位標籤,輸入「說明」。
新增 日期與時間 欄位至模型,並標示為「團隊建立日期」。 在此情況下,請保留預設值 型別 設為「Date」,但請注意,也可以使用「Date & Time」或「Time」。
導覽至 資料型別 標籤。 在「團隊建立日期」下方,新增 片段參考. 在 呈現為 下拉式清單,選取「多欄位」。 對象 欄位標籤,輸入「團隊成員」。 此欄位連結至 個人 先前建立的模型。 由於資料型別是多欄位,因此可以新增多個人員片段,以建立人員團隊。
下 允許的內容片段模型,使用資料夾圖示以開啟「選取路徑」強制回應視窗,然後選取 個人 模型。 使用 選取 按鈕以儲存路徑。
選取 儲存 以確認您的變更並關閉內容片段模式編輯器。
與「團隊」模式具有對「人員」模式的片段參照類似,「團隊」和「位置」模式必須從「冒險」模式參照,才能在WKND應用程式中顯示這些新模式。
從 WKND已共用 頁面,選取 冒險 模型,然後選取 編輯 從頂端導覽列中。
在表單底部的「帶什麼」下方,新增 片段參考 欄位。 輸入 欄位標籤 「位置」的URL編號。 下 允許的內容片段模型,選取 位置 模型。
再新增一個 片段參考 欄位並標示為「講師團隊」。 下 允許的內容片段模型,選取 團隊 模型。
新增另一個 片段參考 欄位並標示為「管理員」。
選取 儲存 以確認您的變更並關閉內容片段模式編輯器。
建立內容片段模型相關的最佳實務如下:
建立對應至UX元件的模型。 例如,WKND應用程式具有適用於冒險、文章和位置的內容片段模型。 您也可以新增標題、促銷活動或免責宣告。 這些範例中的每一個都組成特定的UX元件。
建立儘可能少的模型。 限制模型數量可讓您最大化重複使用並簡化內容管理。
視需要深度巢狀內嵌內容片段模型,但僅視需要而定。 回想一下,巢狀內嵌是使用片段參考或內容參考完成的。 最多考慮五個巢狀層級。
恭喜!您現在新增標籤、使用日期和時間以及JSON物件資料型別,並瞭解更多有關片段和內容參考的資訊。 您也新增了內容參考驗證規則。
本系列的下一章將涵蓋 製作內容片段 從您在本章中建立的模型中選取。 瞭解如何使用本章介紹的資料型別並建立檔案夾原則,以限制可在資產檔案夾中建立的內容片段模型。
雖然此教學課程是選用的,但請務必在真實世界生產環境中發佈所有內容。 如需AEM中「作者」和「發佈」環境的稽核,請參閱
AEM Headless和GraphQL影片系列.