在 html2wp App 中逐步把 Lovable 轉換為 WordPress
你從 GitHub 把 Lovable 專案下載為 ZIP，新增到 App 中，然後選擇 Flash 或 Full。指南涵蓋安裝 App、登入和檢查頁面，最後把佈景主題上傳到 WordPress，全程配有截圖。
html2wp / 指南
指南：如何把網站轉換為 WordPress
把網站轉換為 WordPress 有兩種方式。在 Mac 或 Windows 上的 html2wp App 中，你只需按步驟點選，完全不需要終端機。使用 Claude Code 和 Codex 外掛時，你和 AI 代理一起在終端機裡工作。每種方式都有一篇針對 Lovable 專案的指南，和一篇針對 Claude Design 設計的指南。指南裡的內容都來自我們實際完成的轉換。
在 html2wp App 中
從 Claude Design 下載的設計：用 html2wp App 轉換為 WordPress
你把 Claude 中的設計以 HTML 格式儲存到一個資料夾，在 App 中開啟，然後開始轉換。這是得到佈景主題最短的路線，因為 App 沒有什麼需要建置的。指南為每一步都配了截圖。
使用 Claude Code 和 Codex 外掛
Lovable 轉 WordPress：把專案轉換成真正的佈景主題
舊的 Lovable 專案是 React App。在你建置它並在真實瀏覽器中執行之前，它的 HTML 裡沒有任何可轉換的內容。以 TanStack Start 建立的新專案在伺服器上渲染，轉換器兩種都能處理。這是較長的路線，指南解釋了多出來的那一步。其中還有一個範例：你可以開啟原版和轉換後的網站進行比較。
Claude Design 轉 WordPress：如何把設計轉換成佈景主題
HTML artifact 正是轉換器想要的輸入。因此，這是從產生的設計到佈景主題最短的路線。指南說明了開始時要檢查什麼，以及轉換會替你決定什麼。它還展示了如果你之後改用頁面編輯器，實際會發生哪些變化。
哪篇指南適合你
如果你想透過點選操作，並把每個頁面和原版並排檢視，不用終端機，就選 App。如果你已經在用 Claude Code 或 Codex，就選外掛。在那裡，你直接在專案資料夾裡用一句話啟動轉換。
如果你的網站是用 Lovable、Bolt 或 v0 做的，那它就是一個 React App。它的頁面只有在瀏覽器中才會產生。因此，轉換會多一個步驟：建置專案，並把每個路由儲存為完整的 HTML。Lovable 指南介紹了這一步，它對 Bolt 和 v0 同樣適用。
如果你已經有完整的 HTML 檔案，例如 Claude 的 artifact 或手寫的網站，就沒有什麼需要建置的。轉換會直接從分析頁面開始，這正是 Claude Design 指南所介紹的內容。
無論哪種方式，結果都一樣：一個 ZIP 格式的獨立 WordPress 佈景主題和一份轉換報告。交給客戶之前，你要把它和原版比較。你在桌面應用程式的「Compare」分頁中逐頁檢查。轉換器不接受線上網址。它始終需要一個包含網站原始檔的資料夾或 ZIP。
指南中的數字都來自真實轉換的輸出，包括轉換時間、免費版的限制，以及比較頁面時使用的寬度。所以你可以在自己的專案上驗證，並與我們的描述對照。如果你網站上的結果與指南所說的不同，請透過表單告訴我們，並註明網站是用哪個工具做的。
指南有意不重複整個轉換流程。App 文件介紹了如何安裝、如何選擇模型，以及 Flash 和 Full 的區別，還說明了哪些資料會離開你的電腦。你現在就可以試用：免費版可以轉換 3 個網站，每個最多 5 個頁面，無需金鑰，也無需註冊。