AEM Sites - WKND 教學課程快速入門

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

概覽

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

啟動Sites專案的選項

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

AEM專案原型 — 使用Maven範本產生最小AEM專案,以傳統方式開發AEM。這是AEM 6.5/6.4專案和AEM作為Cloud Service專案的建議方法,預期會進行大量自訂。 本教學課程可讓您更深入地了解AEM開發。

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

AEM網站範本 — 使用預先定義的網站範本,以低程式碼方式產生AEM網站。使用現成可用的元件和範本,快速啟動網站並運作。 使用命名工作流程,只對CSS和JavaScript套用品牌專屬樣式和自訂。 建議用於新專案和開發人員。 目前僅適用於AEM作為Cloud Service。

使用網站範本啟動教學課程

Adobe XD UI Kit

為了讓本教學課程更貼近實際案例,Adobe才華洋溢的UX設計人員使用Adobe XD建立網站的模型。 在本教學課程中,各種設計會實作至完全可製作的AEM網站。 特別感謝​Lorenzo Buosi​和​Kilian Amendola​為WKND站點創造了美麗的設計。

下載XD UI套件:

引用網站

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

本教學課程涵蓋AEM開發人員所需的主要開發技能,但會​not​端建置整個網站。 完成的參考網站是探索及查看更多AEM現成功能的另一絕佳資源。

若要在跳入教學課程之前測試最新程式碼,請從GitHub🔗​下載並安裝​最新版本。

由Adobe Stock提供

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

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

後續步驟

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

本頁內容