網站範本 site-templates

瞭解如何使用AEM網站範本來預先定義網站結構和初始內容,以便您快速建立網站。

概觀 overview

使用預先定義的結構很方便,可根據一組現有標準快速部署新網站。 網站範本是一種將基本網站內容結合成方便且可重複使用之封裝的方法。

網站範本通常包含基本網站內容和結構以及網站樣式資訊,稱為網站主題,以快速啟動新網站。 管理員在網站建立過程中選取網站所依據的網站範本。

範本可重複使用且可自訂,因此功能強大。 由於您可以在AEM安裝中使用多個範本,因此可以彈性地建立不同的網站以符合各種業務需求。

NOTE
不應混淆AEM網站範本與頁面範本。 網站範本定義網站的整體結構。 頁面範本定義單一頁面的結構和初始內容。
AEM網站範本不應與AEM網站主題混淆。 AEM網站主題僅包含AEM網站的樣式資訊。 AEM網站範本定義網站結構和初始內容,並包含AEM網站主題,以允許快速建立網站

新增網站範本至AEM adding

您可以將多個範本新增至AEM,然後將其用於建立網站

  1. 登入您的 AEM 製作環境並導覽至 Sites 主控台

    • https://<your-author-environment>.adobeaemcloud.com/sites.html/content
  2. 選取畫面右上角的「建立」並從下拉式清單選取「來自範本的網站」。

    從範本建立網站

  3. 在「建立網站」精靈中,選取左欄頂端的「匯入」。

    網站建立精靈

  4. 在檔案瀏覽器中,找到您要使用的範本,並選取​ 上傳

  5. 上傳後,範本就會顯示在可用範本清單中。

您的範本已上傳,可用於建立新網站

選取現有範本時,它會在右欄中顯示範本的相關資訊。

選取範本

網站範本結構 structure

網站範本只是具有邏輯結構的套件,可清楚反映套件內容的用途。 網站範本具有下列結構。

  • files:包含 UI 套件、XD 檔案及可能有其他檔案的資料夾
  • previews:包含網站範本螢幕擷圖的資料夾
  • site:使用這個範本建立的每個網站的複製內容之內容包,例如頁面範本、各個頁面等。
  • theme網站主題的來源,用於修改網站的外觀,包括CSS、JavaScript等。

標準網站範本 standard-site-template

Adobe提供最佳實務參考範本,您可以依據此範本建立自己的範本。 標準網站範本可在GitHub上取得。

可以下載最新版本的標準網站範本,並直接用於建立新網站

開發網站範本 developing-templates

Adobe提供和AEM網站範本產生器,作為一組用於建立新網站範本的指令碼。

GitHub上提供AEM網站範本產生器與使用檔案。 自訂網站主題需要前端開發人員經驗,自訂網站結構和內容需要AEM開發人員知識。

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab