建立示範網站

上次更新: 2023-11-18

根據預先設定的範本庫在 AEM 中建立示範網站。

到目前為止

在AEM參考示範附加元件歷程的上一個檔案中, 建立計畫, 您執行了第一個設定步驟來建立方案以進行測試,並使用管道來部署附加內容。 您現在應該:

  • 瞭解如何使用Cloud Manager建立計畫。
  • 瞭解如何啟用新方案的參考示範附加元件。
  • 能夠執行管道以部署附加內容。

本文會根據參考示範附加元件的範本,在AEM中建立網站或AEM Screens專案,說明此流程的下一步。

目標

本檔案可協助您瞭解如何根據參考示範附加元件的範本建立網站。 閱讀本文件後,您應該:

  • 瞭解如何存取AEM製作環境。
  • 瞭解如何根據範本建立網站。
  • 瞭解導覽網站結構和編輯頁面的基本概念。

建立示範網站或Screens專案

在管道部署參考示範附加元件後,您可以存取AEM製作環境,以根據附加元件內容建立示範網站。

  1. 從Cloud Manager中的計畫總覽頁面,選擇AEM創作環境的連結。

    存取製作環境

  2. 從AEM的主功能表選取 網站.

    存取網站

  3. 在網站主控台中,選取 建立 ,然後選取「 」 從範本建立網站 位於下拉式清單中。

    從範例建立網站

  4. 網站建立精靈隨即啟動。 在左欄中,您可以看到管道部署至編寫執行個體的示範範本。 選取一個以將其選取,並在右欄中顯示詳細資訊。 如果您想要測試或示範AEM Screens,請務必選擇 We.Cafe網站範本. 選取 下一個.

    網站建立精靈

  5. 在下一個畫面中,為您的網站或Screens專案提供標題。 若省略,可提供網站名稱,或從標題產生。 選擇 建立

    • 網站標題會顯示在瀏覽器標題列中。
    • 網站名稱會成為URL的一部分。
    • 網站名稱必須符合AEM頁面命名慣例,可參閱以下詳細資訊: 其他資源 區段。

    網站詳細資料

  6. 透過對話方塊確認場地建立。 選取 完成.

    網站建立完成

您現在已建立自己的示範網站!

使用示範網站

現在您的示範網站已建立,您可以像在AEM中瀏覽及使用任何其他網站一樣導覽及使用示範網站。

  1. 網站現在會顯示在網站主控台中。

    Sites主控台中的新示範網站

  2. 在畫面的右上角,確定主控台檢視已設為 欄檢視.

    欄檢視

  3. 選取網站以探索其結構和內容。 當您導覽示範網站的內容樹狀結構時,欄檢視會持續展開。

    網站結構

  4. 選取要選取的頁面,然後選取 編輯 (在工具列中)。

    選取頁面

  5. 您可以像編輯任何其他AEM內容頁面一樣編輯頁面,例如新增或編輯元件或資產,以及測試AEM的功能。

    編輯頁面

恭喜!您現在可以進一步探索示範網站的內容,並透過參考示範附加元件的最佳實務內容來探索AEM必須提供的一切。

根據其他範本建立其他網站以探索更多AEM功能。

下一步

現在您已完成AEM參考示範附加元件歷程的這一部分,您應:

  • 瞭解如何存取AEM製作環境。
  • 瞭解如何根據範本建立網站。
  • 瞭解導覽網站結構和編輯頁面的基本概念。

您現在可以使用附加內容來測試AEM的功能。 您有兩個選項可以繼續您的歷程:

其他資源

  • Cloud Manager 文件 - 如果您想要 Cloud Manager 功能的更多詳細資訊,您可能想要直接查閱深入的技術文件。
  • 建立網站 — 瞭解如何使用AEM建立網站,使用網站範本定義網站的樣式和結構。
  • AEM頁面命名慣例. — 請參閱本頁面以瞭解組織AEM頁面的慣例。
  • AEM基本處理 — 如果您不熟悉AEM,請參閱本檔案,瞭解導覽與主控台組織等基本概念。

此頁面上的