建立網站 create-site

快速建立網站時,請使用Adobe Experience Manager AEM中的網站建立精靈來產生新網站。 Adobe提供的標準網站範本是作為新網站的起點。

先決條件 prerequisites

本章中的步驟將在Adobe Experience Manager as a Cloud Service環境中進行。 確保您擁有AEM環境的管理存取權。 完成本教學課程時,建議使用沙箱程式開發環境

生產計畫環境也可用於此教學課程;不過,請確保此教學課程的活動不會影響目標環境上正在執行的工作,因為此教學課程會將內容和程式碼部署到目標AEM環境。

AEM SDK可用於本教學課程的部分內容。 此教學課程依賴雲端服務的部分,例如使用Cloud Manager的前端管道部署主題,無法在AEM SDK上執行。

如需詳細資訊,請檢閱上線檔案

目標 objective

  1. 瞭解如何使用網站建立精靈來產生新網站。
  2. 瞭解網站範本的角色。
  3. 探索產生的AEM網站。

登入Adobe Experience Manager Author author

首先,請登入您的AEM as a Cloud Service環境。 AEM環境在​ 作者服務 ​和​ Publish服務 ​之間分割。

  • 作者服務 — 用來建立、管理和更新網站內容。 通常只有內部使用者才能存取​ 作者服務,而且是在登入畫面之後。
  • Publish服務 — 裝載已上線的網站。 這是一般使用者會看到的服務,通常可公開使用。

大部分教學課程將使用​ 作者服務 ​進行。

  1. 導覽至Adobe Experience Cloud https://experience.adobe.com/。 使用您的個人帳戶或公司/學校帳戶登入。

  2. 確定在功能表中選取正確的組織,然後按一下​ Experience Manager

    Experience Cloud首頁

  3. 在​ Cloud Manager ​底下,按一下​ 啟動

  4. 將游標停留在您要使用的程式上,然後按一下​ Cloud Manager程式 ​圖示。

    Cloud Manager程式圖示

  5. 在頂端功能表中按一下​ 環境 ​以檢視布建的環境。

  6. 找到您要使用的環境,然後按一下​ 作者URL

    存取開發作者

    note note
    NOTE
    建議在此教學課程中使用​ 開發 ​環境。
  7. 已針對AEM 作者服務 ​啟動新標籤。 按一下​ 使用Adobe ​登入,您應該使用相同的Experience Cloud認證自動登入。

  8. 在重新導向並驗證之後,您現在應該會看到AEM開始畫面。

    AEM開始畫面

NOTE
存取Experience Manager時發生問題? 檢閱上線檔案

下載基本網站範本

網站範本提供新網站的起點。 網站範本包括一些基本主題、頁面範本、設定和範例內容。 確切地說,網站範本中包含的內容取決於開發人員。 Adobe提供​ 基本網站範本 ​以加速新實作。

  1. 開啟新的瀏覽器索引標籤,並導覽至GitHub上的基本網站範本專案: https://github.com/adobe/aem-site-template-standard。 此專案是開放原始碼的,並授權任何人使用。

  2. 按一下​ 版本 ​並瀏覽至最新版本

  3. 展開​ Assets ​下拉式清單,然後下載範本zip檔案:

    基本網站範本Zip

    下個練習將使用此zip檔案。

    note note
    NOTE
    本教學課程是使用​ 1.1.0 ​版的基本網站範本撰寫的。 啟動新專案以供生產使用時,一律建議使用最新版本。

建立新網站

接下來,使用上一個練習中的「網站範本」產生新網站。

  1. 返回AEM環境。 從AEM開始畫面導覽至​ 網站

  2. 按一下右上角的​ 建立 > 網站(範本)。 這會開啟​ 建立網站精靈

  3. 在​ 選取網站範本 ​下,按一下​ 匯入 ​按鈕。

    上傳從上一個練習下載的​ .zip ​範本檔案。

  4. 選取​ 基本AEM網站範本 ​並按一下​ 下一步

    選取網站範本

  5. 在​ 網站詳細資料 > 網站標題 ​下,輸入WKND Site

    在真實世界的實作中,「WKND網站」將由您公司或組織的品牌名稱取代。 在本教學課程中,我們會模擬建立虛擬生活風格品牌「WKND」的網站。

  6. 在​ 網站名稱 ​下,輸入wknd

    網站範本詳細資料

    note note
    NOTE
    如果使用共用AEM環境,請將唯一識別碼附加至​ 網站名稱。 例如 wknd-site-johndoe。這可確保多位使用者可完成相同的教學課程,而不會出現任何衝突。
  7. 按一下​ 建立 ​以產生網站。 AEM完成建立網站時,請在​ 成功 ​對話方塊中按一下​ 完成

探索新網站

  1. 導覽至AEM Sites主控台(如果尚未存在)。

  2. 已產生新的​ WKND網站。 它將包含具有多語言階層的網站結構。

  3. 選取頁面,然後按一下功能表列中的​ 編輯 ​按鈕,開啟​ 英文 > 首頁 ​頁面:

    WKND網站階層

  4. 已建立入門內容,且有數個元件可新增至頁面。 嘗試使用這些元件以瞭解功能。 您將在下一章中學習元件的基本知識。

    開始首頁

    網站範本所提供的範例內容

恭喜! congratulations

恭喜,您剛剛建立了您的第一個AEM網站!

後續步驟 next-steps

使用Adobe Experience Manager, AEM中的頁面編輯器來更新作者內容和發佈章節中的網站內容。 瞭解如何設定原子元件以更新內容。 瞭解AEM作者和Publish環境之間的差異,並瞭解如何發佈更新至已上線的網站。

recommendation-more-help
b2a561c1-47c0-4182-b8c1-757a197484f9