範本和配置概觀

備註

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

本文提供 Microsoft Dynamics 365 Commerce 中範本與版面配置的概述。

範本是 Microsoft Dynamics 365 Commerce 頁面模型的基礎元素。若您的目標是最大化網站編輯工作流程的效率與一致性，學習如何善用範本對您的網站非常重要。對範本結構的早期決策很重要，且會顯著影響每日、季節性及全站品牌更新的成本與靈活性。結構良好的範本還有其他好處。例如，它們有助於提升全站搜尋引擎最佳化 (SEO) 分數並減少錯誤數量。

開始使用範本的好方法是了解範本與版面配置的功能性優點、它們之間的差異以及階層關係。

下圖顯示已渲染網頁背後的頁面模型階層。

頁面模型圖示。

實體	基本功能
範本	範本定義一組版面配置和頁面執行個體的模組選項與基本架構。
版面配置	版面配置定義頁面或一組頁面的最終模組選擇與排列方式。
頁面執行個體	頁面執行個體定義特定頁面的資料與內容。

範本

範本位於 Dynamics 365 Commerce 頁面模型階層的頂端，是網站設定的重要早期步驟。概念上，範本透過定義基礎結構與後續版面配置與頁面建立工作流程的編輯選項，有助於控制子版面配置及頁面家族的一致性。範本能透過預設、集中管理的元素 (例如標頭與頁尾) 與引導式編輯流程，簡化內容編輯過程，確保模組設定選擇符合品牌風格。

控制一致性

設計範本時，最大的商業決策是範本應該對頁面建立過程擁有多少控制權。允許後續作者完全自由的範本是最容易製作的範本類型，但可能對從中建立的頁面維護產生長期影響。良好撰寫的範本能提供指引與流暢的編輯體驗，同時給予作者足夠彈性以完成工作。這些面向全依範本所施加的控制程度而定。

範本能透過以下方式幫助內容作者更有效率並保持品牌一致性：

限制頁面可使用的模組。
建議預設模組與設定選擇。
明確制定部分模組與設定選擇，並在範本層級控制。此過程亦稱為鎖定設定。

下例展示基本範本 (範本 X) 如何設定：

範本 X 的所有子版面配置必須有標頭容器、主體容器及頁尾容器。
在範本 X 中，標頭容器的設定被鎖定，只能在範本 X 本身修改。所有子版面配置與頁面始終包含此標頭。
主體容器需至少包含一個模組，最多可包含十個模組。這些模組由後續版面配置與頁面定義。
主體容器可用的模組有主圖模組、功能模組、輪播模組與橫幅模組。
範本 X 中設定了頁尾容器，但後續版面配置與頁面可覆寫它。

本範例中的範本定義了簡單結構與選項，供後續內容作者使用。注意頁面某些部分 (此例中為標頭) 完全在範本中定義且鎖定，後續作者無法變更。其他部分 (此例中為主體) 則允許後續作者在特定指導原則下定義 (此例為特定模組類型的最少與最多數量)。還有其他部分 (此例中為頁尾) 在範本中定義，但可被後續作者覆寫。

網站與品牌管理員的重要初始步驟是決定對子版面配置及頁面作者約束與彈性的正確平衡。使用範本時，該平衡完全可設定。它影響頁面元素是否集中更新 (鎖定於範本中) 或交由頁面階層中較低的個別子層管理。

範本預設與頁面內容的關係

範本的主要功能是在建立頁面時簡化模組的編輯體驗。即使在範本中設定或鎖定了模組預設值，頁面上的模組設定與範本預設之間沒有進一步的資料連結，除非該頁面經過編輯。範本控制頁面結構的編輯體驗，頁面建立後，範本預設不再與該頁面的可當地語系化內容相關聯。換句話說，範本中設定的模組預設值只控制子頁面的編輯體驗，但不會控制這些頁面建立與編輯後的內容。

