# Blockthema of pagebuilder: wat er echt verandert

URL: https://canvaswp.com/nl/guides/block-theme-vs-page-builder/
Updated: 2026-11-03

Gids

Een pagebuilder voegt een tweede editor toe aan WordPress en slaat je layout op in een eigen formaat, dat alleen die plugin kan lezen. Een blokthema gebruikt de editor die WordPress meelevert, en pagina's worden opgeslagen als standaard blokmarkup. Het verschil merk je bij het wisselen van tools. Stoppen met een builder betekent meestal dat je elke pagina opnieuw moet bouwen, terwijl core-blokken onder elk blokthema blijven weergegeven worden. De snelheid hangt af van wat elke pagina laadt.

Gepubliceerd op 5 september 2026 Laatst bijgewerkt 3 november 2026 Geschreven door het Canvas-team bij SemiColonWeb

## Deel 1: De twee manieren om een WordPress-pagina te bouwen

Haal de marketing weg en je hebt twee ontwerpen voor je.

### Een pagebuilder-plugin

Een builder voegt zijn eigen editor, zijn eigen layoutengine en zijn eigen widgetbibliotheek toe aan WordPress. Je ontwerpt op het canvas van de builder, en de builder slaat het resultaat op in zijn eigen formaat binnen je berichten. Zijn stylesheet en script draaien in de frontend om dat formaat weer om te zetten naar een pagina. Het thema blijft meestal op de achtergrond.

### Een blokthema op de editor die WordPress meelevert

De blokkeneditor is onderdeel van WordPress zelf. Blokken worden opgeslagen als HTML met gestructureerde commentaren eromheen, sjablonen zijn blok-sjablonen, en kleuren en typografie komen uit een theme.json-bestand dat zowel de editor als de frontend leest. Een block-thema zoals Canvas voegt blokken, sjablonen en instellingen toe aan die ene editor. Er staat niets naast.

Beide benaderingen leveren vanmiddag al een website op. Het verschil komt pas drie jaar later aan het licht, wanneer je prioriteiten, je hostingprovider of je ontwikkelaar veranderen.

## Deel 2: Hoe je content wordt opgeslagen

Dit is het onderdeel dat mensen op het slechtst mogelijke moment ontdekken, dus begin hier.

### Het pagebuilder-formaat

Page builders slaan een lay-out op in hun eigen structuur: een shortcode, een geserialiseerde reeks instellingen of een JSON-blok in de postmeta. Zolang de plugin actief is, ziet het er prachtig uit. Deactiveer je de plugin, dan toont dezelfde pagina ofwel ruwe shortcodes ofwel helemaal niets, want niets anders ter wereld leest dat formaat. Overstappen is meestal een handmatige herbouw, pagina voor pagina.

### Het kernformaat

Blokmarkup is gewone HTML met commentaar. Open een bericht in de codeeditor en lees het. Schakel over naar een ander blokthema en de kernblokken blijven gewoon worden weergegeven, omdat de renderer WordPress is. Dat is geen marketingbelofte, maar een eigenschap van het opslagformaat.

Canvas let op hetzelfde op het eigen niveau. Elk Canvas-blok is een geregistreerd bloktype met een echt instellingenpaneel, nooit een shortcode, en de attributen zijn gewone blokattributen, zodat een patroon, de REST API of de commandoregel ze ook kunnen instellen. De blokken staan in de Canvas-plugin, dus bij het wisselen van thema worden je pagina's nooit teruggebracht tot platte tekst.

Wees eerlijk over de beperking: elke blokbibliotheek die je installeert is code waar je daarna van afhankelijk bent. Het verschil zit in de omvang van het gat dat die achterlaat. Als je een blokbibliotheek verwijdert, worden de secties die haar blokken gebruiken niet meer weergegeven. Als je een builder verwijdert, wordt de hele pagina niet meer weergegeven.

Test dit op een stagingkopie voordat je je ergens definitief voor kiest. Dupliceer de site, deactiveer de layouttool en bekijk drie pagina's. Wat je ziet, zijn de echte kosten van vertrekken, en het is beter die nu te leren kennen.

## Deel 3: Wat er echt op de pagina wordt geladen

Uitspraken over snelheid in deze hoek berusten meestal op overgeleverde wijsheid. Het mechanisme is eenvoudig genoeg om redelijk over na te denken.

