WordPress Site Maken Met AI in 2026

Zo bouwden we een custom WordPress theme met Codex

Kun je vandaag een professionele WordPress site maken met AI?

Kort antwoord: ja. Maar de beste aanpak is meestal niet om AI zomaar “een website” te laten maken. De sterkste workflow is: gebruik AI als ontwerpanalist, front-end bouwer, WordPress theme developer, contentassistent en kwaliteitscontroleur tegelijk.

In deze gids tonen we hoe je met AI en WordPress een custom website bouwt zonder pagebuilder. We gebruiken onze eigen case als voorbeeld: SecurityBlogs.co.uk, een securityblog waarvoor snel een bruikbare WordPress site, contentstructuur, blogtemplates, lead magnet en SEO-basis nodig waren.

Dit is geen theoretische prompt-truc. Het is een praktische workflow voor iedereen die een WordPress site wil maken met AI, zonder vast te zitten aan een zwaar thema, trage builder of generieke AI-layout.

Waarom AI En WordPress Een Sterke Combinatie Zijn

AI verandert vooral de manier waarop je een WordPress project opstart.

Vroeger begon je vaak met een bestaand theme, een pagebuilder of een blanco development setup. Daarna verloor je tijd aan layout, CSS, templates, responsive gedrag en basiscontent.

Met Codex of een vergelijkbare AI coding assistant kun je dat eerste zware werk veel sneller doen. Je kunt een designrichting analyseren, een eerste front-end laten bouwen, die verfijnen en daarna omzetten naar een echt WordPress theme.

Het resultaat is geen magische “druk op de knop”-website. Het resultaat is een snellere workflow waarbij jij de richting bepaalt en AI het repetitieve werk versnelt.

Voor Wie Is Deze Aanpak Bedoeld?

Deze workflow is vooral interessant als je:

• een WordPress site wilt maken met AI;
• een custom WordPress theme wilt bouwen zonder pagebuilder;
• snel een professionele blog, nichewebsite of contentplatform nodig hebt;
• al WordPress sites beheert en AI in je workflow wilt leren gebruiken;
• meer controle wilt over layout, performance en templates;
• geen generieke AI-site wilt die eruitziet als duizend andere sites.

Deze aanpak is minder geschikt als je alleen snel een simpele brochurewebsite nodig hebt en nooit iets wil aanpassen aan code of templates.

Dan is een premium theme of pagebuilder soms sneller.

Maar als je WordPress, AI en eigen controle wil combineren, is dit een bijzonder sterke route.

De Case: Waarom We SecurityBlogs Met AI Bouwden

SecurityBlogs.co.uk was een domein dat snel opnieuw waarde moest krijgen.

Het domein had eerder een andere functie, maar moest opnieuw inhoud, structuur en indexeerbare pagina’s krijgen. Het doel was duidelijk: snel een WordPress site maken met AI rond online veiligheid, AI security, scams, privacy, business security en family safety.

We wilden geen statische HTML-site, omdat WordPress op langere termijn meer mogelijkheden gaf:

• makkelijker content publiceren;
• categorieën en silo’s beheren;
• SEO plugins gebruiken;
• formulieren en lead magnets toevoegen;
• later affiliate of commerciële content uitbreiden;
• een redactionele workflow opbouwen.

Tegelijk wilden we geen zwaar WordPress theme en geen pagebuilder.

Daarom kozen we voor een custom WordPress theme, gebouwd met Codex, op basis van een duidelijke designreferentie, een contentplan en een reeks concrete WordPress templates.

screenshot website voor 2020 en website nu in 2026

Waarom Niet Gewoon Een Premium Theme Of Pagebuilder?

Een premium theme of pagebuilder kan perfect zijn. Maar voor deze case waren er een paar nadelen.

We wilden snelheid, maar ook controle. Een pagebuilder maakt de eerste pagina soms snel, maar kan later zwaar worden. Een premium theme bevat vaak veel opties die je niet gebruikt. En als je een specifiek blogdesign wil, ben je alsnog veel tijd kwijt aan aanpassen.

Bij SecurityBlogs hadden we vooral nood aan:

• een sterke homepage;
• een mooie blogarchive;
• een goede single post template;
• sticky sidebar CTA’s;
• lead magnet blokken;
• snelle laadtijden;
• eenvoudige contentuitbreiding;
• een theme dat makkelijk opnieuw te zippen en uploaden is.

Een custom theme was daarom logischer.

AI maakte die keuze haalbaar binnen een veel kortere tijd.

Vergelijking: Welke WordPress Aanpak Past Bij Je Project?

Er zijn meerdere manieren om een WordPress site te bouwen. De juiste keuze hangt af van snelheid, budget, controle en technische kennis.

