html2wp / Panduan
Ada dua cara mengonversi website ke WordPress. Di aplikasi html2wp untuk Mac dan Windows, Anda tinggal mengklik langkah demi langkah tanpa perlu terminal. Dengan plugin untuk Claude Code dan Codex, Anda bekerja di terminal bersama agen. Tiap cara punya satu panduan untuk proyek Lovable dan satu untuk desain dari Claude Design. Semua isinya menggambarkan konversi yang benar-benar kami jalankan.
Mengonversi Lovable ke WordPress dengan aplikasi html2wp, langkah demi langkah
Anda mengunduh proyek Lovable dari GitHub sebagai ZIP, menambahkannya ke aplikasi, lalu memilih Flash atau Full. Panduan ini membahas cara memasang aplikasi, login, dan memeriksa halaman. Panduan berakhir dengan mengunggah tema ke WordPress, lengkap dengan screenshot di setiap bagian.
Ekspor Claude Design ke WordPress dengan aplikasi html2wp
Anda menyimpan desain dari Claude sebagai HTML ke sebuah folder, membukanya di aplikasi, lalu memulai konversi. Ini jalur terpendek menuju tema, karena aplikasi tidak perlu mem-build apa pun. Setiap langkah di panduan ini disertai screenshot.
Lovable ke WordPress: proyek yang dikonversi menjadi tema sungguhan
Proyek Lovable versi lama adalah aplikasi React yang HTML-nya belum berisi apa pun untuk dikonversi sebelum di-build dan dijalankan di browser sungguhan. Proyek baru di TanStack Start merender halamannya di server, dan konverter menangani keduanya. Ini jalur yang lebih panjang, dan langkah tambahannya dijelaskan. Ada juga contohnya: Anda bisa membuka situs asli dan situs hasil konversi lalu membandingkannya.
Claude Design ke WordPress: cara mengonversi desain dari Claude Design
Artifact HTML adalah input yang persis dibutuhkan konverter. Karena itu, inilah jalur terpendek dari desain hasil generate ke sebuah tema. Panduan ini membahas apa yang perlu diperiksa di awal dan apa yang diputuskan konversi untuk Anda. Panduan ini juga menunjukkan apa yang sebenarnya berubah jika setelahnya Anda memakai page builder.
Pilih aplikasi jika Anda ingin mengklik dan melihat setiap halaman berdampingan dengan aslinya, tanpa terminal. Pilih plugin jika Anda sudah bekerja di Claude Code atau Codex. Di sana Anda memulai konversi dengan satu kalimat, langsung di folder proyek.
Jika Anda membuat situs di Lovable, Bolt, atau v0, yang Anda punya adalah aplikasi React. Halamannya baru terbentuk di browser. Karena itu, konversi menambahkan satu langkah yang mem-build proyek dan menyimpan setiap route sebagai HTML jadi. Panduan Lovable menjelaskan langkah ini, dan caranya sama untuk Bolt dan v0.
Jika Anda punya file HTML jadi, misalnya artifact dari Claude atau situs yang ditulis tangan, tidak ada yang perlu di-build. Konversi langsung dimulai dengan menganalisis halaman, dan itulah yang dijelaskan panduan Claude Design.
Apa pun jalurnya, hasilnya sama: tema WordPress mandiri dalam file ZIP dan laporan konversi. Sebelum menyerahkannya ke klien, Anda membandingkannya dengan aslinya. Anda memeriksanya halaman demi halaman di tab "Compare" (bandingkan) pada aplikasi desktop. Konverter tidak menerima alamat website yang sudah online. Ia selalu membutuhkan folder atau ZIP berisi file yang menyusun situs tersebut.
Angka-angka di panduan berasal dari output konversi sungguhan. Termasuk durasi konversi, batas paket gratis, dan lebar layar yang dipakai untuk membandingkan halaman. Jadi Anda bisa memeriksanya di proyek Anda sendiri dan membandingkannya dengan uraian kami. Jika hasil di situs Anda berbeda dari yang ditulis di panduan, kabari kami lewat formulir kami. Sebutkan juga dari alat apa situs itu berasal.
Panduan ini sengaja tidak mengulang seluruh proses konversi. Dokumentasi aplikasi membahas cara memasangnya, memilih model, dan perbedaan antara Flash dan Full. Di sana juga dijelaskan data apa saja yang keluar dari komputer Anda. Anda bisa langsung mencobanya: paket gratis mengonversi tiga situs, masing-masing hingga lima halaman, tanpa kunci dan tanpa pendaftaran.
