Din Lovable în WordPress: ghid pas cu pas în aplicația html2wp
Ghidul acesta arată cum muți un proiect Lovable în WordPress cu aplicația html2wp. Nu ai nevoie de terminal și nici de programare. Adaugi proiectul ca ZIP, alegi Flash sau Full, iar la final descarci o temă WordPress gata, care arată ca designul tău.
De ce ai nevoie ca să convertești Lovable în WordPress în aplicație
- Un Mac cu Apple silicon (M1 sau mai nou) și macOS 12 sau mai nou.
- Un cont ChatGPT. AI-ul din propriul tău abonament face conversia, așa că nu ne plătești credite sau tokeni.
- Proiectul Lovable ca ZIP sau ca folder cu codul sursă. Pașii prin care îl obții sunt mai jos.
- Spațiu pe disc. Fiecare conversie în curs ocupă câțiva GB.
Nu trebuie să instalezi dinainte Docker Desktop, pentru că aplicația îl descarcă și îl instalează singură când e nevoie. Planul gratuit convertește trei site-uri de până la cinci pagini fiecare, suficient ca să muți un site Lovable mic în WordPress. Pentru munca pentru clienți, site-uri mai mari și un magazin WooCommerce ai nevoie de o licență Pro de pe pagina de prețuri.
Instalarea aplicației html2wp
Descarcă aplicația pentru Mac, deschide fișierul DMG și trage html2wp în folderul Applications. În acest ghid, numele butoanelor sunt scrise exact cum apar pe ecran.
Pregătirea mediului
În Settings din aplicație, dă clic pe Prepare environment (Pregătește mediul). Aplicația descarcă și pornește Docker dacă e nevoie, apoi încarcă mediul de conversie și imaginile pentru WordPress și baza de date. Prima dată durează câteva minute. Mac-ul îți poate cere parola, iar Docker îți arată termenii licenței lui.
Când totul e gata, aplicația afișează „Ready to work”, iar butonul devine Repair environment. Ai nevoie de el doar dacă mediul se strică mai târziu.
Autentificarea cu ChatGPT
Dă clic pe Connect with ChatGPT. Aplicația îți arată un cod, iar butonul Open sign-in page deschide pagina OpenAI. Autentifică-te acolo cu contul ChatGPT și introdu codul din aplicație. Parola o scrii doar pe pagina OpenAI, deci aplicația nu o vede niciodată.
După autentificare, alege Conversion model și Reasoning effort sau păstrează valorile implicite. Dacă ai o licență Pro, introdu cheia în Settings și dă clic pe Save & check. Planul gratuit nu are nevoie de cheie.
Proiectul tău Lovable în aplicație
Aplicația are nevoie de fișierele sursă ale proiectului, nu de adresa site-ului live. Lovable sincronizează proiectul într-un depozit GitHub. Deschide-l pe GitHub și descarcă-l cu Code → Download ZIP. Nu trebuie să compilezi proiectul sau să rulezi npm install, pentru că aplicația face asta singură.
În aplicație, dă clic pe New project (⌘N). La Output, păstrează HTML WordPress theme și alege Import a ZIP, sau Choose a folder dacă ai dezarhivat proiectul. Aplicația lucrează pe o copie, deci fișierele tale originale rămân neschimbate.
Flash sau Full pentru conversia din Lovable în WordPress
Pe ecranul proiectului alegi cât de temeinic să convertească aplicația site-ul Lovable în WordPress. Flash e modul implicit: fiecare pas rulează o dată și durează cam o jumătate de oră. Full rulează toate verificările și încearcă să repare erorile găsite, deci durează cam o oră. Timpul exact depinde de numărul de pagini și de cât de rapid e Mac-ul tău.
Dacă nu ai nevoie de WordPress, schimbă tipul pe Astro 5. Aplicația construiește atunci un site static, pe care îl poți publica pe Cloudflare Pages direct din aplicație.
Cum decurge conversia
În timpul conversiei, fila Overview arată pașii la care lucrează pluginul de conversie și corecturile pe care le-a făcut singur. De cele mai multe ori rulează fără tine. Fie că proiectul Lovable e o aplicație React mai veche, fie un proiect mai nou pe TanStack Start, aplicația îl compilează întâi, îl deschide într-un browser și salvează fiecare pagină ca HTML finit. Abia apoi transformă acel HTML în temă.
Ca să faci pauză, dă clic pe Stop conversion, apoi reia cu Continue. Dacă pluginul se oprește singur la un pas, Repair and continue îl lasă să repare eroarea și să meargă mai departe.
Verificarea site-ului Lovable față de WordPress
Fila Compare (Comparare) arată fiecare pagină a originalului lângă versiunea WordPress, la lățime de desktop (Desktop · 1440) și de mobil (Mobile · 390), cu diferența în procente. Parcurge singur fiecare pagină. Verificările automate prind majoritatea diferențelor, dar nu pe toate: într-o conversie lipsea o secțiune întreagă, iar diferența era de doar 0,4%.
În fila Preview (Previzualizare), Open website deschide site-ul WordPress local, iar WordPress admin îi deschide panoul de control. Dacă vrei să schimbi ceva, scrie în chatul din dreapta. Modificarea apare direct în previzualizare în câteva secunde. Apoi dă clic pe Make release, iar aplicația împachetează tema exact cum o vezi în previzualizare.
Exportul temei după conversia din Lovable în WordPress
După ce convertești Lovable în WordPress, fișierele gata sunt în fila Exports (Exporturi). Lângă tema WordPress, dă clic pe Save și salvează ZIP-ul. Tot acolo găsești raportul conversiei ca PDF, ZIP-ul proiectului original și, după o conversie Flash, un proiect Astro 5.
În WordPress mergi la Aspect → Teme → Adaugă temă nouă → Încarcă tema, alegi ZIP-ul și activezi tema. Paginile, blogul, formularele, meniurile, SEO și redirecționările fac toate parte din temă și funcționează fără plugin.
Dacă vrei ca clientul tău să editeze texte și imagini dând clic direct pe pagină, adaugă editorul Visual Edit. Dacă preferi să lucrezi cu un agent în terminal, ghidul cu pluginul pentru Claude Code și Codex acoperă aceeași conversie.