Aanpak	Voordelen	Nadelen	Beste keuze wanneer
Pagebuilder zoals Elementor of Divi	Snel visueel bouwen, weinig code nodig, veel templates	Kan traag worden, extra afhankelijkheid, minder controle over output	Je snel pagina’s wil bouwen en weinig technische controle nodig hebt
Premium WordPress theme	Goedkoop, snel startpunt, vaak veel instellingen	Kan generiek aanvoelen, bevat vaak overbodige code, styling aanpassen kost tijd	Je een eenvoudige site wil met bestaande layouts
Custom theme zonder AI	Maximale controle, snel en clean mogelijk	Duurder, trager, developer nodig	Je een professioneel maatwerkproject bouwt
Custom theme met AI en Codex	Veel controle, sneller dan klassiek maatwerk, goede leerwaarde	Vereist duidelijke briefing, testing en menselijke kwaliteitscontrole	Je snel een professionele WordPress site wil maken met AI zonder pagebuilder
Headless of static site	Zeer snel, veel technische vrijheid	Minder toegankelijk voor klassieke WordPress gebruikers	Je team technisch sterk is en geen klassieke WP backend nodig heeft

Voor SecurityBlogs was “custom theme met AI” de beste balans.

We kregen WordPress als beheersysteem, maar zonder de ballast van een pagebuilder.

De Globale Workflow

De volledige workflow bestaat uit acht stappen.

Belangrijk: AI neemt het denken niet over. Jij blijft verantwoordelijk voor strategie, designrichting, kwaliteit, SEO, content en publicatie. AI versnelt het bouwen en helpt je sneller naar een werkende versie.

Stap 1: Bepaal Het Doel Van De Site

Voor je Codex opent, moet je weten wat je bouwt.

Bij SecurityBlogs was het doel:

• snel een securityblog live zetten;
• Google opnieuw indexeerbare content geven;
• duidelijke categorieën maken;
• 25 tot 50 bruikbare artikelen publiceren;
• een lead magnet toevoegen;
• later monetisation mogelijk maken.

Dat doel bepaalt alles.

Een site voor security content heeft een andere toon dan een portfolio, webshop of restaurantwebsite. De layout moet vertrouwen wekken. De content moet scanbaar zijn. De blogtemplates moeten sterk zijn. De categorieën moeten logisch voelen.

Schrijf daarom eerst een korte projectbrief.

Stap 2: Kies Een Sterke Designreferentie

AI bouwt beter wanneer je duidelijk maakt wat “goed” betekent.

Wij kozen een bestaande website als visuele referentie. Niet om die te kopiëren, maar om structuur, ritme en layoutkwaliteit te analyseren.

Let bij zo’n referentie op:

• de header;
• de hero;
• de blogarchive;
• de single post layout;
• spacing;
• typografie;
• card design;
• CTA’s;
• footer;
• mobiele weergave.

Voor SecurityBlogs gebruikten we een designrichting met een rustige editorial/SaaS uitstraling. Daarna pasten we kleuren, inhoud en details aan richting security, AI en online veiligheid.

Stap 3: Laat AI De Referentie Beschrijven

Een van de beste stappen in deze workflow is niet meteen bouwen.

Laat AI eerst het design analyseren.

Vraag om de pagina te beschrijven alsof een front-end designer de briefing schrijft:

• welke secties staan er op de pagina?
• hoe is de layout opgebouwd?
• waar zit visuele hiërarchie?
• hoe werkt de bloggrid?
• hoe worden buttons gebruikt?
• hoe voelt de typografie?
• hoe wordt witruimte gebruikt?
• hoe moet dit werken op mobiel?

Die analyse wordt daarna de briefing voor Codex.

Dit is belangrijk, omdat een vage prompt meestal een vage website oplevert. Een gedetailleerde designbeschrijving geeft Codex veel meer houvast.

Stap 4: Bouw Eerst De Front-End Versie

De eerste versie hoeft niet perfect te zijn.

Het doel is om snel iets werkends te krijgen: homepage, archive, post layout, navigatie, footer en basisstijl.

In deze fase kijk je vooral naar structuur.

Staat alles op de juiste plek? Klopt de verhouding tussen secties? Is de blogarchive bruikbaar? Heeft de single post template genoeg ruimte voor content, sidebar en CTA?

Bij SecurityBlogs was de eerste versie nuttig, maar nog te mager. De layout werkte, maar het design miste karakter. Daarna hebben we de homepage verfijnd met betere iconen, sterkere CTA’s, hover states, animaties, betere typografie en een duidelijkere contentstructuur.

Stap 5: Verfijn Tot Het Niet Meer Als Een AI-Site Voelt

Dit is waar het verschil ontstaat.

Veel AI-sites voelen generiek omdat mensen stoppen na de eerste output. De eerste versie is zelden goed genoeg.