Een page builder is een tweede layoutengine. Die heeft een eigen CSS-gridsysteem, een eigen animatiebibliotheek en eigen JavaScript, vaak op elke pagina, omdat de plugin niet altijd op voorhand weet welke widgets een pagina gebruikt. Dat is een vaste kostenpost bovenop WordPress en je thema.

De blokkeneditor heeft geen eigen runtime. Core-blokken bestaan vooral uit HTML en CSS, en een goed gebouwd blokthema voegt daar weinig aan toe. Canvas laadt alleen de CSS en JavaScript van de blokken die een pagina daadwerkelijk bevat, en voegt 35 optimalisaties toe die je aan en uit kunt zetten, waaronder vijf die specifiek gericht zijn op de scripts die WooCommerce laadt op pagina's die niets verkopen.

### De eerlijke versie

Een zorgvuldig opgebouwde pagina in een goede builder kan beter presteren dan een onzorgvuldige pagina in een block-thema. Layouttools zijn één factor naast je host, je afbeeldingen, je lettertypen en de elf andere plugins die je hebt geïnstalleerd. De reden om voor minder techniek te kiezen heeft niets te maken met benchmarkschermafbeeldingen. Er is minder dat misgaat op de dag dat je aandacht ergens anders ligt.

[Hoe Canvas de prestaties meet](https://canvaswp.com/nl/performance/)

[Canvas als blokthema voor ontwikkelaars](https://canvaswp.com/nl/solutions/developers/)

## Deel 4: Hoe bewerken er in de praktijk aanvoelt

Dit is waar builders hun reputatie verdienden, en waar de kloof het sterkst is gedicht.

### De echte pagina zien terwijl je bewerkt

De oude klacht over de blokkeditor was dat een pagina opende als een witte doos, zonder het ontwerp eromheen. Canvas zorgt ervoor dat de editor het hele sjabloon weergeeft, zodat de header, slider, paginatitelbalk, inhoud en footer allemaal in het canvas verschijnen, getekend door dezelfde code die de frontend opbouwt. Breedtes en afstanden zijn de echte, dus een sectie over de volle breedte ziet er ook echt over de volle breedte uit.

### Instellingen waar je ze verwacht

Selecteer een blok en het paneel opent met de tekst, links, afbeeldingen, pictogrammen, kleuren, maten en het gedrag die dat blok begrijpt. Canvas voegt hetzelfde geavanceerde paneel toe aan elk bloktype dat op de site is geregistreerd, inclusief de core-blokken: een animatie bij binnenkomst en verlaten, aangepaste CSS die tot dat blok beperkt is, aangepaste attributen voor analytics of testhaken, en weergavevoorwaarden op basis van rol of apparaat.

### Jezelf niet herhalen

Twee systemen besparen je het herhalen. Opslaan als standaard bewaart een blok zoals jij het wilt instellen, zodat het volgende blok dat je invoegt daarmee begint. Globale blokstijlen bewaren een set instellingen als preset die je over de hele site toepast en die je daarna één keer aanpast. Sjablonen en sjabloondelen staan in de site-editor, waar WordPress ze bewaart, met 173 blocksjablonen, 5 sjabloondelen en 4 stijlvariaties in Canvas.

**De Site-editor.** Sjablonen en onderdelen blijven staan waar WordPress ze bewaart, niet in een instellingenscherm van ons.

## Deel 5: Wat een page builder nog steeds beter doet

Een vergelijking die aan de andere kant niets goeds vindt, is reclame. Hier is waar builders vandaag echt voorop lopen.

- **Vrije positionering.** Een element overal naartoe slepen en het één pixel verschuiven gaat in een volwassen builder nog steeds soepeler. De blokeditor geeft de voorkeur aan structuur boven absolute plaatsing, wat beter is voor een team en slechter voor een eenmalige hero-sectie.
- **Diepte van het ecosysteem.** De grote pagebuilders hebben jaren aan externe add-ons, marktplaatsen en integraties opgebouwd. Als je workflow afhangt van een specifieke add-on, controleer dan of er een gelijkwaardig blok bestaat voordat je overstapt.
- **Het team kent het al.** Als je team, je klant of de freelancer die je op vrijdag inhuurt vijf jaar lang met één builder heeft gewerkt, is die vertrouwdheid echt geld waard. Omscholing kost iets, en dat komt terecht bij je volgende project.
- **Instellingen per apparaat, overal.** Sommige builders bieden voor bijna elke eigenschap een telefoon- en tabletwaarde. Core is selectiever, en soms grijp je naar een eigen CSS-veld waar een builder een instelling had.
- **Eén product voor alles.** Een builder die ook popups, formulieren en een themabouwer levert, betekent één leverancier en één ondersteuningsteam. Canvas biedt hier een antwoord op door dezelfde onderdelen zelf mee te leveren, maar het argument is eerlijk tegenover een kaal blokthema.
- **Stabiliteit van de interface.** De blokeditor verandert bij elke WordPress-release. Een builder verandert wanneer de leverancier dat beslist. Als een veranderende interface je klanten stoort, dan is dat belangrijk.

Geen van deze punten is een reden om een block-thema te mijden. Het zijn redenen om de keuze met open ogen te maken, en om elke vergelijkingstabel te wantrouwen die één kolom groener laat lijken.

## Deel 6: Wat overstappen echt kost

Als je al een site hebt die in een paginabouwer is gemaakt, is het eerlijke antwoord dat verhuizen een herbouw is, geen conversie. Houd er goed rekening mee in je budget.

- **Inhoud blijft behouden, indeling niet.** Tekst en afbeeldingen zijn van jou en je kunt ze meenemen. De indeling was van de builder en moet opnieuw worden gebouwd.
- **Doe het pagina voor pagina.** Begin met de pagina's die geld opleveren: de homepage, de belangrijkste landingspagina en de contactpagina. Laat het archief met oude berichten voor het laatst, omdat dat meestal toch gewone inhoud is.
- **Begin met een demo, niet met een lege pagina.** Een complete demowebsite importeren geeft je een kant-en-klaar ontwerp om aan te passen, en de hele import wordt teruggedraaid als je van gedachten verandert.
- **Houd de builder geïnstalleerd totdat je klaar bent.** Deactiveer hem pas als geen live pagina er nog van afhangt, en controleer de site daarna met een linkcrawler.
- **Maak geen redirects die je niet hoeft te maken.** Behoud dezelfde URL's en je behoudt de zoekposities die erbij horen.

Reken erop dat de eerste twee pagina's traag verlopen terwijl je de blok-, patroon- en sjabloonlagen leert, daarna komt er een ritme. Het grootste deel van de tijd die je later bespaart, komt doordat je de header en footer niet bij elk project opnieuw bouwt.

## Deel 7: Hoe je beslist

Beantwoord deze vijf vragen eerlijk en de keuze maakt zichzelf meestal vanzelf.

- **Wie bewerkt deze site over twee jaar?** Als het antwoord een klant, een stagiair of niemand in het bijzonder is, dan is het de editor die WordPress meelevert die ze het waarschijnlijkst zullen herkennen.
- **Hoeveel sites beheer je?** Eén persoonlijke site kan elke hoeveelheid extra techniek aan. Twintig klantsites kunnen dat niet, en elke extra laag is een ondersteuningsticket dat wacht om te worden aangemaakt.
- **Is je ontwerp ongebruikelijk of conventioneel?** Conventionele paginavormen zijn precies waar blokken, patronen en sjablonen goed in zijn. Een gelaagd, artistiek gestuurd eenmalig ontwerp kan in een builder nog steeds sneller zijn.
- **Wat is je exitplan?** Als het antwoord “er is geen exitplan” is, kies dan het formaat dat WordPress zelf leest.
- **Waar betaal je eigenlijk voor?** Vergelijk het totaal: thema, builder, formulierplugin, popupplugin, sliderplugin en de verlengingen van elk, tegenover één product dat ze allemaal dekt.

Als één builder al op je shortlist staat, beantwoorden twee van onze vergelijkingen deze vragen voor een specifiek product: [Canvas als alternatief voor Elementor](https://canvaswp.com/nl/compare/elementor/), per abonnement, en [hoe Canvas zich verhoudt tot Divi](https://canvaswp.com/nl/compare/divi/) op bewerken, lock-in en wat er gebeurt wanneer een licentie verloopt. Beide vermelden hun bronnen en de datum waarop de cijfers zijn gelezen.

Canvas is het blockthema-antwoord op die lijst: 209 blokken in de blokinvoeger die je al gebruikt, 183 patronen, 173 sjablonen, een header- en footerbouwer, formulieren, en 88 complete demowebsites om mee te beginnen. Als je liever het verschil ziet dan erover leest, open dan een demo en klik door naar een pagina.

## Bronnen

Waar deze gids iets beschrijft dat buiten Canvas zelf valt, zijn dit de officiële pagina's die dat documenteren.

- [Markup-weergave van een blok](https://developer.wordpress.org/block-editor/getting-started/fundamentals/markup-representation-block/) developer.wordpress.org · Blokken worden opgeslagen als HTML, met HTML-commentaren die aangeven waar elk blok begint en eindigt
- [Inleiding tot theme.json](https://developer.wordpress.org/themes/global-settings-and-styles/introduction-to-theme-json/) developer.wordpress.org · De instellingen en stijlen in theme.json werken zowel in de front-end als in de editors
- [Wat is een thema?](https://developer.wordpress.org/themes/getting-started/what-is-a-theme/) developer.wordpress.org · Blokthema's worden opgebouwd uit bloksjablonen, en functies die in een plugin staan, blijven behouden bij een themawissel
- [Inleiding tot sjablonen](https://developer.wordpress.org/themes/templates/introduction-to-templates/) developer.wordpress.org · De Site-editor slaat je sjablonen en sjabloononderdelen op als blokmarkup in de database

Wat je hierna kunt doen

## Hoe ga je verder?

Twee gidsen waarin de blokbenadering in de praktijk wordt toegepast, en de bibliotheek erachter.

[Gids **WordPress-thema of websitebouwer** Een gehost platform tegenover WordPress met een thema, en wie er aan het eind van alles eigenaar is.](https://canvaswp.com/nl/guides/wordpress-theme-vs-website-builder/) [Gids **Een header bouwen zonder plugin** De taak waarvan de meeste mensen aannemen dat ze een builder of een header-plugin vereist.](https://canvaswp.com/nl/guides/build-a-wordpress-header-without-a-plugin/) [Product **De blokkenbibliotheek** 314 blokken in 10 families, allemaal te bewerken in de zijbalk.](https://canvaswp.com/nl/blocks/)

Vragen

## Veelgestelde vragen

De [volledige FAQ](https://canvaswp.com/nl/faq/) beantwoordt de rest, en de [documentatie](https://docs.canvaswp.com/) behandelt elke instelling in detail.

**Is een block-thema automatisch sneller dan een page builder?**

Nee, en wie anders beweert, probeert iets te verkopen. Snelheid komt voort uit hoeveel CSS, JavaScript en markup een pagina laadt, niet uit de categorie waartoe de tool behoort. Wat een blockthema je geeft, is een kortere weg naar een lichte pagina: geen tweede layoutengine, en in Canvas alleen de assets van de blokken die op een pagina staan, plus 35 schakelaars voor de rest. Meet je eigen pagina's vóór en na de wijziging. Vertrouw geen van beide beweringen voordat je dat hebt gedaan.

**Gaan mijn pagina's kapot als ik stop met Canvas?**

Core-blokken blijven onder elk thema worden weergegeven, omdat je inhoud wordt opgeslagen als standaard blokmarkup, die WordPress zelf leest. De Canvas-blokken komen uit de Canvas-plugin, dus als je van thema wisselt, blijven ze in je berichten en pagina's staan. Verwijder ook de plugin en dan worden die specifieke secties niet meer weergegeven, wat voor elke blokkenbibliotheek geldt.

**Kan ik een pagebuilder gebruiken bovenop Canvas?**

Een builder is een plugin, dus niets houdt je tegen om er een te installeren. We raden het niet aan: je zou op één website twee indelingssystemen, twee stijlsystemen en twee updatecycli moeten onderhouden, en de sjablonen, headers, footers en blokken waarvoor je Canvas betaalt zouden ongebruikt onder de oppervlakte blijven liggen.

**Heb je code nodig om zonder builder te bouwen?**

Nee, een Canvas-site bouwen zonder builder heeft geen code nodig. Elk onderdeel van een Canvas-pagina is een blok met een instellingenpaneel, inclusief de header, de footer en de paginatitelbalk, en het geavanceerde paneel voegt animatie, aangepaste CSS, aangepaste attributen en weergavevoorwaarden toe aan elk bloktype op de site. Het veld voor aangepaste CSS is er als je het wilt, niet omdat het product het nodig heeft.
