Lovable'dan WordPress'e: html2wp uygulamasında adım adım
Bu rehber, bir Lovable projesini html2wp uygulamasında (Mac ve Windows) WordPress'e nasıl dönüştüreceğini gösterir. Terminale ya da programlamaya ihtiyacın yok. Projeyi ZIP olarak eklersin, Flash veya Full'u seçersin ve sonunda tasarımına benzeyen bitmiş bir WordPress teması indirirsin.
Lovable'ı uygulamada WordPress'e dönüştürmek için neye ihtiyacın var
- Apple Silicon işlemcili bir Mac (M1 ve sonrası) ve macOS 12 veya sonrası.
- Bir ChatGPT hesabı. Dönüştürmeyi kendi aboneliğindeki yapay zekâ yapar, bu yüzden bize kredi veya token için ödeme yapmazsın.
- ZIP ya da kaynak kodu içeren bir klasör olarak Lovable projesi. Onu nasıl alacağın aşağıda anlatılıyor.
- Disk alanı. Çalışan her dönüştürme birkaç GB yer kaplar.
Docker Desktop'ı önceden kurman gerekmez, çünkü uygulama gerektiğinde onu kendisi indirip kurar. Ücretsiz sürüm her biri en fazla beş sayfa olan üç siteyi dönüştürür; küçük bir Lovable sitesini WordPress'e dönüştürmek için bu yeterli. Müşteri işleri, daha büyük siteler ve bir WooCommerce mağazası için fiyatlandırma sayfasından bir Pro lisans gerekir.
html2wp uygulamasını kurmak
Uygulamayı Mac için indir, DMG dosyasını aç ve html2wp'yi Uygulamalar klasörüne sürükle. Bu rehberde düğme adları ekranda göründükleri gibi, İngilizce yazılmıştır.
Ortamı hazırlamak
Uygulamanın Settings (ayarlar) bölümünde Prepare environment düğmesine tıkla. Uygulama gerekirse Docker'ı indirip başlatır, sonra dönüştürme ortamını ve WordPress ile veritabanı imajlarını yükler. İlk seferde bu birkaç dakika sürer. Mac'in parolanı isteyebilir ve Docker kendi lisans koşullarını gösterir.
Her şey hazır olduğunda uygulama “Ready to work” der ve düğme Repair environment olarak değişir. Ona yalnızca ortam daha sonra bozulursa ihtiyacın olur.
ChatGPT ile giriş
Connect with ChatGPT düğmesine tıkla. Uygulama sana bir kod gösterir ve “Open sign-in page” düğmesi OpenAI sayfasını açar. Orada ChatGPT hesabınla giriş yap ve uygulamadaki kodu gir. Parolanı yalnızca OpenAI sayfasına yazarsın, bu yüzden uygulama onu hiç görmez.
Giriş yaptıktan sonra Conversion model ve Reasoning effort ayarlarını seç ya da varsayılanları bırak. Pro lisansın varsa anahtarı Settings bölümüne gir ve Save & check düğmesine tıkla. Ücretsiz sürüm anahtar gerektirmez.
Lovable projen uygulamada
Uygulamanın canlı sitenin adresine değil, projenin kaynak dosyalarına ihtiyacı var. Lovable projeyi bir GitHub deposuyla eşitler. Depoyu GitHub'da aç ve Code → Download ZIP ile indir. Projeyi derlemen ya da npm install çalıştırman gerekmez, çünkü uygulama bunu kendisi yapar.
Uygulamada New project (⌘N) düğmesine tıkla. Output altında HTML WordPress theme seçeneğini bırak ve Import a ZIP seç, projeyi açtıysan “Choose a folder” seç. Uygulama bir kopya üzerinde çalışır, böylece orijinal dosyaların değişmeden kalır.
Lovable'dan WordPress'e: Flash veya Full
Proje ekranında, uygulamanın Lovable sitesini WordPress'e ne kadar kapsamlı dönüştüreceğini seçersin. Flash varsayılandır: her adım bir kez çalışır ve yaklaşık yarım saat sürer. Full her kontrolü çalıştırır ve bulduğu hataları düzeltmeye çalışır, bu yüzden yaklaşık bir saat sürer. Tam süre sayfa sayısına ve Mac'inin hızına bağlıdır.
WordPress'e ihtiyacın yoksa türü Astro 5 olarak değiştir. Uygulama o zaman statik bir site derler ve onu doğrudan uygulamadan Cloudflare Pages üzerinde yayınlayabilirsin.
Dönüştürme nasıl ilerler
Dönüştürme sırasında Overview sekmesi, dönüştürme eklentisinin üzerinde çalıştığı adımları ve kendi başına yaptığı düzeltmeleri gösterir. Çoğu zaman sen olmadan ilerler. Lovable projesi ister eski bir React uygulaması ister yeni bir TanStack Start projesi olsun, uygulama önce onu derler, bir tarayıcıda açar ve her sayfayı bitmiş HTML olarak kaydeder. Ancak ondan sonra bu HTML'i temaya dönüştürür.
Duraklatmak için Stop conversion düğmesine tıkla, sonra “Continue” ile kaldığın yerden devam et. Eklenti bir adımda kendiliğinden durursa Repair and continue hatayı düzeltip devam etmesini sağlar.
Lovable sitesini WordPress ile karşılaştırmak
Compare sekmesi orijinalin her sayfasını WordPress sürümünün yanında, masaüstü (Desktop · 1440) ve mobil (Mobile · 390) genişlikte, farkı yüzde olarak gösterir. Her sayfaya kendin göz at. Otomatik kontroller farkların çoğunu yakalar, ama hepsini değil: bir dönüştürmede koca bir bölüm eksikti ve fark yalnızca %0,4'tü.
Preview sekmesinde “Open website” yerel WordPress sitesini, “WordPress admin” ise yönetim panelini açar. Bir şeyi değiştirmek istersen sağdaki sohbete yaz. Değişiklik birkaç saniye içinde doğrudan önizlemede görünür. Sonra Make release düğmesine tıkla, uygulama temayı tam olarak önizlemede gördüğün gibi paketler.
Lovable'dan WordPress'e: temayı dışa aktarmak
Lovable'ı WordPress'e dönüştürdükten sonra bitmiş dosyalar Exports sekmesindedir. WordPress temasının yanındaki “Save” düğmesine tıkla ve ZIP'i kaydet. Ayrıca PDF olarak dönüştürme raporunu, orijinal proje ZIP'ini ve bir Flash dönüştürmeden sonra bir Astro 5 projesini bulursun.
WordPress'te Görünüm → Temalar → Yeni ekle → Tema yükle yolunu izle, ZIP'i seç ve temayı etkinleştir. Sayfalar, blog, formlar, menüler, SEO ve yönlendirmelerin hepsi temanın parçasıdır ve eklentisiz çalışır.
Müşterinin metinleri ve görselleri doğrudan sayfaya tıklayarak düzenlemesini istiyorsan Visual Edit editörünü ekle. Terminalde bir ajanla çalışmayı tercih ediyorsan Claude Code ve Codex eklentili rehber aynı dönüştürmeyi anlatır.