先前描述的行為唯一例外是當範本加入片段時。片段可以用來動態新增或修改範本或版面配置下所有子頁面的可當地語系化內容，且可隨時進行，即使已經從該範本建立了許多頁面也不受影響。當需要在所有子頁面中動態新增、移除或編輯可當地語系化內容時，最佳做法是在範本與版面配置中使用片段。例如，片段應用於標頭、頁尾、共用的中繼資料/指令碼或任何必須集中編輯且在所有子頁面中保持一致的內容。片段提供了一種方式，讓範本與版面配置能夠控制所有子頁面的內容。

若要開始使用範本，請參考使用範本。

配置

版面配置是頁面模型階層中位於範本下方的下一層級。範本定義頁面允許使用的所有模組，而版面配置則是明確選擇和排列模組。頁面是頁面模型階層中位於版面配置下方的下一層級。它們定義在版面配置中所選模組的當地語系化內容。

以下範例延續上一節的範本範例，說明如何設定基本版面配置：

該版面配置的母範本要求主體容器必須包含一至十個模組。這些模組僅限於主圖模組、功能模組、輪播模組和橫幅模組。因此，版面配置可以定義以下模組的選擇與排列：
- 主體容器中的第一個模組是橫幅模組，接著是主圖模組和兩個功能模組。
- 第一個功能模組靠左對齊，第二個功能模組靠右對齊。
雖然預設頁尾是繼承自母範本，但範本作者並未鎖定頁尾。因此，版面配置可以透過定義不同的頁尾片段來覆寫它。

本範例中的版面配置定義了子頁面的最終模組排列。與範本類似，版面配置可定義預設或鎖定的模組屬性，這些屬性將被子頁面繼承 (例如功能模組的對齊方式)。版面配置中每個模組的實際內容或資料，則由階層中更下層的子頁面執行個體定義。此處一個重要的區別是，版面配置本身不直接包含可當地語系化內容，但其子頁面包含。版面配置的主要功能是為其子頁面定義模組的最終排列與預設設定。

這種階層結構有兩個強大優點。首先，共用同一母範本的版面配置在版面切換情境中被視為相容。因此，任何頁面的版面配置都可改為同一範本階層下的另一版面配置，且不需重新編輯頁面內容。您可利用此功能進行季節性設計更新、實驗或永久性網站重新設計。其次，版面配置提供另一種方式，可集中修改一組頁面的共用元素，無需更新單一頁面。例如，若某產品分類有 1,000 頁共用相同版面配置，可透過調整版面配置中的模組順序，立即反映在所有 1,000 個子頁面中。

理解此階層結構，能讓您打造靈活且高效的網站架構，有助節省成本、具備擴充性，且隨著網站演進產生更佳成效。

預設版面配置與自訂版面配置

網站上的版面配置可分為預設或自訂：

預設版面配置允許頁面建立工作流程中，所有模組已選定並排列，僅需輸入資料。此方式在需大量建立具有相同版面需求的頁面時，能節省時間。預設版面配置與其子頁面間為一對多關係。因此，單一預設版面配置可用於集中控制數百或數千子頁面的模組排列。
自訂版面配置本質上是嵌入單一頁面的單用版面配置。它不會在建立新頁面時或版面切換情境中作為選項顯示。此方式的優點是作者可透過編輯使用自訂版面配置的頁面進行實驗。若作者想將此版面配置用於其他頁面，可輕鬆將其轉換為預設版面配置。新預設版面配置隨即成為頁面建立工作流程及同範本階層頁面版面切換情境中的選項。反之，預設版面配置也可衍生為自訂版面配置。如此一來，作者可讓頁面脫離預設版面配置，建立新的單用自訂版面配置。 (此新自訂版面配置仍受母範本中任何限制約束。)

預設版面配置與自訂版面配置分別在不同的編輯工具中進行編輯。因自訂版面配置不依賴其他頁面，故直接在頁面編輯器中編輯。在此情況下，版面配置的存在對使用者而言多半透明，僅在頁面層級屬性與版面配置選項操作中呈現。然而，因預設版面配置的變更可能影響眾多子頁面，必須在版面配置編輯器中進行編輯，發佈操作會考慮對子頁面的整體影響。

下圖展示預設與自訂版面配置的使用情境。

預設與自訂版面配置情境。