網站範本

上次更新: 2023-11-18
  • 建立對象:
  • Admin

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

概觀

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

網站範本通常包含基本網站內容與結構和網站樣式資訊,稱為 網站主題, 快速啟動新網站。 管理員選取站台範本作為站台基礎 在場地建立過程中。

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

注意

不應混淆AEM網站範本 頁面範本. 網站範本定義網站的整體結構。 頁面範本會定義個別頁面的結構和初始內容。

不應混淆AEM網站範本 AEM網站主題. AEM網站主題僅包含AEM網站的樣式資訊。 AEM網站範本定義網站結構和初始內容,並包含要允許的AEM網站主題 快速網站建立.

新增網站範本至AEM

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

  1. 登入您的AEM編寫環境並導覽至網站主控台

    • https://<your-author-environment>.adobeaemcloud.com/sites.html/content
  2. 選取 建立 在畫面的右上方,從下拉式功能表中選取 從範本建立網站.

    從範本建立網站

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

    網站建立精靈

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

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

您的範本會上傳並用於 建立新網站.

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

選取範本

網站範本結構

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

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

標準網站範本

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

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

開發網站範本

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

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

本頁內容