html2wp / Rehberler
Bir web sitesini WordPress'e dönüştürmenin iki yolu var. html2wp uygulamasında (Mac ve Windows) adımları tıklayarak geçersin ve hiç terminale ihtiyaç duymazsın. Claude Code ve Codex eklentisiyle ise terminalde bir ajanla çalışırsın. Her yolun bir Lovable projesi için bir rehberi ve Claude Design'dan gelen bir tasarım için bir rehberi var. İçlerinde anlatılan her şey gerçekten yaptığımız dönüştürmelere dayanır.
html2wp uygulamasıyla Lovable'dan WordPress'e, adım adım
Lovable projesini GitHub'dan ZIP olarak indirir, uygulamaya ekler ve Flash ya da Full'u seçersin. Rehber uygulamanın kurulumunu, girişi ve sayfaların incelenmesini anlatır. Temanın WordPress'e yüklenmesiyle biter ve baştan sona ekran görüntüleriyle ilerler.
html2wp uygulamasıyla Claude Design'dan WordPress'e
Claude'daki tasarımı HTML olarak bir klasöre kaydeder, uygulamada açar ve dönüştürmeyi başlatırsın. Uygulamanın derleyecek bir şeyi olmadığı için temaya giden en kısa yol budur. Rehberde her adımın ekran görüntüsü var.
Lovable'dan WordPress'e: gerçek bir temaya dönüştürülen proje
Eski bir Lovable projesi, derlenip gerçek bir tarayıcıda çalıştırılana kadar HTML'inde dönüştürülecek hiçbir şey olmayan bir React uygulamasıdır. TanStack Start üzerindeki yeni projeler sayfalarını sunucuda oluşturur ve dönüştürücü ikisini de işler. Bu, ek adımı da açıklanmış daha uzun yoldur. Bir örneği de var: orijinal siteyi ve dönüştürülmüş siteyi açıp karşılaştırabilirsin.
Claude Design'dan bir tasarım WordPress'e nasıl dönüştürülür
Bir HTML artifact'i, dönüştürücünün tam olarak istediği girdidir. Bu da onu üretilmiş bir tasarımdan temaya giden en kısa yol yapar. Rehber başta neyi kontrol etmen gerektiğini ve dönüştürmenin senin yerine neye karar verdiğini anlatır. Sonradan bir sayfa oluşturucuya yönelirsen gerçekte neyin değiştiğini de gösterir.
Terminal olmadan tıklamak ve her sayfayı orijinalinin yanında görmek istiyorsan uygulamayı seç. Zaten Claude Code veya Codex'te çalışıyorsan eklentiyi seç. Orada dönüştürmeyi doğrudan proje klasöründe tek bir cümleyle başlatırsın.
Siteyi Lovable, Bolt veya v0'da yaptıysan elinde bir React uygulaması var. Sayfaları ancak tarayıcıda oluşur. Bu yüzden dönüştürme, projeyi derleyen ve her rotayı bitmiş HTML olarak kaydeden bir adım ekler. Lovable rehberi bu adımı anlatır ve Bolt ile v0 için de aynı şekilde işler.
Bitmiş HTML dosyaların varsa, örneğin Claude'dan bir artifact ya da elle yazılmış bir site, derlenecek bir şey yoktur. Dönüştürme bunun yerine doğrudan sayfaların analiziyle başlar ve Claude Design rehberi bunu anlatır.
Her iki durumda da sonuç aynıdır: ZIP dosyasında bağımsız bir WordPress teması ve bir dönüştürme raporu. Onu bir müşteriye vermeden önce orijinaliyle karşılaştırırsın. Bunu masaüstü uygulamasının “Compare” sekmesinde sayfa sayfa yaparsın. Dönüştürücü canlı bir web sitesinin adresini kabul etmez. Her zaman sitenin oluşturulduğu dosyaları içeren bir klasöre veya ZIP'e ihtiyaç duyar.
Rehberlerdeki rakamlar gerçek dönüştürmelerin çıktısından gelir. Dönüştürme süresi, ücretsiz sürüm sınırları ve sayfaların karşılaştırıldığı genişlikler de buna dahildir. Yani bunları kendi projende kontrol edip anlattıklarımızla karşılaştırabilirsin. Sitendeki sonuç bir rehberin söylediğinden farklı davranırsa bunu formumuz üzerinden bize bildir. Sitenin hangi araçtan geldiğini de belirt.
Rehberler, dönüştürme sürecinin tamamını bilerek tekrarlamaz. Uygulamanın dokümantasyonu kurulumu, model seçimini ve Flash ile Full arasındaki farkı anlatır. Bilgisayarından neyin çıktığını da söyler. Hemen deneyebilirsin: ücretsiz sürüm, anahtar ve kayıt olmadan, her biri en fazla beş sayfa olan üç siteyi dönüştürür.
