建立網站 create-site
快速建立網站時,請使用Adobe Experience Manager AEM中的網站建立精靈來產生新網站。 Adobe提供的標準網站範本是作為新網站的起點。
先決條件 prerequisites
本章中的步驟將在Adobe Experience Manager as a Cloud Service環境中進行。 確保您擁有AEM環境的管理存取權。 完成本教學課程時,建議使用沙箱程式和開發環境。
生產計畫環境也可用於此教學課程;不過,請確保此教學課程的活動不會影響目標環境上正在執行的工作,因為此教學課程會將內容和程式碼部署到目標AEM環境。
AEM SDK可用於本教學課程的部分內容。 此教學課程依賴雲端服務的部分,例如使用Cloud Manager的前端管道部署主題,無法在AEM SDK上執行。
如需詳細資訊,請檢閱上線檔案。
目標 objective
- 瞭解如何使用網站建立精靈來產生新網站。
- 瞭解網站範本的角色。
- 探索產生的AEM網站。
登入Adobe Experience Manager Author author
首先,請登入您的AEM as a Cloud Service環境。 AEM環境在 作者服務 和 Publish服務 之間分割。
- 作者服務 — 用來建立、管理和更新網站內容。 通常只有內部使用者才能存取 作者服務,而且是在登入畫面之後。
- Publish服務 — 裝載已上線的網站。 這是一般使用者會看到的服務,通常可公開使用。
大部分教學課程將使用 作者服務 進行。
-
導覽至Adobe Experience Cloud https://experience.adobe.com/。 使用您的個人帳戶或公司/學校帳戶登入。
-
確定在功能表中選取正確的組織,然後按一下 Experience Manager。
-
在 Cloud Manager 底下,按一下 啟動。
-
將游標停留在您要使用的程式上,然後按一下 Cloud Manager程式 圖示。
-
在頂端功能表中按一下 環境 以檢視布建的環境。
-
找到您要使用的環境,然後按一下 作者URL。
note note NOTE 建議在此教學課程中使用 開發 環境。 -
已針對AEM 作者服務 啟動新標籤。 按一下 使用Adobe 登入,您應該使用相同的Experience Cloud認證自動登入。
-
在重新導向並驗證之後,您現在應該會看到AEM開始畫面。
下載基本網站範本
網站範本提供新網站的起點。 網站範本包括一些基本主題、頁面範本、設定和範例內容。 確切地說,網站範本中包含的內容取決於開發人員。 Adobe提供 基本網站範本 以加速新實作。
-
開啟新的瀏覽器索引標籤,並導覽至GitHub上的基本網站範本專案: https://github.com/adobe/aem-site-template-standard。 此專案是開放原始碼的,並授權任何人使用。
-
按一下 版本 並瀏覽至最新版本。
-
展開 Assets 下拉式清單,然後下載範本zip檔案:
下個練習將使用此zip檔案。
note note NOTE 本教學課程是使用 1.1.0 版的基本網站範本撰寫的。 啟動新專案以供生產使用時,一律建議使用最新版本。
建立新網站
接下來,使用上一個練習中的「網站範本」產生新網站。
-
返回AEM環境。 從AEM開始畫面導覽至 網站。
-
按一下右上角的 建立 > 網站(範本)。 這會開啟 建立網站精靈。
-
在 選取網站範本 下,按一下 匯入 按鈕。
上傳從上一個練習下載的 .zip 範本檔案。
-
選取 基本AEM網站範本 並按一下 下一步。
-
在 網站詳細資料 > 網站標題 下,輸入
WKND Site
。在真實世界的實作中,「WKND網站」將由您公司或組織的品牌名稱取代。 在本教學課程中,我們會模擬建立虛擬生活風格品牌「WKND」的網站。
-
在 網站名稱 下,輸入
wknd
。note note NOTE 如果使用共用AEM環境,請將唯一識別碼附加至 網站名稱。 例如 wknd-site-johndoe
。這可確保多位使用者可完成相同的教學課程,而不會出現任何衝突。 -
按一下 建立 以產生網站。 AEM完成建立網站時,請在 成功 對話方塊中按一下 完成。
探索新網站
-
導覽至AEM Sites主控台(如果尚未存在)。
-
已產生新的 WKND網站。 它將包含具有多語言階層的網站結構。
-
選取頁面,然後按一下功能表列中的 編輯 按鈕,開啟 英文 > 首頁 頁面:
-
已建立入門內容,且有數個元件可新增至頁面。 嘗試使用這些元件以瞭解功能。 您將在下一章中學習元件的基本知識。
網站範本所提供的範例內容
恭喜! congratulations
恭喜,您剛剛建立了您的第一個AEM網站!
後續步驟 next-steps
使用Adobe Experience Manager, AEM中的頁面編輯器來更新作者內容和發佈章節中的網站內容。 瞭解如何設定原子元件以更新內容。 瞭解AEM作者和Publish環境之間的差異,並瞭解如何發佈更新至已上線的網站。