網站範本 site-templates
瞭解如何使用AEM網站範本來預先定義網站結構和初始內容,讓您快速建立網站。
概觀 overview
使用預先定義的結構很方便,可根據一組現有標準快速部署新網站。 網站範本是一種將基本網站內容結合成方便且可重複使用之封裝的方法。
網站範本通常包含基本網站內容和結構以及網站樣式資訊,稱為網站主題,以快速啟動新網站。 管理員在網站建立過程中選取網站所依據的網站範本。
範本可重複使用且可自訂,因此功能強大。 由於您可以在AEM安裝中使用多個範本,因此可彈性建立不同網站以符合各種業務需求。
Adobe提供的網站範本 adobe-templates
為了加速網站建立,Adobe 提供許多適用於不同用途的範本。
- 具有 Edge Delivery Services 的 AEM Site 用於使用通用編輯器製作 AEM 頁面,並透過 Edge Delivery 進行傳遞
- 適用於 Commerce 的 Edge Delivery Services 搭配 AEM 製作用於使用通用編輯器為商務專案製作 AEM 頁面,並透過 Edge Delivery 進行傳遞
- 標準 AEM 網站範本用於製作傳統 AEM 頁面,並透過 Publish Delivery 進行傳遞
新增網站範本至AEM adding
您可以將多個範本新增至AEM,再使用這些範本來建立網站。
-
登入您的 AEM 製作環境並導覽至 Sites 主控台
https://<your-author-environment>.adobeaemcloud.com/sites.html/content
-
選取畫面右上角的「建立」並從下拉式清單選取「來自範本的網站」。
-
在「建立網站」精靈中,選取左欄頂端的「匯入」。
-
在檔案瀏覽器中,找到您要使用的範本,並選取 上傳。
-
上傳後,範本就會顯示在可用範本清單中。
您的範本已上傳,可用於建立新網站。
選取現有範本時,它會在右欄中顯示範本的相關資訊。
網站範本結構 structure
網站範本只是具有邏輯結構的套件,可清楚反映套件內容的用途。 網站範本具有下列結構。
files
:包含 UI 套件、XD 檔案及可能有其他檔案的資料夾previews
:包含網站範本螢幕擷圖的資料夾site
:使用這個範本建立的每個網站的複製內容之內容包,例如頁面範本、各個頁面等。theme
: 網站主題的來源,用於修改網站的外觀,包括CSS、JavaScript等。
開發網站範本 developing-templates
Adobe提供和AEM網站範本產生器,作為一組用於建立新網站範本的指令碼。 GitHub上提供AEM網站範本產生器與使用檔案。