Title: Blokken
Author: WordPress.org
Published: 1 december 2025

---

# Blokken

Blokonderdelen. Geen code. Gewoon klikken en inhoud invoegen.

![](https://wordpress.org/files/2024/05/blocks-feature-1.png)

## Bouwen zonder beperkingen

De technologie die een groot deel van het web aandrijft is nog nooit zo eenvoudig
geweest om te leren. Met blokken kun je visueel interageren met elk stuk inhoud,
met of zonder code, wat zorgt voor rijke lay-outs, interactieve onboarding en eindeloze
uitbreidbaarheid. Ze zijn net zo krachtig voor ontwerp als voor ontwikkeling, maar
nog steeds intuïtief genoeg voor nieuwkomers.

[Blokken maken](https://developer.wordpress.org/block-editor/getting-started/create-block/)

[Blader door de blok directory](https://wordpress.org/plugins/browse/block/)

![](https://wordpress.org/files/2023/08/block-paragraph.png)

Paragraaf

![](https://wordpress.org/files/2023/08/block-heading.png)

Koptekst

![](https://wordpress.org/files/2023/08/block-media-text.png)

Media

![](https://wordpress.org/files/2023/08/block-image.png)

Afbeelding

![](https://wordpress.org/files/2023/08/block-video.png)

Video

![](https://wordpress.org/files/2023/08/block-audio.png)

Audio

![](https://wordpress.org/files/2023/08/block-columns.png)

Kolommen

![](https://wordpress.org/files/2023/08/block-file.png)

Bestand

## De geheime kracht van WordPress

Blokken vormen de visuele basis van WordPress en kunnen worden gebruikt om elk onderdeel
van je site te maken en te beheren. Ze zijn ook eenvoudiger dan je denkt. Leer hoe
je een blok bewerkt en je leert hoe je heel WordPress kunt gebruiken, zonder dat
je code hoeft te schrijven. Bekijk ter inspiratie wat anderen met WordPress hebben
gedaan in de Showcase.

[Verken de showcase](https://wordpress.org/showcase/)

![](https://wordpress.org/files/2024/05/patterns-collage.jpg)

## Volledige creatieve controle

De WordPress editor is de standaard manier om je blokken in te voegen, te transformeren,
te stylen en te verplaatsen op een visueel canvas dankzij een eenvoudige verslepen
interface.

[Probeer blokken live](https://nl.wordpress.org/gutenberg?output_format=md)

    ```wp-container-content-0733e5d0
    registerBlockType( 'your-first-block/hello-world', {
        edit: function () {
            return <p>Hello world (from the editor)</p>;
        },
        save: function () {
            return <p>Hello world (from the frontend)</p>;
        },
    } );
    ```

Hello world (van de editor)

## Maak je eigen

Als je geen blok kunt vinden dat aan je behoeften voldoet, maak dan je eigen blok.
Het maken van een blok is net zo eenvoudig als het bouwen van een React component.
Gebruik het pakket  `@WordPress/create-block`   om je creatie een vliegende start
te geven.

[Maak een blok](https://developer.wordpress.org/block-editor/getting-started/tutorial/)

## Kijk wat er nieuw is met blokken

De nieuwste grote WordPress versie bevat updates die de blokken die je gebruikt 
kunnen verbeteren en je algehele site bouwervaring kunnen verbeteren. Krijg meer
details over welke functies beschikbaar zijn in de huidige release.

[Ontdek de nieuwste WordPress release](https://wordpress.org/7.0)

![](https://wordpress.org/files/2024/07/6-6-whats-new-i1.png)

## Alleen het begin

Hoewel blokken op zichzelf krachtig zijn, maken ze ook deel uit van iets groters
en kunnen ze op verschillende manieren worden gecombineerd of ingezet. Als een uniforme
en open syntaxis worden ze gemakkelijk begrepen door editors, browsers en zelfs 
AI. Dus voor iedereen die ze bewerkt, is het eenvoudig om snel levendige, persoonlijke
ontwerpen en ervaringen te maken.

[Maak aangepaste blokken](https://developer.wordpress.org/block-editor/getting-started/create-block/)

[Ontwerp blokpatronen](https://nl.wordpress.org/patterns/?output_format=md)

[Bouw blok thema’s](https://developer.wordpress.org/themes/block-themes/)

[Blokken implementeren](https://developer.wordpress.org/block-editor/how-to-guides/platform/custom-block-editor/)