html2wp / Handleidingen
Er zijn twee manieren om een website om te zetten naar WordPress. In de html2wp-app klik je door de stappen en heb je nooit een terminal nodig. Met de plugin voor Claude Code en Codex werk je in de terminal met een agent. Voor elke manier is er een handleiding voor een Lovable-project en een voor een ontwerp uit Claude Design. Alles daarin beschrijft conversies die we echt hebben gedraaid.
Lovable naar WordPress omzetten: stap voor stap in de html2wp-app
Je downloadt het Lovable-project als ZIP van GitHub, voegt het toe aan de app en kiest Flash of Full. De handleiding behandelt het installeren van de app, het inloggen en het controleren van de pagina's. Ze eindigt met het uploaden van het thema naar WordPress, met screenshots bij elke stap.
De Claude Design-export naar WordPress met de html2wp-app
Je slaat het ontwerp uit Claude als HTML op in een map, opent het in de app en start de conversie. Het is de kortste route naar een thema, want de app hoeft niets te bouwen. De handleiding heeft een screenshot van elke stap.
Lovable naar WordPress: een project omgezet naar een echt thema
Een ouder Lovable-project is een React-app. De HTML ervan bevat niets om om te zetten tot je het bouwt en in een echte browser draait. Nieuwere projecten op TanStack Start renderen op de server, en de converter kan ze allebei aan. Dit is de langere route, met uitleg bij de extra stap. Er is ook een voorbeeld: je kunt de originele en de omgezette site openen en ze vergelijken.
Claude Design naar WordPress: een ontwerp uit Claude omzetten
Een HTML-artifact is precies de invoer die de converter wil. Daardoor is dit de kortste route van een gegenereerd ontwerp naar een thema. De handleiding behandelt wat je aan het begin controleert en wat de conversie voor je beslist. Ze laat ook zien wat er echt verandert als je daarna toch een page builder pakt.
Kies de app als je wilt klikken en elke pagina naast het origineel wilt zien, zonder terminal. Kies de plugin als je al in Claude Code of Codex werkt. Daar start je de conversie met één zin, direct in de projectmap.
Heb je de site in Lovable, Bolt of v0 gebouwd, dan heb je een React-app. De pagina's ervan ontstaan pas in de browser. Daarom voegt de conversie een stap toe die het project bouwt en elke route als afgewerkte HTML opslaat. De Lovable-handleiding beschrijft die stap, en hij werkt voor Bolt en v0 op dezelfde manier.
Heb je afgewerkte HTML-bestanden, bijvoorbeeld een artifact uit Claude of een handgeschreven site, dan valt er niets te bouwen. De conversie begint dan meteen met het analyseren van de pagina's, en dat beschrijft de Claude Design-handleiding.
Hoe dan ook is het resultaat hetzelfde: een zelfstandig WordPress-thema in een ZIP-bestand en een conversierapport. Voordat je het aan een klant geeft, vergelijk je het met het origineel. Dat doe je pagina voor pagina in het tabblad "Compare" van de desktop-app. De converter accepteert geen adres van een live website. Hij heeft altijd een map of ZIP nodig met de bestanden waaruit de site is opgebouwd.
De cijfers in de handleidingen komen uit de uitvoer van echte conversies. Dat geldt voor de conversietijd, de limieten van de gratis versie en de breedtes waarop pagina's worden vergeleken. Je kunt ze dus op je eigen project controleren en vergelijken met wat wij beschrijven. Gedraagt het resultaat op jouw site zich anders dan een handleiding zegt, laat het ons dan weten via ons formulier. Vermeld ook uit welke tool de site komt.
De handleidingen herhalen met opzet niet het hele conversieproces. De documentatie van de app behandelt de installatie, de keuze van een model en het verschil tussen Flash en Full. Ze vertelt ook wat je computer verlaat. Je kunt het meteen proberen: de gratis versie zet drie sites van elk tot vijf pagina's om, zonder sleutel en zonder registratie.
