Je importeert WordPress-blogcontent in Lovable door de posts eerst als schone Markdown uit WordPress te halen en die dan als data in je Lovable-app te voeren, in plaats van ze over te typen. Het uitgangspunt dat de klus eenvoudig maakt: de posts staan in WordPress los van het thema, dus je hoeft niets opnieuw te schrijven. Je exporteert per post de titel, de tekst als Markdown, de slug, de datum en de afbeeldingen, en die set bouw je in Lovable op, meestal als een lijst of collectie van blogitems in plaats van losse pagina’s. Houd de slugs als URLs aan waar het kan, en zet anders een 301, want Lovable bouwt URLs anders op dan WordPress. Neem de afbeeldingen mee met de juiste paden. WPBuildAI scant de site en levert de posts als schone Markdown met slugs, metadata en afbeeldingen, klaar om in Lovable te importeren.

De posts zitten in WordPress, niet in het thema

Het helpt te beseffen waar je blogcontent echt woont, want dat bepaalt hoe je hem meeneemt. In WordPress staan de tekst, de titels en de afbeeldingen van elke post in de database, los van het thema dat ze toont. Importeren in Lovable is dus geen overtypen, maar het overhalen van data die er al is. Dat de plek verandert raakt de SEO niet, want het platform is geen rankingfactor; wat telt zijn de inhoud en de URLs. De vraag is daarom niet of het kan, maar hoe je de posts schoon eruit haalt en netjes als data in Lovable zet, zodat de app ze als blog kan tonen.

Haal de posts eruit als schone Markdown

De eerste stap is de posts uit WordPress halen in een bruikbare vorm. De netste route is de WordPress REST API, die elke post als gestructureerde data teruggeeft: titel, inhoud, slug, datum. Heb je geen volledige toegang, dan lees je de publieke blogpagina’s. In beide gevallen wil je de tekst als schone Markdown, zonder het thema-omhulsel, want dat omhulsel heb je in Lovable niet nodig. Behandel afbeeldingen als inhoud: het Web Almanac 2024 laat zien hoe zwaar ze wegen, dus haal ze mee met hun pad. Het resultaat is een set posts als data, klaar voor de volgende stap.

Voer ze in Lovable als een collectie

Met de posts als data bouw je het blog in Lovable op. Een blog is een reeks items met dezelfde opbouw, dus je modelleert het als een collectie: elk item heeft een titel, een slug, de inhoud in Markdown, een datum en een afbeelding. Zo voer je de posts in als data die de app toont, niet als losse, met de hand gemaakte pagina’s. Dit is dezelfde gedachte als bij eigen code toevoegen aan een AI-site: je werkt met de structuur van de bouwer mee. Een collectie houdt het blog beheersbaar en zorgt dat nieuwe posts hetzelfde patroon volgen, net als de berichten in WordPress.

Houd de slugs als URLs, anders 301

Hier zit het SEO-werk, want Lovable bouwt URLs anders op dan WordPress. Was het blog al online en geindexeerd, gebruik dan dezelfde slugs als URLs, zodat de posts op hun adres blijven staan. Voor elke URL die toch verandert, zet je een 301-redirect van de oude naar de nieuwe, in een stap, volgens de richtlijn voor site verplaatsen en de documentatie over redirects. Stuur niet alles naar de homepage. Was het blog nog niet online, dan vervalt deze stap en kies je de slugs gewoon meteen schoon. De slug bepaalt het adres, dus neem hem mee als veld in de collectie.

Vergeet de afbeeldingen niet

Afbeeldingen worden bij een import het vaakst vergeten, met blogposts vol lege plekken als gevolg. In WordPress staan ze in wp-content/uploads, en in Lovable moeten ze een plek krijgen, met paden in de Markdown die naar die nieuwe plek wijzen. Importeer je de tekst maar laat je de afbeeldingen op het oude WordPress-domein staan, dan hangt het blog nog aan een site die je wilt uitzetten, en als je die uitzet, verdwijnen de beelden. Neem de afbeeldingen dus mee, zet ze op hun nieuwe plek en werk de paden bij, zodat elke post compleet is en niet half.

Wat anders werkt dan in WordPress

Eerlijk over de grenzen: niet alles van een WordPress-blog komt een-op-een mee. Reacties, als je die had, vragen een aparte oplossing of een externe dienst, want Lovable heeft ze niet standaard. De interne zoekfunctie van WordPress wordt een functie die je in de app bouwt. En plugins die iets aan de posts toevoegden, bestaan niet; wat ze deden, bouw je na. Geen van deze is een blokkade, maar elk is een bewuste keuze bij de import. Weeg ook of een AI-builder past bij wat je wilt, zoals in importeert een AI-builder mijn bestaande content en WordPress en AI-website-builders vergeleken.

Stap voor stap

  1. Haal de posts eruit als schone Markdown: titel, tekst, slug, datum.
  2. Neem de afbeeldingen mee met hun paden.
  3. Modelleer een blogcollectie in Lovable met die velden.
  4. Voer de posts in als data, niet als losse pagina’s.
  5. Houd de slugs als URLs aan of zet 301’s voor wat verandert.
  6. Controleer de 404’s en de afbeeldingen na de livegang.

Voorbeeld: een blog overgezet naar Lovable

Neem een WordPress-blog met 80 posts dat naar een Lovable-app gaat. De posts worden via de REST API als schone Markdown opgehaald, met titel, slug, datum en afbeeldingen. In Lovable wordt een blogcollectie gemodelleerd met die velden, en de 80 posts worden als data ingevoerd, niet als losse pagina’s. De afbeeldingen worden op hun nieuwe plek gezet en de paden in de Markdown bijgewerkt. Omdat het blog al geindexeerd was, worden de oude slugs als URLs aangehouden; de paar die veranderen krijgen een 301. Na de livegang blijven de posts op hun adres en de afbeeldingen laden, omdat de import schoon en compleet was, net als bij een blog herbouwen in Webflow.

Veelgemaakte fouten

  • De posts overtypen in plaats van als schone Markdown ophalen.
  • De posts als losse pagina’s neerzetten in plaats van een collectie.
  • De afbeeldingen op het oude WordPress-domein laten staan.
  • De slugs laten veranderen zonder 301 en zo 404’s veroorzaken.
  • Reacties en zoekfunctie vergeten, die in Lovable opnieuw moeten.

Wat je moet onthouden

Je importeert WordPress-blogcontent in Lovable door de posts als schone Markdown uit WordPress te halen en als data in de app te voeren, als een blogcollectie, in plaats van ze over te typen. De posts staan los van het thema, dus je haalt ze schoon over met titel, slug, datum en afbeeldingen. Houd de slugs als URLs aan waar het kan en zet anders een 301, want Lovable bouwt URLs anders op. Neem de afbeeldingen mee met de juiste paden, en plan wat niet meekomt: reacties, zoekfunctie en plugins. WPBuildAI scant de site en levert de posts als schone Markdown met slugs, metadata en afbeeldingen, klaar om in Lovable te importeren. Stuur je site-URL voor een gratis analyse.

Geen connectie met WordPress, Lovable, Webflow, Shopify, Wix of Squarespace.