開始使用AEM Sites - WKND教學課程 introduction

[若要使用Edge Delivery Services從AEM Sites發佈,請按一下這裡。]{class="badge positive" title="從AEM到Edge Delivery Services的Publish"}

歡迎使用專為Adobe Experience Manager (AEM)的新手開發人員設計的多部分教學課程。 此教學課程會逐步引導您為虛擬生活風格品牌WKND實作AEM網站。 此教學課程涵蓋基礎的主題,例如專案設定、核心元件、可編輯的範本、用戶端資料庫以及使用 Adobe Experience Manager Sites 的元件開發。

概觀 wknd-tutorial-overview

此多部分教學課程的目標是教導開發人員如何使用Adobe Experience Manager (AEM)中的最新標準和技術來實作網站。 完成本教學課程後,開發人員應瞭解平台的基本基礎和AEM中的常見設計模式。

啟動Sites專案的選項

啟動AEM Sites專案有兩種基本方法。

AEM專案原型 — 使用Maven範本產生最小AEM專案的傳統開發AEM方法。 這是針對AEM 6.5/6.4專案和AEM as a Cloud Service專案建議的方法,可預期大量自訂。 此教學課程提供對AEM開發的更深入探討。

以AEM專案原型開始教學課程

AEM網站範本 — 也稱為「快速網站建立」,這是使用預先定義的網站範本產生AEM網站的低程式碼方法。 使用現成可用的元件和範本,讓網站快速上線運作。 使用主題化工作流程,僅以CSS和JavaScript套用品牌特定樣式和自訂。 建議新專案和開發人員使用。 僅適用於AEM as a Cloud Service。

使用網站範本開始教學課程

Adobe XD UI套件

為了讓本教學課程更接近真實案例Adobe的天才UX設計人員使用Adobe XD建立網站模型。 在教學課程中,各種設計片段皆實施至可完整撰寫的AEM網站。 特別感謝​ Lorenzo Buosi ​和​ Kilian Amendola ​為WKND網站創造美觀的設計。

下載XD UI套件:

引用網站 reference-site

WKND網站的完成版本也可做為參考: https://wknd.site/

此教學課程涵蓋AEM開發人員所需的主要開發技能,但​ 不會 ​端對端建置整個網站。 完成的參考網站是另一個探索和檢視更多AEM立即可用功能的絕佳資源。

若要在開始教學課程之前測試最新的程式碼,請從GitHub下載並安裝​ 最新版本

由Adobe Stock提供

WKND參考網站中的許多影像來自Adobe Stock,且為示範資產其他條款中定義的第三方資料,位於https://www.adobe.com/legal/terms.html。 如果您想將Adobe Stock影像用於檢視此示範網站以外的其他用途,例如於網站上或行銷資料中展示,您可以購買Adobe Stock上的授權。

透過Adobe Stock,您可以存取超過1.4億張高品質、免版稅的影像,包括像片、圖片、影片和範本,以快速啟動您的創意專案。

後續步驟 next-steps

您還在等什麼?!瞭解如何使用AEM專案原型產生新的Adobe Experience Manager專案,或使用網站範本建立網站。

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