# Een WordPress-blokthema voor ontwikkelaars, gebouwd op theme.json URL: https://canvaswp.com/nl/solutions/developers/ Updated: 2026-11-03 Canvas voor ontwikkelaars Canvas is een WordPress-thema met een begeleidende plugin, en het is een blokthema tot in de kern. De sjablonen zijn bloksjablonen, de stijlen komen uit theme.json, en wat de editor in de database opslaat, is dezelfde blokmarkup die elk ander blokthema leest. Niets hier is afhankelijk van een page builder. [Bekijk alle functies](https://canvaswp.com/nl/features/) [De documentatie lezen](https://docs.canvaswp.com/) Laatst bijgewerkt 3 november 2026 De architectuur ## Een blokthema, bewerkt op de plek waar WordPress het bewaart Het thema bevat de sjablonen, de sjabloononderdelen en de stijlvariaties; de plugin bevat de bloklibrary, de builders, de formulieren, de SEO- en prestatielagen en de demo-importeur. Sjablonen en globale stijlen blijven in de Site-editor, zodat er niets over de site verborgen zit in een instellingenpaneel van ons. - 173 blokssjablonen en 5 sjabloondelen, allemaal te bewerken in de Site-editor - 4 stijlvariaties, waaronder donker en middernacht, te wisselen in de Site-editor - Kleuren en typografie lopen via theme.json, zodat de editor hetzelfde lettertype toont als de frontend - 183 blokpatronen, ingevoegd als eenmalige kopie van de markup - Een pagina opent met het volledige sjabloon eromheen weergegeven, rond de inhoud die je bewerkt [In de editor en de Site-editor](https://canvaswp.com/nl/editor/) Sjablonen, onderdelen en globale stijlen blijven in de Site-editor, waar WordPress ze bewaart. De inhoud ## Wat uiteindelijk in de database terechtkomt, is blockmarkup De reden om voor een block-thema te kiezen is geen featurelijst. Het is wat je over vijf jaar nog in handen hebt. ### Geen propriëtair formaat Canvas bewerkt standaard WordPress-blokken, zonder eigen opmaak, dus berichten en pagina's behouden hun inhoud als het thema ooit verandert. Je hoeft geen shortcodes te onthouden en er is geen codeweergave om te openen. ### Instellingen, geen snippets Alles wat een bezoeker ziet, is bereikbaar vanuit een instellingenpaneel van het blok. Als een demo iets nodig had wat een blok niet kon uitdrukken, kreeg het blok de instelling erbij, en de pagina kreeg nooit ruwe HTML. ### Geavanceerd paneel op elk blok Animatie, weergavevoorwaarden, aangepaste klassen, aangepaste attributen en aangepaste CSS per blok worden toegevoegd aan elk blok in de editor, inclusief core-blokken en blokken van derden. ### Assets volgen de pagina Een pagina laadt alleen de CSS en JavaScript van de blokken die erin zitten, dus een prijspagina laadt nooit het slider-script. 35 verdere optimalisaties zijn schakelaars, zonder plugin om te installeren. Kom je van een ander thema? Elementor en Divi bouwen pagina's in eigen editors, dus de lay-out verdwijnt zodra de builder verdwijnt: lees [wat een Elementor-site bewaart wanneer die verhuist](https://canvaswp.com/nl/compare/elementor/) en [hoe de Divi Builder zich verhoudt](https://canvaswp.com/nl/compare/divi/). Kadence en GeneratePress bouwen ook in de blokkeneditor, met hun blokken in gratis plugins ([Canvas tegenover Kadence](https://canvaswp.com/nl/compare/kadence/), [Canvas tegenover GeneratePress](https://canvaswp.com/nl/compare/generatepress/)), en [Blocksy houdt zijn headerbouwer in de Customizer](https://canvaswp.com/nl/compare/blocksy/). [Block-thema tegenover pagebuilder, vergeleken](https://canvaswp.com/nl/guides/block-theme-vs-page-builder/) Vaste sitedelen ## De headerbouwer en de footerbouwer worden weergegeven als sjabloondelen Headers, footers, topbalken, megamenu's, zijpanelen en paginatitels zijn records die uit blokken zijn opgebouwd en ze verschijnen op de front-end via de eigen template-onderdelen van het thema. Het Header-onderdeel toont de header die aan de pagina is toegewezen; het Footer-onderdeel toont het toegewezen footerrecord. Zo kan de Site-editor ze blijven zien en blijven de bloktinstellingen overal gelijk. - 22 headerblokken en 94 headeropties achter de headerbouwer - Wijs een header globaal toe of overschrijf die op één pagina, en doe hetzelfde voor footers, topbalken, megamenu's, zijpanelen en paginatitels - Heroes en sliders zijn ook records, geplaatst door een slotblok dat in het sjabloon staat - Beide slotblokken worden weergegeven in het bewerkingsvlak, zodat een pagina opent met de sectie die de bezoeker ziet [Hoe de Headerbouwer werkt](https://canvaswp.com/nl/header-builder/) Een header is een record dat is opgebouwd uit blokken en wordt weergegeven via het sjabloondeel Header. WooCommerce ## 24 winkelblokken en 18 winkelsjablonen WooCommerce is optioneel. Als het aanwezig is, wordt het geleverd via blokken en sjablonen, zonder sjabloonoverschrijvingen die je gelijk moet houden. 24 ### Winkelblokken Blokken voor de productpagina, het winkelraster, de winkelwagen en het afrekenen, plus kleurkeuzes en toevoegen aan winkelwagen zonder de pagina opnieuw te laden. 18 ### Winkelsjablonen Sjablonen voor de winkel-, productpagina-, winkelwagen-, afreken- en accountschermen, te bewerken in de Site-editor net als elk ander sjabloon. 21 ### Demo-winkels 21 van de 88 demo-websites worden geïmporteerd als complete webwinkels, met producten, categorieën, attributen en een kant-en-klare checkout. Twee van de 21 demowinkels, die draaien op de winkelblokken en sjablonen. [De WooCommerce-blokken](https://canvaswp.com/nl/woocommerce/) Uitbreiden ## De installatiewizard maakt een childthema aan, als je dat wilt Maak het child-thema alleen aan als je van plan bent Canvas-sjabloonbestanden rechtstreeks te bewerken, want alleen zo blijven die wijzigingen veilig bij een update. De installatiewizard biedt het op een eigen stap aan vóór de demo-import, zet het in je themamap en activeert het, en je site ziet er daarna hetzelfde uit. De meeste sites hebben het nooit nodig, omdat de gebruikelijke redenen nu instellingen zijn. - Custom CSS voor de hele site, plus Custom JavaScript voor de head en de footer, in het gedeelte Diversen van Thema-opties - Aangepaste CSS per blok, geschreven als paren van eigenschap en waarde zonder selector eromheen - Aangepaste attributen per blok, één per regel als sleutel en waarde, met data- en aria-attributen - Aangepaste typografieregels voor elke selector die je opgeeft, in de sectie Typografie - Registreer een eigen iconenpakket via dezelfde interface als de 4 ingebouwde pakketten - Exporteer een volledige Thema-opties-configuratie als bestand en importeer die in de volgende site [Elke sectie van Thema-opties](https://canvaswp.com/nl/theme-options/) Het geavanceerde paneel verschijnt bij elk blok, ook bij kernblokken en blokken van andere plugins. De omgeving ## Wat Canvas nodig heeft, en wat het doet bij binnenkomst De minimumeisen zijn echte eisen, geen suggesties. Canvas controleert ze zelf op je hostingomgeving, zodat je een mislukte import nooit als eerste hoort. WordPress 7.1 of nieuwer PHP 7.4 of nieuwer Getest tot en met WordPress 7.1 De blokkeneditor en de Site-editor die WordPress meelevert WooCommerce optioneel - Canvas Core is nooit een losse download: het wordt via WordPress geïnstalleerd zodra de licentie actief is, dus er zijn geen versies om op elkaar af te stemmen - Updates verschijnen op het updatescherm van WordPress, met onderhoudsmodus, een tijdelijke back-up en een terugdraaiing vanuit WordPress zelf - Automatische updates gelden alleen voor patchreleases, staan standaard aan met een schakelaar om ze uit te zetten, en een release die een sjabloon wijzigt dat je zelf hebt aangepast, vermeldt dat. - Een Health Check-scherm voert de serververeisten uit op jouw eigen host en meldt wat aandacht nodig heeft, en dezelfde controles verschijnen in WordPress Sitestatus - Elke tekst is vertaalbaar, met vertaalsjablonen voor het thema en de plugin die bij elke release opnieuw worden gegenereerd, en een WPML-configuratiebestand in de plugin - Technische SEO, een XML-sitemap en 16 schematypen worden tijdens het renderen afgeleid van je content [388 documentatieartikelen, gegenereerd uit de meegeleverde code](https://docs.canvaswp.com/) Vragen ## De technische vragen beantwoord Vijf dingen die een ontwikkelaar controleert voordat een project wordt vastgelegd, inclusief het ene dat Canvas niet doet. **Is Canvas een blockthema of een pagebuilderthema?** Canvas is een WordPress-thema dat volledig uit blokken is opgebouwd, wat WordPress een blokthema noemt. Sjablonen zijn WordPress-bloksjablonen, sjabloondelen zijn sjabloondelen, kleuren en typografie lopen via theme.json, en alles wordt bewerkt in de blokeditor en de Site-editor die bij WordPress zitten. Er is geen aparte builder om te installeren, geen tweede editor om te leren en geen builderabonnement om te verlengen. **Wat gebeurt er met de markup als de site later van thema wisselt?** Het blijft standaard WordPress-blokmarkup, omdat dat is wat Canvas opslaat. Een Canvas-blok dat een ander thema niet herkent, stopt met het weergeven van zijn ontwerp, maar koppen, alinea's, afbeeldingen en lijsten zijn core-blokken en worden overal normaal gelezen. Niets wordt opgeslagen als shortcode of als een eigen lay-outformaat. **Waar worden headers en footers precies weergegeven?** Via de sjabloondelen die Canvas registreert. Er zijn 5 sjabloondelen: Header, Footer, Paginatitel, Zijbalk en Zijbalk Alt. Het headerdeel toont het headerrecord dat aan de pagina is toegewezen, het footerdeel toont het toegewezen footerrecord, en het paginatiteldeel toont wat de paginatitelinstellingen van de pagina opleveren. De delen vormen de technische basis; het ontwerp zit in het record dat je bouwt uit 22 headerblokken. **Heb je een child-thema nodig?** Alleen als je Canvas-sjabloonbestanden rechtstreeks wilt bewerken, wat een childthema juist beschermt tegen updates. De installatiewizard maakt er een voor je aan op de optionele stap Child Theme en zet de site daarop, of je kopieert zelf de childthemamap die bij Canvas zit naar je themamap. De meeste sites hebben dit nooit nodig: Thema-opties bevatten instellingen voor de hele site, per blok zijn er Custom CSS en Custom Attributes, en de velden voor sitebrede Custom CSS en JavaScript staan in de sectie Diversen van Thema-opties. **Is Canvas een rechts-naar-links-thema?** Ja, elk Canvas-stylesheet heeft een gespiegelde versie voor rechts-naar-links, en WordPress laadt die automatisch wanneer de site in Arabisch, Hebreeuws, Perzisch of een andere rechts-naar-linkstaal draait. 88 van de 88 demo's worden vóór oplevering gecontroleerd in rechts-naar-links, zodat menu's, rasters en formulieren aan de juiste kant staan. Vertaling is een apart onderwerp en is ook volledig: beide onderdelen van het product bevatten vertaalsjablonen, en er wordt een WPML-configuratiebestand meegeleverd bij de plugin. ## Blijf verkennen ### [Prijzen](https://canvaswp.com/nl/pricing/) Twee abonnementen, elk blok en elke demo in beide, plus wat telt als site en wat er bij verlopen verandert. ### [Licentievoorwaarden](https://canvaswp.com/nl/license/) De code is GPL v2 of later; de licentiesleutel bepaalt de service eromheen. Sites, staging, klantsites en verloop, helder uitgelegd. ### [Elke branche](https://canvaswp.com/nl/wordpress-themes/) Alle 88 demowebsites, gegroepeerd op het soort bedrijf waarvoor elke website is gebouwd.