De Gutenberg Editor is de standaard manier om content te maken in WordPress. In plaats van één groot tekstveld gebruik je losse blokken voor elk onderdeel, zoals een alinea, een afbeelding of een knop, die je onafhankelijk van elkaar kunt plaatsen en stylen.
Technische werking
- Je kiest een blok uit het menu. WordPress voegt dan een specifiek stukje code toe aan de pagina dat bepaalt welk type content er komt.
- Je vult de inhoud in via de interface. De editor vertaalt jouw acties direct naar HTML en CSS, zodat je ziet wat de bezoeker later ook ziet.
- Je bepaalt de volgorde door blokken omhoog of omlaag te slepen. De editor herstructureert de volgorde van de codeblokken in de database.
- Je past instellingen aan in het zijmenu. Hier bepaal je zaken als de kleur van een knop of de breedte van een kolom zonder dat je zelf code hoeft te schrijven.
- Bij het opslaan wordt de hele pagina als een reeks van deze blokken opgeslagen. De server zet dit bij het laden van de site om in een leesbare webpagina.
Belangrijke begrippen
- Core blocks: De standaardblokken die in elke WordPress installatie zitten, zoals koppen, lijsten en citaten.
- Block patterns: Vooraf gemaakte lay-outs van meerdere blokken samen. Je plaatst ze in één keer neer en past daarna de teksten aan.
- Herbruikbare blokken: Blokken die je opslaat om op meerdere pagina’s te gebruiken. Pas je het bronblok aan, dan verandert de tekst overal op de site mee.
- Full Site Editing: Een uitbreiding van het blokconcept waarbij je niet alleen de tekst, maar ook de header, footer en zijbalk van je hele site met blokken bouwt.
- Custom blocks: Blokken die door externe plugins of programmeurs zijn gemaakt voor specifieke functies, zoals een prijslijst of een interactieve kaart.