Je moet daarna sturen op:

• kortere en sterkere titels;
• betere spacing;
• consistente knoppen;
• hover effecten;
• iconen;
• beeldgebruik;
• mobiele layout;
• contrast;
• herbruikbare CTA-secties;
• variatie in contentblokken;
• duidelijke article cards.

Voor SecurityBlogs verbeterden we onder andere:

• de homepage;
• de blogarchive hover states;
• de article card images;
• de CTA rond de PDF guide;
• de contactpagina;
• de aboutpagina;
• de 404-pagina;
• de sticky sidebar op single posts.

Dit is precies waarom een AI workflow nog altijd design judgment nodig heeft.

AI kan snel bouwen. Jij moet bepalen wanneer het goed genoeg is.

Stap 6: Zet De Front-End Om Naar Een WordPress Theme

Zodra de layout goed zit, zet je de website om naar een echt WordPress theme.

Een minimaal custom theme bevat meestal:

• style.css;
• functions.php;
• index.php;
• header.php;
• footer.php;
• front-page.php;
• archive.php;
• single.php;
• page.php;
• extra templates zoals page-contact.php of page-about.php.

Belangrijk: WordPress verwacht dat style.css in de root van het theme staat en een geldige theme header bevat.

Als je theme zip verkeerd is opgebouwd, krijg je fouten zoals:

The theme is missing the style.css stylesheet.

Dat betekent meestal niet dat je CSS ontbreekt, maar dat de zipstructuur fout zit of dat style.css niet op de juiste plek staat.

Stap 7: Voeg Content, Categorieën En SEO-Basis Toe

Een mooie WordPress site zonder inhoud is nog geen bruikbare website.

Voor SecurityBlogs maakten we eerst een contentstructuur met categorieën zoals:

• AI Security;
• Business Security;
• Family Safety;
• Scams & Phishing;
• Privacy;
• AI Agents & Automation;
• Developer Security;
• Cyber Insurance & Compliance.

Daarna maakten we pillar posts en supporting posts.

Een goede pillar post is langer, dieper en strategischer. Denk aan 1.800 tot 2.500 woorden. Supporting posts zijn korter, maar moeten nog steeds volledig genoeg zijn. Voor SecurityBlogs mikten we op minstens 1.000 woorden per gewone blogpost.

We voegden ook interne links toe tussen supporting posts en pillar posts. Dat helpt bezoekers én zoekmachines begrijpen welke pagina’s belangrijk zijn.

Stap 8: Voeg Een Lead Magnet Toe

Voor SecurityBlogs maakten we een downloadbare gids: The AI Sentinel.

Die gids kreeg:

• een eigen landing page;
• CTA-blokken op de site;
• een sidebar CTA in blogposts;
• een formulier/popup;
• een downloadlink naar de PDF;
• een coverafbeelding.

Dit maakt de site meer dan alleen een blog. Het wordt een plek waar je leads kunt verzamelen en later commerciële kansen kunt ontwikkelen.

De Herbruikbare Prompt

We maakten ook een algemene prompt die je kunt gebruiken voor andere WordPress projecten.

Die prompt bevat invulvelden voor:

• niche;
• doelgroep;
• designreferentie;
• gewenste pagina’s;
• categorieën;
• lead magnet;
• formulier;
• SEO;
• performance;
• WordPress theme structuur.

Je kunt deze prompt gebruiken als startpunt voor je eigen project.

Download hier de prompt:

Download de algemene Codex WordPress Theme Prompt

Wat Moet Je Zelf Nog Controleren?

AI kan veel versnellen, maar je moet altijd blijven controleren.

Gebruik minstens deze checklist:

• Werkt de theme zip?
• Staat style.css op de juiste plek?
• Is de homepage ingesteld als front page?
• Werkt de blogarchive?
• Werken categoriepagina’s?
• Werkt de single post template?
• Zijn formulieren getest?
• Worden formulierinzendingen opgeslagen?
• Gaan notificaties naar het juiste interne e-mailadres?
• Werkt de PDF-download?
• Zijn knoppen correct gelinkt?
• Is mobiel goed leesbaar?
• Zijn contrast en hover states goed?
• Zijn er geen placeholders meer?
• Zijn interne links logisch?
• Is de site snel genoeg?

Bij SecurityBlogs hebben we ook gekeken naar performance.

We haalden al sterke scores, maar zagen dat externe fonts en WordPress block CSS de laadtijd beïnvloedden. Daarom hebben we Google Fonts verwijderd, system fonts gebruikt en onnodige block assets uitgeschakeld.

