視覺內容片段 visual-content-fragments
內容片段包含適用於JSON輸出的結構化內容，且不含設計或配置。 新增HTML範本後，您就可以使用HTML格式的結構化內容，建立完整裝飾的視覺體驗：
-
將內容片段視覺化有助於確保內容品質，讓利害關係人在使用內容之前先檢閱內容，不必開啟內容片段編輯器
-
提供視覺化片段有助於全通道傳送，以便跨管道（例如網頁、電子郵件或行動應用程式）重複使用模組化體驗。
使用附加AEM範本的版面配置與設計的HTML內容片段的演算輸出稱為視覺內容片段。
HTML範本包含版面配置和設計資訊，可啟用內容片段的視覺效果。 範本和內容片段之間的連線是使用Handlebars語法來建立，以將HTML標籤對應到內容片段模式中定義的資料型別（欄位）。 此定義允許在「內容片段編輯器」的個別欄位中編寫的內容顯示在範本內的適當位置。
您或您的開發團隊可以建立並自訂您自己的HTML範本，然後上傳並附加一或多個內容片段模型，以便對應的片段可以演算為體驗，預覽以及視需要傳送。
建立範本 create-a-template
使用Handlebars開發的HTML範本可讓您預覽並傳送HTML格式的視覺內容片段。 Handlebars.js語法定義內容片段欄位中所編寫內容的預留位置。
如需開發您自己的範本的詳細資訊，請參閱視覺內容片段 — 範本。
上傳並指派您的範本 upload-and-assign-your-template
範本與內容片段模式相關聯，因此可用於從該模式建立的任何內容片段。
若要上傳新的HTML範本：
-
在內容片段主控台中，開啟 內容片段模式 的索引標籤。
-
導覽至您的片段模型的位置。
-
選取所需模型的資訊圖示(i)：
右側面板隨即顯示。
-
向下捲動以顯示HTML範本，已列出一般範本，因為它是預設值：
使用一般HTML範本
-
選取 + 以從HTML檔案(
.html)上傳您的範本。 對話方塊可讓您 瀏覽 您的本機檔案系統，並選取您的範本檔案。 -
上傳後，會顯示兩個範本檢視供您檢閱：
- 左：呈現沒有內容的範本
- 右：HTML程式碼，您也可以在匯入至AEM之前在這裡編輯它
在上傳時
-
選取 下一步 以繼續。
-
輸入 範本名稱 以用於AEM。
-
向 建立範本 確認。
-
範本將在AEM中建立，並在內容片段模型的屬性中列在 HTML範本 下。
載入後，它可用於預覽片段。 您也可以 下載 或 刪除 範本。
使用範本預覽您的片段 preview-your-fragment-with-a-template
若要使用範本預覽您的內容片段：
-
在內容片段控制檯導覽至片段的位置。
-
可以：
- 在主控台中選取您的片段
- 在編輯器中開啟您的片段
-
從下列專案的頂端工具列選取預覽：
- 內容片段主控台
- 編輯器，您可在其中選取範本
在這兩種情況下，都會開啟新的強制回應視窗。
-
如果沒有可用的自訂範本，則AEM將使用 通用範本 來顯示您的片段。 一般範本：
- 以表格形式顯示片段的欄位；名稱和內容
- 在相同檢視中顯示參照片段的完全水合內容
-
如果有可用的自訂範本，您可以選取要使用的範本（包括通用範本）。
-
如果內容片段已發佈，您也可以檢視並複製其 預覽URL 和發佈URL。
例如，使用 一般範本 預覽：
使用一般HTML範本
傳遞您的視覺內容片段 deliver-your-visual-content-fragment
視覺內容片段可以傳送給HTML格式的一系列目標。
傳遞到瀏覽器 deliver-to-the-browser
複製 預覽URL 或發佈URL。 直接從您的瀏覽器存取此專案，以檢視您的視覺內容片段。
傳遞至Edge Delivery Services deliver-to-edge-delivery-services
您可以在Edge Delivery服務(EDS)頁面中傳送您的視覺化片段。
傳遞至AEM頁面 deliver-to-an-AEM-page
您可以使用核心元件「內容片段」，在AEM頁面中傳送您的視覺內容片段。
在您的頁面🔗上設定內容片段 元件時：
-
指定必要的內容片段。
-
選取內容片段視覺效果。
-
從下拉式清單中選取必要的視覺效果範本。
-
視覺片段將顯示在頁面中。
下載您的範本 download-your-template
若要從AEM下載HTML範本：
-
在內容片段主控台中，開啟 內容片段模式 的索引標籤。
-
導覽至您的片段模型的位置。
-
選取所需模型的資訊圖示(i)：
右側面板隨即顯示。
-
向下捲動以顯示HTML範本。
-
依要下載的範本選取橢圓。
-
選取下載。
-
指定檔案名稱和位置。
-
使用 儲存 確認。
刪除您的範本 delete-your-template
若要刪除新的HTML範本（從AEM）：
-
在內容片段主控台中，開啟 內容片段模式 的索引標籤。
-
導覽至您的片段模型的位置。
-
選取所需模型的資訊圖示(i)：
右側面板隨即顯示。
-
向下捲動以顯示HTML範本。
-
依要下載的範本選取橢圓。
-
選取刪除。
-
在下列對話方塊中，確認 刪除 的動作。