Konvertér Lovable til WordPress: html2wp-appen trin for trin
Denne guide viser, hvordan du konverterer et Lovable-projekt til WordPress i html2wp-appen. Du behøver hverken en terminal eller programmering. Du tilføjer projektet som en ZIP, vælger Flash eller Full, og til sidst downloader du et færdigt WordPress-tema, der ligner dit design.
Det skal du bruge for at konvertere Lovable til WordPress i appen
- En Mac med Apple silicon (M1 eller nyere) og macOS 12 eller nyere.
- En ChatGPT-konto. AI'en på dit eget abonnement laver konverteringen, så du betaler ikke os for kreditter eller tokens.
- Lovable-projektet som en ZIP eller en mappe med kildekoden. Trinene til at få fat i det står nedenfor.
- Diskplads. Hver kørende konvertering fylder flere GB.
Du behøver ikke installere Docker Desktop på forhånd, fordi appen selv downloader og installerer det, når der er brug for det. Gratisniveauet konverterer tre sites på op til fem sider hver, hvilket er nok til at konvertere et lille Lovable-site til WordPress. Til arbejde for kunder, større sites og en webshop i WooCommerce skal du have en Pro-licens fra prissiden.
Installation af html2wp-appen
Download appen til Mac, åbn DMG-filen, og træk html2wp over i mappen Programmer. I denne guide står knappernes navne præcis, som de ser ud på skærmen.
Klargøring af miljøet
Klik på Prepare environment (klargør miljøet) i appens Settings. Appen downloader og starter Docker, hvis det er nødvendigt, og henter derefter konverteringsmiljøet samt images til WordPress og databasen. Første gang tager det et par minutter. Din Mac kan bede om din adgangskode, og Docker viser sine licensvilkår.
Når alt er klar, skriver appen „Ready to work“, og knappen skifter til Repair environment. Den skal du kun bruge, hvis miljøet senere går i stykker.
Login med ChatGPT
Klik på Connect with ChatGPT. Appen viser dig en kode, og knappen Open sign-in page åbner OpenAI's side. Log ind der med din ChatGPT-konto, og indtast koden fra appen. Du skriver kun din adgangskode på OpenAI's side, så appen ser den aldrig.
Når du er logget ind, vælger du Conversion model og Reasoning effort, eller du beholder standardvalgene. Har du en Pro-licens, så indtast nøglen i Settings, og klik på Save & check. Gratisniveauet kræver ingen nøgle.
Dit Lovable-projekt i appen
Appen skal bruge projektets kildefiler, ikke adressen på det live site. Lovable synkroniserer projektet til et repository på GitHub. Åbn det på GitHub, og download det med Code → Download ZIP. Du behøver ikke bygge projektet eller køre npm install, fordi appen gør det selv.
Klik på New project (⌘N) i appen. Under Output beholder du HTML WordPress theme og vælger Import a ZIP, eller Choose a folder, hvis du har pakket projektet ud. Appen arbejder på en kopi, så dine originale filer forbliver uændrede.
Konvertér Lovable til WordPress med Flash eller Full
På projektskærmen vælger du, hvor grundigt appen skal konvertere Lovable-sitet til WordPress. Flash er standard: hvert trin kører én gang, og det tager omkring en halv time. Full kører alle kontroller og forsøger at rette de fejl, den finder, så det tager omkring en time. Den præcise tid afhænger af antallet af sider og af, hvor hurtig din Mac er.
Har du ikke brug for WordPress, så skift typen til Astro 5. Appen bygger så et statisk site, og du kan udgive det på Cloudflare Pages direkte fra appen.
Sådan kører konverteringen
Under konverteringen viser fanen Overview de trin, konverteringspluginnet arbejder på, og de rettelser, det selv har lavet. Det meste af tiden kører det uden dig. Uanset om Lovable-projektet er en ældre React-app eller et nyere projekt på TanStack Start, bygger appen det først, åbner det i en browser og gemmer hver side som færdig HTML. Først derefter gør den den HTML til temaet.
Vil du holde pause, så klik på Stop conversion, og fortsæt senere med Continue. Stopper pluginnet selv ved et trin, lader Repair and continue det rette fejlen og fortsætte.
Kontrol af Lovable-sitet mod WordPress
Fanen Compare (sammenlign) viser hver side af originalen ved siden af WordPress-versionen, i desktopbredde (Desktop · 1440) og mobilbredde (Mobile · 390), med forskellen i procent. Gennemse hver side selv. Automatiske kontroller fanger de fleste forskelle, men ikke alle: i én konvertering manglede en hel sektion, og forskellen var kun 0,4 %.
I fanen Preview åbner Open website det lokale WordPress-site, og WordPress admin åbner dets kontrolpanel. Vil du ændre noget, så skriv det i chatten til højre. Ændringen dukker op direkte i forhåndsvisningen inden for få sekunder. Klik derefter på Make release, så pakker appen temaet præcis, som du ser det i forhåndsvisningen.
Eksport af temaet efter konverteringen fra Lovable til WordPress
Når konverteringen fra Lovable til WordPress er færdig, ligger de færdige filer i fanen Exports. Klik på Save ved siden af WordPress-temaet, og gem ZIP-filen. Du finder også konverteringsrapporten som PDF, den originale projekt-ZIP og, efter en Flash-konvertering, et Astro 5-projekt.
Gå i WordPress til Appearance → Themes → Add New → Upload Theme (Udseende → Temaer → Tilføj nyt → Upload tema), vælg ZIP-filen, og aktivér temaet. Sider, blog, formularer, menuer, SEO og omdirigeringer er alle en del af temaet og virker uden plugin.
Vil du have, at din kunde redigerer tekst og billeder ved at klikke direkte på siden, så tilføj editoren Visual Edit. Foretrækker du at arbejde med en agent i terminalen, dækker guiden med pluginnet til Claude Code og Codex den samme konvertering.