Screenshot toont de Lighthouse/PageSpeed score voor de Performance, Accessibility, Best Practices en SEO. Zowel de mobiele als desktop versie zijn direct al heel goed, zonder enige cache of speed plugins. Dat is beter dan 85% van de WordPress sites

Voordelen Van Een WordPress Theme Bouwen Met AI

Het grootste voordeel is snelheid.

Je kunt in korte tijd een eerste werkende versie krijgen. Dat maakt het makkelijker om beslissingen te nemen, feedback te geven en iteratief te verbeteren.

Andere voordelen:

• je houdt controle over code en layout;
• je vermijdt zware pagebuilders;
• je leert beter hoe WordPress themes werken;
• je kunt sneller templates aanpassen;
• je kunt herbruikbare workflows maken;
• je kunt content en design tegelijk ontwikkelen;
• je kunt AI inzetten voor SEO, structuur en technische checks.

Voor teams die meerdere WordPress sites beheren, is vooral de leerwaarde groot.

Elke site maakt de volgende workflow beter.

Nadelen En Risico’s

Deze aanpak is niet perfect.

AI kan fouten maken. Soms werkt een theme lokaal wel, maar niet na upload. Soms ontbreekt een WordPress detail. Soms is de eerste layout visueel te zwak. Soms herhaalt AI tekst of maakt het content die te algemeen is.

Je moet dus controleren.

De grootste risico’s zijn:

• te snel tevreden zijn met de eerste versie;
• geen duidelijke designreferentie geven;
• theme zip verkeerd opbouwen;
• onvoldoende testen op mobiel;
• te veel generieke content publiceren;
• SEO velden vergeten;
• formulieren niet testen;
• performance pas op het einde bekijken.

AI versnelt het proces, maar vervangt geen kwaliteitscontrole.

Wanneer Is Deze Aanpak De Beste Keuze?

Deze aanpak is sterk wanneer je een WordPress site wil bouwen met AI en tegelijk controle wil houden.

Vooral bij:

• blogs;
• nichewebsites;
• affiliate sites;
• contentplatformen;
• lead generation sites;
• kleine business websites;
• sites met vaste templates;
• projecten waarbij snelheid belangrijk is.

Voor grote webshops, complexe member portals of zware maatwerksystemen zou ik voorzichtiger zijn. Daar kan AI nog steeds helpen, maar de architectuur en testing moeten veel strenger.

Wat We Uit SecurityBlogs Leerden

De belangrijkste les: AI is het krachtigst wanneer je het project behandelt als een echte bouwopdracht.

Niet als losse prompt.

Voor SecurityBlogs hadden we nodig:

• een duidelijk doel;
• een designrichting;
• categorieën;
• contentplan;
• WordPress toegang;
• een custom theme;
• lead magnet;
• SEO structuur;
• performance checks;
• iteraties op design.

Codex hielp vooral door snel themebestanden, templates, CSS, contentstructuur en WordPress API-acties uit te voeren. Maar de kwaliteit kwam door bij te sturen: betere layout, betere CTA, betere posts, betere interne links en betere templates.

Dat is de echte workflow.

AI bouwt sneller. Jij maakt het beter.

Praktische Checklist: WordPress Site Maken Met AI

Gebruik deze volgorde als je dit zelf wil doen:

1. Schrijf een projectbrief.
2. Kies een sterke designreferentie.
3. Laat AI de referentie analyseren.
4. Maak een eerste front-end versie.
5. Verfijn design, spacing, typografie en responsive gedrag.
6. Zet de front-end om naar een WordPress theme.
7. Controleer de theme zip.
8. Upload en activeer het theme.
9. Maak pagina’s en categorieën aan.
   ______

10. Publiceer pillar content.
11. Voeg supporting posts toe.
12. Bouw interne links.
13. Voeg lead magnet en formulieren toe.
14. Test alle knoppen.
15. Controleer mobiel.
16. Optimaliseer performance.
17. Maak een handover document voor toekomstige aanpassingen.

Conclusie

Een WordPress site maken met AI is vandaag absoluut haalbaar.

Maar de beste resultaten komen niet uit één magische prompt. Ze komen uit een workflow waarin je AI gebruikt als snelle bouwpartner, terwijl jij de richting, kwaliteit en eindcontrole bewaakt.

Voor SecurityBlogs werkte deze aanpak omdat WordPress de juiste basis gaf voor groei, terwijl Codex het bouwen van een custom theme veel sneller maakte.

De combinatie is interessant voor iedereen die AI en WordPress serieus wil gebruiken: niet om goedkope rommel te maken, maar om sneller tot een professionele, beheerbare en uitbreidbare website te komen.

Als je al WordPress sites beheert, is dit een workflow die je echt moet leren. Niet omdat AI alles overneemt, maar omdat het je veel sneller bij het echte werk brengt: strategie, design, content, SEO en verbetering.