共用方式為


使用範本

附註

Dynamics 365 Commerce 的零售興趣群組已從 Yammer 移至 Viva Engage。 如果您無法存取新的Viva Engage社群,請填寫此表單 (https://aka.ms/JoinD365commerceVivaEngageCommunity) 以新增,並繼續參與最新的討論。

本文說明如何在 Microsoft Dynamics 365 Commerce 中使用範本。

範本和版面配置概觀中所述,範本定義可供下游作者使用的選項集。 出於多種原因,範本對企業的 Web 製作團隊很有用,且結構良好的範本可協助實現以下所有目標:

  • 簡化日常內容編輯角色的製作體驗。

    • 篩選模組選項,以便僅顯示特定頁面區段的相關模組。 (例如,範本的市場行銷部分可以設定為篩選出永遠不應在該上下文中使用,且如果顯示這些模組,只會讓內容製作工作複雜化的不相關模組。)
    • 設定預設模組設定以協助提升製作效率。
    • 定義預設頁面片段以協助提升製作效率。 (例如,範本中的頁首和頁尾片段將自動顯示在每個下游頁面上。)
  • 透過定義一組核准的模組排列和設定選項,讓企業網站保持品牌一致性。

    提示

    成功的電子商務網站為客戶提供熟悉、可重複和品牌一致性的使用者體驗 (UX) 設計模式。 透過使用範本,您可以協助控制整個網站的一致性。

  • 透過確保可重複和以程式設計方式定義的頁面定義和中繼資料,來提高搜尋引擎最佳化 (SEO) 分數。

附註

儘管範本旨在控制整個網站的一致性,但理論上可以對其進行設定,讓它們不強制實施任何一致性。 品牌和網站管理員可以為其網站上的頁面定義任何等級的可變性。 例如,範本可以保持完全開放狀態,讓內容作者可以建立他們選擇的任何頁面設計。 在這種情況下,上述清單中的優點,沒有一項適用。

修改範本

使用範本編輯器修改範本。

若要在 Commerce 網站建立器中開啟範本編輯器,請依照以下步驟之一執行:

  • 在網站的瀏覽窗格中,選取範本,然後選取要修改的範本。
  • 在現有頁面的頁面編輯器中,選取左側樹狀圖中的頂端節點。 然後,在右側屬性窗格中,選取編輯範本

左側樹狀圖會顯示可用於下層版面配置和頁面的模組選項和結構。 在樹狀圖中選取模組時,可以在右側屬性窗格中查看所選模組的範本屬性。 其中一些屬性專屬於範本編輯。 下表說明這些屬性。

屬性名稱 說明
最小發生次數 此屬性定義所選模組的最小出現次數。 例如,如果該值設定為 1,則該模組對於下游作者是必需的,而如果該值設定為 0 (零),則該模組是選用的。
最大發生次數 此屬性定義所選模組的最大出現次數。 例如,如果值設定為 1,則模組只能新增一次。
最小模組 (容器) 對於包含其他模組的模組 (即,對於 容器模組),此屬性定義應新增為下層的最小模組總數。 例如,對於輪播模組,該值可能設定為大於 1 的數字。
最大模組 (容器) 對於容器模組,此屬性定義應新增為下層的最大模組總數。 例如,對於輪播模組,該值可能設定為小於 10 的數字。
已鎖定 鎖定布林值控制項顯示在所有核心模組屬性旁邊。 它讓範本作者可以鎖定範本中的模組設定。 鎖定的模組設定不能被任何下層版面配置或頁面覆寫。 它將成為使用範本的所有版面配置和頁面的中央編輯屬性值。

建立新範本

要在網站建置器中建立新模板,請遵循以下步驟:

  1. 在網站的瀏覽窗格中,選取範本以打開範本檢查工具檢視。
  2. 選取新範本
  3. 在範本建立對話方塊中,輸入範本的名稱和描述。 您輸入的值將在作者建立新頁面時,向他們顯示。 因此,請輸入對頁面作者有用的中繼資料。 例如,輸入使用此範本來建立一般行銷頁面作為說明。 此中繼資料可在之後編輯。
  4. 選取確定以建立新的範本並打開範本編輯器。 範本編輯器在左側顯示樹狀圖,在右側顯示屬性窗格。
  5. 在樹狀圖中,展開節點,然後選取 HTML 標頭 插槽。
  6. 如果此插槽中尚未有任何模組,請選取省略符號按鈕 (...),然後選取新增模組
  7. 新增模組對話方塊中,選取預設頁面摘要,然後選取確定
  8. 在樹狀圖中,選取新模組,然後在屬性窗格中,輸入要自動設定到範本所有下層頁面的任何預設設定。 如果不需要任何預設設定,請將這些值留空。
  9. 在樹狀圖中,選取正文插槽,選取省略符號按鈕,然後選取新增模組
  10. 選取一個頁面容器模組 (可能只有一個選項),然後選取 確定

在新的頁面容器模組底下,您將看到一組新的插槽 (標題主要等)。 在這裡,您可以新增和設定模組選項,當作者從此範本建立頁面時,將可使用這些選項。 根據預設,如果不新增任何模組到插槽,則該插槽支援所有可用的模組類型。

該範本現在實質上是有效的,可以被儲存、簽入和用於建立新頁面。 但是,接下來的三個區段會介紹您可能希望先設定的其他一些預設設定。

如果您的網站已有頁首片段,請在網站建立器中依循以下步驟新增頁首和頁尾到範本。

  1. 在樹狀圖中,展開正文插槽及其下層頁面模組。
  2. 選取頁首插槽。
  3. 選取頁首插槽的省略符號按鈕,然後選取新增片段
  4. 搜尋並選取您的網站頁首片段,然後選取確定

使用該範本的所有頁面現在都將自動繼承此頁首片段。

如果您的網站還沒有頁首片段,請參閱建立片段以取得有關如何建立它 的資訊,接著完成前面的程序。

變更範本主題

若要為使用範本的所有頁面設定預設主題,請在網站建立器中依照以下步驟操作。

  1. 在左側樹狀圖中,展開正文插槽。
  2. 正文插槽中,選取頁面容器模組 (例如,預設頁面)。
  3. 在右側屬性窗格的主題欄位中,選取一個主題。

根據預設,所有新頁面現在都將使用所選主題。 若要防止頁面在版面配置或頁面等級覆寫此設定,請將鎖定布林值控制項設定為 True。。

新增指令碼到範本

您可以將包含 JavaScript 的 HTML <script> 元素新增到範本中。 透過這種方式,您可以為頁面的 HTML 頁首、正文開始和正文結尾區段提供預設指令碼行為。

要在網站建置器中將腳本加入範本,請依照以下步驟操作:

  1. 在左側樹狀圖中,選取要新增 <scrip> 元素的插槽 (例如,HTML 頁首、正文開頭或正文結尾)。
  2. 選取插槽的省略符號按鈕,然後選取新增模組
  3. 新增模組對話方塊中,選取一個指令碼模組 (例如,外部指令碼內嵌指令碼)。
  4. 在右側屬性窗格中,在適當指令碼屬性控制項 (例如,內嵌指令碼指令碼標籤) 中,輸入指令碼。
  5. 在屬性窗格中,輸入要設定的任何其他選用設定。

提示

如果要將任何指令碼模組重新使用於其他範本,可以將它們轉換成片段。 透過這種方式,您可以協助提升製作過程的效率,並集中更新過程。 有關如何將指令碼模組轉換成片段的資訊,請參閱將現有模組設定另存為片段

儲存、簽入、預覽和發佈範本

要在網站建置器中儲存並檢查範本,請依照以下步驟操作:

  1. 選取範本編輯器頂端的儲存。 儲存的變更在簽入之前不會影響下游頁面。
  2. 選取完成編輯。 您的變更現在可在下游工作流程中發現。

若要預覽變更,請打開使用範本的現有頁面,或從範本建立新頁面。

預覽完您對範本所做的變更後,請依照以下其中一個步驟,將範本發佈到您的即時網站:

  • 移至範本,選取範本,然後選取發佈
  • 選取版面配置名稱以打開版面配置編輯器,然後選取發佈
  • 發佈參考未發佈範本的頁面。 範本將自動發佈。

警告

發佈範本或任何其他內容管理系統 (CMS) 項目時,它們在網際網路上可被搜索。 在準備好公開文件或資產前,請不要發佈它們。 已儲存並簽入但尚未發佈的文件版本僅有經過驗證的系統使用者可搜索。

重新命名範本

要在網站建置器中重新命名現有範本,請依照以下步驟操作:

  1. 在左側瀏覽窗格中,選取範本
  2. 選取您希望重新命名之範本的範本名稱。
  3. 選取編輯以開始編輯範本。 請注意,如果其他人已經編輯範本,則您將無法編輯該範本。
  4. 在範本屬性窗格中,選取範本名稱旁邊的筆符號。
  5. 根據需要編輯範本名稱。
  6. 選取核取符號以確認名稱變更。
  7. 選取完成編輯

其他資源

範本和配置概觀

使用預設配置