聯繫我們

課程簡介

Hyvä 主題簡介

  • Hyvé 是什麼及其創立原因
  • 與 Luma 和 PWA Studio 的比較
  • Hyvä 相容性與模組生態系統

安裝與設定 Hyvé

  • 需求與授權條款
  • 使用 Composer 安裝 Hyvé
  • 在 Magento 2 中啟用並設定 Hyvä 主題

運用 Tailwind CSS 與 Alpine.js

  • Tailwind CSS 工具類別概覽
  • 套用自訂樣式與版面配置
  • 使用 Alpine.js 建構互動元件

範本與版面客製化

  • 理解 Hyvé 模板結構
  • 延伸區塊與版面 XML
  • 建立並覆寫 PHTML 範本

模組整合與相容性處理

  • 運用與 Hyvé 相容的模組
  • 處理不相容模組
  • 使用備援機制(Luma 或 Hyvé Checkout)

前端優化與 Hyvé

  • 效能基準測試與 Lighthouse 評分
  • 資產壓縮與交付優化
  • 延遲載入與進階快取策略

進階應用情境與自訂元件

  • 使用 Alpine.js 建構可重用的元件
  • 運用 Hyvé UI 元件庫
  • 表單整合與使用者輸入處理

最佳實務與維護

  • 程式碼結構與模組化準則
  • 保持 Hyvé 及其依賴項為最新版本
  • 部署與主題版本控制

總結與下一步

  • 關鍵概念回顧
  • 準備產品環境部署
  • Hyvé 生態系統持續學習資源

最低要求

  • 具備 Magento 2 前端與後端開發經驗
  • 掌握 HTML、CSS、JavaScript 和 PHP 知識
  • 熟悉模板引擎與 Magento 主題架構

受訓對象

  • 正轉型至 Hyvä 主題的 Magento 開發人員
  • 致力於 Adobe Commerce 商店前端的設計師與開發者
  • 優化 Magento 2 效能與使用者體驗的技術架構師
 21 小時

人數


每位參與者的報價

客戶評論 (3)

即將到來的課程

課程分類