html2wp / Hướng dẫn
Có hai cách để chuyển một website sang WordPress. Trong ứng dụng html2wp trên Mac và Windows, bạn bấm qua từng bước và không bao giờ cần terminal. Với plugin cho Claude Code và Codex, bạn làm việc trong terminal cùng một agent. Mỗi cách có một hướng dẫn cho dự án Lovable và một cho thiết kế từ Claude Design. Mọi thứ trong đó đều mô tả những lần chuyển đổi chúng tôi đã thực sự chạy.
Chuyển Lovable sang WordPress bằng ứng dụng html2wp, từng bước
Bạn tải dự án Lovable từ GitHub dưới dạng ZIP, thêm vào ứng dụng và chọn Flash hoặc Full. Hướng dẫn bao gồm cài ứng dụng, đăng nhập và rà soát các trang. Cuối cùng là tải theme lên WordPress, có ảnh chụp màn hình ở mọi bước.
Thiết kế xuất từ Claude Design thành theme WordPress bằng ứng dụng html2wp
Bạn lưu thiết kế từ Claude dưới dạng HTML vào một thư mục, mở nó trong ứng dụng và bắt đầu chuyển đổi. Đây là con đường ngắn nhất tới theme vì ứng dụng không phải build gì. Hướng dẫn có ảnh chụp màn hình cho từng bước.
Từ Lovable sang WordPress: dự án được chuyển thành theme thật
Dự án Lovable cũ là một ứng dụng React mà HTML không chứa gì để chuyển đổi cho đến khi được build và chạy trong một trình duyệt thật. Các dự án mới trên TanStack Start render trang trên máy chủ, và công cụ chuyển đổi xử lý được cả hai. Đây là con đường dài hơn, kèm giải thích bước bổ sung. Hướng dẫn cũng có một ví dụ: bạn có thể mở site gốc và site đã chuyển đổi để so sánh.
Từ Claude Design sang WordPress: cách chuyển thiết kế từ Claude thành theme
Một artifact HTML chính là đầu vào mà công cụ chuyển đổi cần. Vì vậy đây là con đường ngắn nhất từ một thiết kế được tạo ra tới một theme. Hướng dẫn nói về những gì cần kiểm tra lúc đầu và những gì quá trình chuyển đổi quyết định thay bạn. Nó cũng cho thấy điều gì thực sự thay đổi nếu sau đó bạn dùng page builder.
Chọn ứng dụng nếu bạn muốn bấm chuột và xem từng trang cạnh bản gốc, không cần terminal. Chọn plugin nếu bạn đã làm việc trong Claude Code hoặc Codex. Ở đó bạn bắt đầu chuyển đổi bằng một câu, ngay trong thư mục dự án.
Nếu bạn dựng site trong Lovable, Bolt hay v0, bạn có một ứng dụng React. Các trang của nó chỉ hình thành trong trình duyệt. Vì vậy quá trình chuyển đổi thêm một bước build dự án và lưu từng route thành HTML hoàn chỉnh. Hướng dẫn Lovable mô tả bước này, và nó chạy giống hệt với Bolt và v0.
Nếu bạn có sẵn file HTML hoàn chỉnh, ví dụ artifact từ Claude hoặc site viết tay, thì không có gì để build. Thay vào đó, quá trình chuyển đổi bắt đầu ngay bằng việc phân tích các trang, và đó là điều hướng dẫn Claude Design mô tả.
Dù chọn cách nào, kết quả đều như nhau: một theme WordPress độc lập trong file ZIP và một báo cáo chuyển đổi. Trước khi giao cho khách hàng, bạn so sánh nó với bản gốc. Bạn đi từng trang trong tab "Compare" của ứng dụng desktop. Công cụ chuyển đổi không nhận địa chỉ của một website đang chạy. Nó luôn cần một thư mục hoặc file ZIP chứa các file tạo nên site.
Các con số trong hướng dẫn lấy từ kết quả của những lần chuyển đổi thật. Trong đó có thời gian chuyển đổi, giới hạn của bản miễn phí và các độ rộng dùng để so sánh trang. Vì vậy bạn có thể kiểm tra chúng trên dự án của mình và so với những gì chúng tôi mô tả. Nếu kết quả trên site của bạn khác với những gì hướng dẫn nói, hãy báo cho chúng tôi qua form liên hệ. Hãy ghi rõ site đến từ công cụ nào.
Các hướng dẫn cố ý không lặp lại toàn bộ quy trình chuyển đổi. Tài liệu của ứng dụng nói về cách cài, chọn model và khác biệt giữa Flash và Full. Tài liệu cũng cho biết những gì rời khỏi máy tính của bạn. Bạn có thể thử ngay: bản miễn phí chuyển đổi ba site, mỗi site tối đa năm trang, không cần khóa và không cần đăng ký.
