頁面範本 page-templates
在本章中，我們將探索頁面範本與頁面之間的關係。 我們將根據AdobeXD的某些模型建置未設定樣式的雜誌文章範本。 在建置範本的過程中，將涵蓋核心元件和進階原則設定。
先決條件 prerequisites
此教學課程包含多個部分，並假設已完成製作內容與發佈變更章節中概述的步驟。
目標
- 瞭解頁面範本的詳細資料，以及如何使用原則來強制精細控制頁面內容。
- 瞭解範本和頁面的連結方式。
- 建立新範本並編寫頁面。
您將建置的內容 what-you-will-build
在教學課程的這個部分，您將建立一個新的Magazine文章頁面範本，可用來建立新的雜誌文章，並與通用結構保持一致。 範本是根據設計和在AdobeXD中產生的UI套件。 本章只著重於建置範本的結構或骨架。 未實作任何樣式，但範本和頁面運作正常。
建立Magazine文章頁面範本
建立頁面時，您必須選取範本，作為建立新頁面的基礎。 範本會定義結果頁面的結構、初始內容和允許的元件。
頁面範本有3個主要區域：
- 結構 — 定義屬於範本一部分的元件。 內容作者無法編輯這些內容。
- 初始內容 — 定義範本開始使用的元件，這些元件可由內容作者編輯和/或刪除
- 原則 — 定義元件行為方式的設定，以及作者可用的選項。
接下來，在AEM中建立符合模型結構的新範本。 這會在AEM的本機執行個體中發生。 請依照下列影片中的步驟操作：
您可以使用以下縮圖來識別您的範本（或上傳您自己的範本！）
解決方案套件
可以透過[封裝管理員]下載並安裝Magazine範本🔗的已完成解決方案。
使用體驗片段更新頁首和頁尾 experience-fragments
建立全域內容（例如頁首或頁尾）的常見作法是使用體驗片段。 體驗片段，可讓使用者結合多個元件，以建立單一可參考的元件。 體驗片段的優點在於支援多網站管理和本地化。
網站範本產生頁首和頁尾。 接下來，更新體驗片段以符合模型。 請依照下列影片中的步驟操作：
以下影片的高層級步驟：
- 下載範例內容封裝 WKND-Starter-Assets-Skate-Article-1.2.zip。
- 使用封裝管理員上傳及安裝內容封裝。
- 更新頁首和頁尾體驗片段以使用WKND標誌
建立Magazine文章頁面
接下來，使用Magazine文章頁面範本建立新頁面。 編寫頁面內容以符合網站模型。 請依照下列影片中的步驟操作：
使用提供的文字填入文章內文。
恭喜！ congratulations
恭喜，您剛才已使用Adobe Experience Manager Sites建立新範本和頁面。
後續步驟 next-steps
此時，雜誌文章頁面和網站不符合WKND的品牌樣式。 遵循主題設定教學課程，瞭解更新用於將全域樣式套用至網站的CSS和Javascript前端程式碼的最佳作法。
解決方案套件
本章的解決方案套件可供下載： WKND-Magazine-Template-SOLUTION-1.0.zip。