內容區塊模組
本文介紹內容區塊模組，並介紹如何將它們添加到網站頁面 Microsoft Dynamics 365 Commerce。
內容區塊模組用於通過圖像和文本的組合來營銷產品或促銷。 例如，零售商可以將內容區塊模組添加到電子商務網站的主頁，以升階新產品並吸引客戶的注意力。
內容區塊模組由內容管理系統 (CMS) 中的數據驅動。 它是一個獨立的模組，不依賴於頁面上的任何其他模組。 內容區塊模組可以放在零售商想要行銷或升階某些內容 (例如，產品、銷售或功能) 的任何網站頁面上。
電子商務中的內容區塊模組範例
- 可以在電子商務網站的主頁上使用內容區塊模組來突出顯示促銷和新產品。
- 可以在產品詳細資訊頁面上使用內容區塊模組來展示產品資訊。
- 可以將多個內容區塊模組放入輪播模組中，以突出顯示多個產品或促銷活動。
內容區塊模組和主題
內容區塊模組可以支援基於主題的各種布局和樣式。 例如，Fabrikam 主題支援內容區塊模組的三種配置變體：英雄、功能和磁貼。 主配置在背景上顯示帶有文本疊加的圖像。 功能配置並排顯示圖像和文本。 磁貼配置允許磁貼格式的多個內容塊。
此外，主題可以為每個配置公開不同的屬性。 主題開發人員可以使用內容區塊模組構建具有更多樣式的更多佈局。
下圖顯示了具有主配置的內容區塊模組的範例。
下圖顯示了具有功能配置的內容區塊模組的範例。
內容區塊模組屬性
| 屬性名稱 | 值 | 描述 |
|---|---|---|
| 影像 | 影像檔案 | 圖像可用於展示產品或促銷。 可以將圖像上傳到圖像庫，也可以使用現有圖像。 |
| 標題 | 標題文字和標題標籤 (H1、 H2、 H3、H4 、 H5 或 H6) | 每個英雄模組都可以有一個標題。 默認情況下， H2 標題標籤用於標題。 但是，可以更改標記以滿足輔助功能要求。 |
| 段落 | 段落文字 | 主圖模組支援富文本格式的段落文本。 支援一些基本的富文本功能，例如粗體、下劃線和斜體文本以及超連結。 其中一些功能可以被應用於模組的頁面主題覆蓋。 |
| 連結 | 連結文字、連結 URL、可存取的富 Internet 應用程式 (ARIA) 標籤和 在新選項卡中開啟連結 | 主圖模組支援一個或多個「號召性用語」連結。 如果添加了連結，則需要連結文本、URL 和 ARIA 標籤。 ARIA 標籤應具有描述性，以滿足輔助功能要求。 可以配置連結，以便在新選項卡上打開它們。 |
內容區塊 Fabrikam 主題公開的模組屬性
| 屬性名稱 | 值 | 描述 |
|---|---|---|
| 文字位置 | 左， 右， 居中 | 此屬性定義文字在圖像上的位置。 它僅適用於英雄配置。 |
| 文字主題 | 淺色 或 深色 | 可以根據背景圖像為文本定義配色方案。 例如，如果圖像具有深色背景，則可以應用淺色主題以使文本更明顯，並滿足顏色對比度以實現輔助功能。 它僅適用於英雄配置。 |
| 影像位置 | 左， 右 | 此屬性指定圖像應位於文字的左側還是右側。 它僅適用於功能配置。 |
將內容區塊模組新增到新頁面
要將主模組添加到新頁面並設置所需的屬性，跟隨執行以下步驟。
- 轉到 “範本”，然後創建名為 內容區塊範本的頁面範本。
- 在預設頁面的 主 插槽中，添加一個主模組。
- 選擇 保存，選擇 完成編輯 以簽入範本，然後選擇 發佈 以發佈它。
- 使用剛剛創建的主圖範本創建名為 內容區塊頁面的頁面。
- 在預設頁的主 插槽中，選擇省略號按鈕 (...)，然後選擇添加 模組。
- 在“選擇模組 ” 對話框中，選擇主模組，然後選擇“ 確定”。
- 在左側的大綱樹中，選擇內容區塊模組。
- 在右側的屬性窗格中，選擇“ 添加圖像”。 然後選擇現有映像或上傳新映像。
- 選擇 標題。
- 在“ 標題 ”對話框中，添加標題文本，選擇標題級別，然後選擇“ 確定”。
- 在“富文本” 下，根據需要添加文本。
- 選擇「 添加連結」。。
- 在連結 對話框中，為連結添加連結文本、連結 URL 和 ARIA 標籤，然後選擇 確定。
- 選擇英雄 配置。
- 選擇「 保存」，然後選擇預覽版 以預覽版頁面。
- 選擇 完成編輯 以簽入範本，然後選擇 發佈 以發佈它。