從模板建立站點

瞭解如何使用站點模板快AEM速建立新站點。

到目前為止的故事

在快速建立站AEM點的上一文檔中, 瞭解雲管理器和快速站點建立工作流, 您瞭解了Cloud Manager及其如何將新的快速站點建立過程聯繫起來,現在您應該:

  • 瞭解AEM Sites和雲管理器如何協作以促進前端開發
  • 瞭解前端定制步驟如何與完全脫離,AEM並且不需AEM要知識。

本文基於這些基礎知識,因此您可以採取第一個配置步驟,然後從模板中建立新站點,然後您可以稍後使用前端工具自定義該模板。

目標

此文檔幫助您瞭解如何使用站點模板快AEM速建立新站點。 閱讀完後,您應:

  • 瞭解如何獲取網AEM站模板。
  • 瞭解如何使用模板建立新站點。
  • 瞭解如何從新站點下載模板以提供給前端開發人員。

責任角色

此部分行程適用於管AEM理員。

網站範本

站點模板是將基本站點內容合併為方便、可重用的包的一種方法。 網站模板通常包含基本網站內容和結構以及網站樣式資訊,以便快速啟動新網站。 實際結構如下:

  • files:包含UI工具包、文XD件或其他檔案的資料夾
  • previews:包含網站模板螢幕截圖的資料夾
  • site:為此模板建立的每個站點複製的內容的內容包,如頁面模板、頁面等。
  • theme:用於修改站點外觀的模板主題的源,包括CSS、JavaScript等。

模板功能強大,因為它們可以重複使用,因此內容作者可以快速建立站點。 而且,由於您可以在安裝中使用多AEM個模板,因此您可以靈活地滿足各種業務需求。

注意

站點模板不與頁面模板混淆。 此處描述的站點模板定義了站點的總體結構。 頁面模板定義單個頁面的結構和初始內容。

獲取站點模板

最簡單的開始方法是 從其GitHub儲存庫中AEM下載最新版本的標準站點模板。

下載後,您可以像將其AEM他包上載到您的環境中一樣。 查看 「其他資源」部分 有關如何處理程式包的詳細資訊,請參閱本主題的詳細資訊。

秘訣

可以AEM自定義標準站點模板以滿足項目需要,並可以避免進一步自定義。 但是,這個話題超出了這趟旅程的範圍。 有關詳細資訊,請參閱標準站點模板的GitHub文檔。

秘訣

您也可以選擇從源中作為項目工作流的一部分來構建模板。 但是,這個話題超出了這趟旅程的範圍。 有關詳細資訊,請參閱標準站點模板的GitHub文檔。

安裝站點模板

使用模板建立新站點非常容易。

  1. 登錄創AEM作環境並導航至站點控制台

    • https://<your-author-environment>.adobeaemcloud.com/sites.html/content
  2. 點擊或按一下 建立 在螢幕右上角,從下拉菜單中選擇 來自模板的站點

    從模板建立新站點

  3. 在「建立站點」嚮導中,點擊或按一下 導入 在左欄的頂部。

    網站建立嚮導

  4. 在檔案瀏覽器中,找到模板 以前下載的 點擊並按一下 上載

  5. 上載後,它將顯示在可用模板清單中。 點擊或按一下它以選擇它(這也顯示了右列中有關模板的資訊),然後點擊或按一下 下一個

    選取範本

  6. 提供網站標題。 如果省略,則可以提供或將從標題生成站點名稱。

    • 網站標題顯示在瀏覽器標題欄中。
    • 站點名稱成為URL的一部分。
  7. 點擊或按一下 建立 而新站點是從站點模板建立的。

    新站點的詳細資訊

  8. 在出現的確認對話框中,點擊或按一下 完成

    成功對話

  9. 在站點控制台中,新站點是可見的,可導航以瀏覽其模板定義的基本結構。

    新站點結構

內容作者現在可以開始創作。

是否需要進一步自定義?

站點模板功能強大且靈活,可以為項目建立任意數字,從而便於建立站點變體。 根據您使用的站點模板上已執行的自定義級別,您甚至不需要額外的前端自定義。

  • 如果您的站點不需要其他自定義,恭喜! 你的旅程到此為止!
  • 如果您仍然需要額外的前端定制,或者如果您只想瞭解整個流程,以備將來需要定制,請繼續閱讀。

示例頁

如果您確實需要額外的前端定制,請記住,前端開發人員可能不熟悉您內容的詳細資訊。 因此,最好向開發者提供一條通向典型內容的路徑,當主題被定制時,這些路徑可用作參考的基礎。 一個典型的示例是站點主語言的首頁。

  1. 在站點瀏覽器中,導航到站點母版語言的首頁,然後點擊或按一下該頁以選擇它,然後點擊或按一下 編輯 的子菜單。

    典型首頁

  2. 在編輯器中,選擇 頁面資訊 按鈕 查看為已發佈

    編輯首頁

  3. 在開啟的頁籤中,從地址欄複製內容的路徑。 它看起來 /content/<your-site>/en/home.html?wcmmode=disabled

    首頁

  4. 將路徑保存到以後提供給前端開發人員。

下載主題

現在,站點已建立,模板生成的站點主題可以下載並提供給前端開發人員進行自定義。

  1. 在站點控制台上,顯示 站點 鐵軌。

    顯示站點軌道

  2. 點擊或按一下新站點的根目錄,然後點擊或按一下 下載主題源 鐵軌上。

    下載主題源

現在,您的下載檔案中有主題源檔案的副本。

設定代理用戶

為了使前端開發人員能夠使用站點中的實際內容AEM預覽自定義設定,必須設定代理用戶。

  1. 從AEM主導航轉到 工具 -> 安全 -> 用戶

  2. 在用戶管理控制台中,點擊或按一下 建立

    用戶管理控制台

  3. 建立新用戶 窗口,您必須至少提供:

    • ID — 請注意此值,因為您必須將其提供給前端開發人員。
    • 密碼 — 將此值安全地保存在密碼保管庫中,因為您必須將其提供給前端開發人員。

    新用戶詳細資訊

  4. 頁籤,將代理用戶添加到 contributors 組。

    • 在術語中鍵入 contributors 觸AEM發器自動完成功能,便於選擇組。

    添加到組

  5. 點擊或按一下 保存並關閉

您現在已完成配置。 內容作者現在可以開始在站點準備上建立內容,開始在下一步的路程中進行前端定制。

下一步是什麼

現在,您已完成快速站點創AEM建過程的這一部分:

  • 瞭解如何獲取網AEM站模板。
  • 瞭解如何使用模板建立新站點。
  • 瞭解如何從新站點下載模板以提供給前端開發人員。

在此知識基礎上構建並繼AEM續快速建立網站的過程,方法是下次查看文檔 設定管道, 您將在其中建立前端管道,以管理站點主題的自定義。

其他資源

建議您通過審閱文檔進入快速站點建立過程的下一部分 設定管道, 下面是一些附加的可選資源,這些資源對本文檔中提到的一些概念進行了更深入的瞭解,但不需要繼續旅行。

  • 標AEM準站點模板 — 這是「標準站點」模板的GitHubAEM儲存庫。
  • 建立和組織頁面 — 本指南詳細說明了在從模板建立網站AEM後,如果您希望進一步自定義網站的頁面,如何管理網站頁面。
  • 如何使用包 — 包允許導入和導出儲存庫內容。 本文檔介紹了如何處理6.5AEM中的包,該軟體包也適用於AEMaaCS。
  • 站點管理文檔 — 查看現場建立技術文檔,瞭解有關快速站點建立工具功能的詳細資訊。

本頁內容