Konvertera Lovable till WordPress: steg för steg i html2wp-appen
Den här guiden visar hur du konverterar ett Lovable-projekt till WordPress i html2wp-appen. Du behöver ingen terminal och ingen programmering. Du lägger till projektet som en ZIP-fil och väljer Flash eller Full. Till sist laddar du ner ett färdigt WordPress-tema som ser ut som din design.
Det här behöver du för att konvertera Lovable till WordPress i appen
- En Mac med Apple silicon (M1 eller nyare) och macOS 12 eller senare.
- Ett ChatGPT-konto. AI:n i din egen prenumeration gör konverteringen, så du betalar inte oss för krediter eller tokens.
- Lovable-projektet som en ZIP-fil eller en mapp med källkoden. Stegen för att få fram det finns nedan.
- Diskutrymme. Varje pågående konvertering tar upp flera GB.
Du behöver inte installera Docker Desktop i förväg, eftersom appen laddar ner och installerar det själv vid behov. Gratisnivån konverterar tre sajter med upp till fem sidor var, vilket räcker för att konvertera en liten Lovable-sajt till WordPress. För kunduppdrag, större sajter och en WooCommerce-butik behöver du en Pro-licens från prissidan.
Installera html2wp-appen
Ladda ner appen för Mac, öppna DMG-filen och dra html2wp till mappen Program. I den här guiden skrivs knapparnas namn exakt som de visas på skärmen.
Förbereda miljön
Klicka på Prepare environment i appens Settings. Appen laddar ner och startar Docker vid behov och läser sedan in konverteringsmiljön och avbildningarna för WordPress och databasen. Första gången tar det några minuter. Din Mac kan be om ditt lösenord, och Docker visar sina licensvillkor.
När allt är klart visar appen ”Ready to work” och knappen ändras till Repair environment. Den behöver du bara om miljön går sönder senare.
Logga in med ChatGPT
Klicka på Connect with ChatGPT. Appen visar en kod, och knappen Open sign-in page öppnar OpenAI:s sida. Logga in där med ditt ChatGPT-konto och ange koden från appen. Du skriver bara ditt lösenord på OpenAI:s sida, så appen ser det aldrig.
När du har loggat in väljer du Conversion model och Reasoning effort, eller behåller standardvärdena. Har du en Pro-licens anger du nyckeln i Settings och klickar på Save & check. Gratisnivån behöver ingen nyckel.
Ditt Lovable-projekt i appen
Appen behöver projektets källfiler, inte adressen till den publicerade sajten. Lovable synkar projektet till ett GitHub-repositorium. Öppna det på GitHub och ladda ner det med Code → Download ZIP. Du behöver inte bygga projektet eller köra npm install, eftersom appen gör det själv.
Klicka på New project (⌘N) i appen. Under Output behåller du HTML WordPress theme och väljer Import a ZIP, eller Choose a folder om du har packat upp projektet. Appen arbetar på en kopia, så dina originalfiler förblir oförändrade.
Flash eller Full för att konvertera Lovable till WordPress
På projektskärmen väljer du hur grundligt appen ska konvertera Lovable-sajten till WordPress. Flash är standardvalet: varje steg körs en gång, och det tar ungefär en halvtimme. Full kör alla kontroller och försöker rätta felen den hittar, så det tar ungefär en timme. Den exakta tiden beror på antalet sidor och på hur snabb din Mac är.
Behöver du inte WordPress byter du typ till Astro 5. Appen bygger då en statisk sajt, och du kan publicera den på Cloudflare Pages direkt från appen.
Så går konverteringen
Under konverteringen visar fliken Overview vilka steg konverteringspluginet arbetar med och vilka rättningar det har gjort på egen hand. För det mesta körs det utan dig. Oavsett om Lovable-projektet är en äldre React-app eller ett nyare projekt på TanStack Start bygger appen det först, öppnar det i en webbläsare och sparar varje sida som färdig HTML. Först därefter gör den om den HTML-koden till temat.
Vill du pausa klickar du på Stop conversion och fortsätter sedan med Continue. Om pluginet stannar på ett steg av sig självt låter Repair and continue det rätta felet och fortsätta.
Kontrollera Lovable-sajten mot WordPress
Fliken Compare visar varje sida i originalet bredvid WordPress-versionen, i desktopbredd (Desktop · 1440) och mobilbredd (Mobile · 390), med skillnaden i procent. Gå igenom varje sida själv. Automatiska kontroller fångar de flesta skillnader, men inte alla: i en konvertering saknades en hel sektion och skillnaden var bara 0,4 %.
I fliken Preview öppnar Open website den lokala WordPress-sajten och WordPress admin öppnar dess adminpanel. Vill du ändra något skriver du det i chatten till höger. Ändringen syns direkt i förhandsvisningen inom några sekunder. Klicka sedan på Make release, så paketerar appen temat exakt som du ser det i förhandsvisningen.
Från Lovable till WordPress: exportera temat
När konverteringen från Lovable till WordPress är klar finns de färdiga filerna i fliken Exports. Klicka på Save bredvid WordPress-temat och spara ZIP-filen. Där hittar du också konverteringsrapporten som PDF, originalprojektets ZIP-fil och, efter en Flash-konvertering, ett Astro 5-projekt.
I WordPress går du till Utseende → Teman → Lägg till nytt → Ladda upp tema, väljer ZIP-filen och aktiverar temat. Sidor, blogg, formulär, menyer, SEO och omdirigeringar ingår i temat och fungerar utan plugin.
Vill du att din kund ska kunna redigera text och bilder genom att klicka direkt på sidan lägger du till Visual Edit-redigeraren. Arbetar du hellre med en agent i terminalen går guiden med pluginet för Claude Code och Codex igenom samma konvertering.