Konversi Lovable ke WordPress: panduan aplikasi html2wp langkah demi langkah
Panduan ini menunjukkan cara mengonversi Lovable ke WordPress di aplikasi html2wp untuk Mac dan Windows. Anda tidak butuh terminal atau kemampuan pemrograman. Tambahkan proyek sebagai ZIP, pilih Flash atau Full, dan di akhir Anda mengunduh tema WordPress jadi yang tampil seperti desain Anda.
Yang Anda butuhkan untuk mengonversi Lovable ke WordPress di aplikasi
- Mac dengan Apple silicon (M1 atau lebih baru) dan macOS 12 atau lebih baru.
- Akun ChatGPT. AI dari langganan Anda sendiri yang mengerjakan konversi, jadi Anda tidak membayar kredit atau token kepada kami.
- Proyek Lovable sebagai ZIP atau folder berisi kode sumber. Cara mendapatkannya ada di bawah.
- Ruang disk. Setiap konversi yang sedang berjalan memakai beberapa GB.
Docker Desktop tidak perlu dipasang lebih dulu, karena aplikasi mengunduh dan memasangnya sendiri saat dibutuhkan. Paket gratis mengonversi tiga situs, masing-masing hingga lima halaman, dan itu cukup untuk mengonversi Lovable ke WordPress pada situs kecil. Untuk pekerjaan klien, situs yang lebih besar, dan toko WooCommerce, Anda butuh lisensi Pro dari halaman harga.
Memasang aplikasi html2wp
Unduh aplikasi untuk Mac, buka file DMG, lalu seret html2wp ke folder Applications. Di panduan ini, nama tombol ditulis persis seperti yang tampil di layar.
Menyiapkan lingkungan
Di Settings aplikasi, klik Prepare environment. Jika perlu, aplikasi mengunduh dan menyalakan Docker, lalu memuat lingkungan konversi serta image WordPress dan database. Pertama kali, proses ini butuh beberapa menit. Mac Anda mungkin meminta password, dan Docker menampilkan syarat lisensinya.
Setelah semuanya siap, aplikasi menampilkan “Ready to work” dan tombolnya berubah menjadi Repair environment. Tombol itu hanya Anda perlukan jika lingkungan rusak nanti.
Login dengan ChatGPT
Klik Connect with ChatGPT. Aplikasi menampilkan sebuah kode, dan tombol Open sign-in page membuka halaman OpenAI. Login di sana dengan akun ChatGPT Anda, lalu masukkan kode dari aplikasi. Password hanya Anda ketik di halaman OpenAI, jadi aplikasi tidak pernah melihatnya.
Setelah login, pilih Conversion model (model konversi) dan Reasoning effort, atau biarkan pengaturan bawaan. Jika punya lisensi Pro, masukkan kunci di Settings dan klik Save & check. Paket gratis tidak butuh kunci.
Proyek Lovable Anda di aplikasi
Aplikasi membutuhkan file sumber proyek, bukan alamat situs yang sudah online. Lovable menyinkronkan proyek ke repositori GitHub. Buka repositori itu di GitHub dan unduh lewat Code → Download ZIP. Proyek tidak perlu di-build dan npm install tidak perlu dijalankan, karena aplikasi melakukannya sendiri.
Di aplikasi, klik New project (⌘N). Di bagian Output, biarkan HTML WordPress theme dan pilih Import a ZIP, atau Choose a folder jika proyek sudah Anda ekstrak. Aplikasi bekerja pada salinan, jadi file asli Anda tidak berubah.
Flash atau Full untuk mengonversi Lovable ke WordPress
Di layar proyek, Anda memilih seberapa teliti aplikasi mengonversi situs Lovable ke WordPress. Flash adalah pilihan bawaan: setiap langkah berjalan sekali, dan butuh sekitar setengah jam. Full menjalankan semua pemeriksaan dan mencoba memperbaiki kesalahan yang ditemukannya, jadi butuh sekitar satu jam. Waktu persisnya tergantung jumlah halaman dan kecepatan Mac Anda.
Jika Anda tidak butuh WordPress, ganti jenisnya ke Astro 5. Aplikasi lalu mem-build situs statis, dan Anda bisa men-deploy-nya ke Cloudflare Pages langsung dari aplikasi.
Jalannya konversi
Selama konversi, tab Overview menampilkan langkah yang sedang dikerjakan plugin konversi dan perbaikan yang dibuatnya sendiri. Sebagian besar waktu, prosesnya berjalan tanpa Anda. Baik proyek Lovable itu aplikasi React versi lama maupun proyek TanStack Start yang lebih baru, aplikasi lebih dulu mem-build-nya, membukanya di browser, dan menyimpan setiap halaman sebagai HTML jadi. Baru setelah itu HTML tersebut diubah menjadi tema.
Untuk menjeda, klik Stop conversion, lalu lanjutkan lagi dengan Continue. Jika plugin berhenti sendiri di suatu langkah, Repair and continue membiarkannya memperbaiki kesalahan dan melanjutkan.
Membandingkan situs Lovable dengan WordPress
Tab Compare (bandingkan) menampilkan setiap halaman asli di samping versi WordPress-nya, pada lebar desktop (Desktop · 1440) dan lebar mobile (Mobile · 390), dengan selisihnya dalam persen. Periksa setiap halaman sendiri. Pemeriksaan otomatis menangkap sebagian besar perbedaan, tetapi tidak semuanya: dalam satu konversi, satu section utuh hilang dan selisihnya hanya 0,4%.
Di tab Preview, Open website membuka situs WordPress lokal dan WordPress admin membuka dasbornya. Kalau ingin mengubah sesuatu, ketik di chat sebelah kanan. Perubahannya muncul langsung di pratinjau dalam beberapa detik. Lalu klik Make release, dan aplikasi mengemas tema persis seperti yang Anda lihat di pratinjau.
Ekspor tema WordPress dari proyek Lovable
Setelah Anda mengonversi Lovable ke WordPress, file jadinya ada di tab Exports. Di samping WordPress theme, klik Save dan simpan ZIP-nya. Tab itu juga berisi laporan konversi dalam PDF, ZIP proyek asli, dan, setelah konversi Flash, proyek Astro 5.
Di WordPress, buka Tampilan → Tema → Tambah Baru → Unggah Tema, pilih ZIP-nya, lalu aktifkan tema. Halaman, blog, formulir, menu, SEO, dan redirect semuanya bagian dari tema dan berjalan tanpa plugin.
Jika klien Anda perlu mengedit teks dan gambar dengan mengklik langsung di halaman, tambahkan editor Visual Edit. Jika Anda lebih suka bekerja dengan agen di terminal, panduan dengan plugin untuk Claude Code dan Codex membahas konversi yang sama.