聯繫我們

課程簡介

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)

課程分類