建立網站 creating-site
瞭解如何使用AEM建立網站,並使用網站範本定義網站的樣式和結構。
概觀 overview
必須先建立網站,內容作者才能建立含有內容的頁面。 這通常會由定義網站初始結構的AEM管理員執行。 使用網站範本可讓非開發人員快速且靈活地建立網站。
規劃網站結構 structure
請花點時間提前考慮您網站的目的和規劃內容。 這將推動您設計網站結構的方式。 良好的網站結構可支援網站訪客的輕鬆導覽和內容探索,並支援各種AEM功能,例如多網站管理和翻譯。
網站範本 site-templates
由於網站結構對於網站的成功非常重要,因此使用預先定義的結構可以很方便地,根據一組現有標準快速部署新網站。 網站範本是一種將基本網站內容結合成方便且可重複使用之封裝的方法。
網站範本通常包含基本網站內容和結構以及網站樣式資訊,以便快速啟動新網站。範本可重複使用且可自訂,因此功能強大。 由於您可以在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 進行傳遞
建立網站 create-site
使用範本建立網站非常簡單。
-
登入您的 AEM 製作環境並導覽至 Sites 主控台
https://<your-author-environment>.adobeaemcloud.com/sites.html/content
-
選取畫面右上角的「建立」並從下拉式清單選取「來自範本的網站」。
-
在[建立網站]精靈中,在左側面板中選取現有的範本,或在左側欄頂端的 匯入 上選取要匯入新範本的現有範本。
-
如果您選擇匯入,請在檔案瀏覽器中找出您要使用的範本,並選取 上傳。
-
上傳後,範本就會顯示在可用範本清單中。
-
-
選取範本時,它會在右欄中顯示範本的相關資訊。 選取您想要的範本後,選取 下一步。
-
提供您的網站標題。若省略,可提供網站名稱,或從標題產生。
- 網站標題顯示在瀏覽器標題列中。
- 網站名稱成為 URL 的一部分。
- 網站名稱必須符合AEM的頁面命名慣例。
-
提供網站範本所需的其他網站詳細資訊。
- 不同的範本可能需要其他詳細資訊。
- 例如,Edge Delivery Services專案的範本需要您專案的GitHub存放庫。
-
選取 建立,網站是從網站範本建立的。
-
在出現的確認對話框中,選取「完成」。
-
在網站主控台中,新網站是可見的,且可供導覽以探索其由範本定義的基本結構。
內容作者現在可以開始撰寫了!
網站自訂 site-customization
範本有助於快速設定網站的基本結構和樣式。 不過,大多數專案都需要額外的樣式和自訂。 網站範本有助於將網站樣式脫鉤,讓前端開發人員無需具備AEM的知識即可設定網站樣式,並可
獨立於內容建立者工作並與之平行。 根據專案型別,這可以採用兩種形式。
- 對於使用Universal Editor編寫AEM頁面並透過Edge傳遞的專案,所有樣式都是在GitHub專案中完成。
- 如需詳細資訊,請參閱檔案快速入門 — Universal Editor開發人員教學課程。
- 對於具有傳統AEM頁面製作和透過發佈傳遞傳遞的專案,AEM管理員只會下載網站主題,並將其提供給前端開發人員,後者會使用他們最喜愛的工具來自訂該主題,然後將變更提交到AEM程式碼存放庫,然後再進行部署。
- 如需詳細資訊,請參閱檔案AEM快速網站建立歷程。