Hieronder vind je een verkorte handleiding van de Gutenberg Block Editor. Klik hier voor de officiële Engelse WordPress documentatie.
1. Waar vind ik de block editor? #
Je vind de block editor op alle plekken waar je content kan aanmaken. Denk hierbij aan berichten, pagina’s, activiteiten, projecten, teamleden en recensies. Ook bij het maken van patronen, sjablonen en de navigatie kom je de block editor tegen (zodra je op ‘Bewerken‘ klikt).
2. Opbouw #
De blok editor bestaat uit vier delen:
- Hoofdmenu (menu bovenaan)
- Document overzicht (menu’s aan de linkerkant)
- Contentgebied
- Instellingen (menu’s aan de rechterkant)
Hieronder vind je per deel uitgelegd wat je ermee kan.
2.1 Hoofdmenu #
Het hoofdmenu bestaat uit een aantal iconen. Hieronder vind je wat elk icoon doet.
2.1.1. Uitleg hoofdmenu #
| Naam | Uitleg | |
|---|---|---|
 | Terug naar het overzichtsscherm (‘…’ bekijken) | Klik hierop om de block editor te sluiten en terug te gaan naar het overzichtsscherm. Hier staat jouw logo OF het WordPress logo. |
 | Blok toevoegen (Toggle-block-inserter) | Klik op het icoon om een overzicht van blokken te openen in de linkerzijbalk. Kies een blok om aan het contentgebied toe te voegen. |
 | Gereedschappen | Hiermee kan je wisselen tussen de opties bewerken en selecteren. Dit staat standaard op bewerken. |
 | Ongedaan maken en herstellen van ongedaan maken. | Dit maakt de laatste wijziging ongedaan of past de laatste wijziging weer toe als je het ongedaan hebt gemaakt. |
 | Document overzicht | Klik op dit icoon om de linkerzijbalk te openen. Klik op ‘Lijst weergave’ om een lijst te zien van alle blokken of op ‘Overzicht’ om de hiërarchie van de kopteksten in te zien. |
 | Voorbeeld | Onder deze link zit een keuzemenu. Met de opties: ‘Desktop’, ‘Tablet’ of ‘Mobiel’. De weergave van de block editor verandert vervolgens naar het gekozen formaat. Let op: de opmaak in de editor kan afwijken. Kies voor ‘Voorvertonen in een nieuwe tab’ om te zien hoe de bezoeker van de website het gaat zien. |
 | Pagina bekijken | Dit is het icoon voor het bekijken van de pagina zoals de bezoeker van de website het gaat zien. De pagina wordt weergegeven in een nieuw tabblad. |
 | Update/ Publiceren | Met deze knop bewaar je wijzigingen. De sneltoets hiervoor is ctrl/cmd + S. Hier staat ‘Update’ als er al een publicatie is en ‘Publiceren’ als je nog moet publiceren. |
 | Instellingen | Klik op dit icoon om de rechterzijbalk te openen. De opties uit dit menu worden onder het kopje ‘6. Instellingen’ aan het eind van dit artikel uitgelegd. |
| Opties | Hier vind je instellingen voor het bekijken van en werken met de block editor. Deze opties zijn in de tabel hieronder uitgelegd. |
Keuzemenu van het opties icoon
- Top toolbar
Voegt de blokwerkbalk aan de hoofdnavigatie toe. Zo heb je niet steeds de werkbalk midden in je scherm staan. - Afleidingsvrij
Verbergt de hoofdnavigatie van de block editor. - Spotlight modus
Ligt het blok waarin je werkt uit. Alle andere blokken worden lichter. - Volledig scherm modus
Verbergt de standaard WordPress zijbalk en het hoofdmenu. - Visuele editor
Om visueel te werken. Deze optie staat standaard aangevinkt. - Code editor
Om in de WordPress code te werken. - Toetscombinaties
Een lijst met snelkeuzetoetsen. - Alle blokken kopiëren
Om alle blokken in het content gebied in een keer te kopiëren. - Hulp
Een link naar de Engelse documentatie (uitleg) van de block editor. - Beheer patronen
Linkt naar het patroon overzicht. Hier kan je patronen uploaden en beheren. - Welkomsgids
Een geautomatiseerde gids die je door de block editorfuncties leidt. - Voorkeuren
Meer opties om het scherm, de panelen en de blokken aan te passen.
2.2. Document overzicht #
Het document overzicht bestaat uit twee tabbladen: ‘Lijst weergave’ en ‘Schets’. Hieronder vind je meer uitleg.
2.2.1. Lijst weergave #
Hier vind je een hiërarchisch overzicht van alle blokken op deze pagina.
Sommige blokken vallen onder andere blokken. Klik op het pijltje voor het hoofdblok om de subblokken in te zien.
Klik op een blok in de ‘Lijst weergave’ om het blok te selecteren in het content gebied. Andersom werkt het ook: selecteer een blok in het content gebied en de focus verspringt naar het juiste blok in de ‘Lijst weergave’.
2.2.2. Schets #
Hier vind je het aantal woorden, het aantal karakters (tekens) en de geschatte leestijd.
Verder vind je hier een schematische overzicht van de kopteksten (Headings). Het is belangrijk dat Heading1 (H1) bovenaan staat en dat de heading-indeling hiërarchisch logisch is. In dit tabblad kan je deze controle doen.
2.3. Contentgebied #
Dit is het gebied waarin je werkt. Het is een blank scherm waarop je een webpagina kan inrichten.
Bovenaan staat altijd de paginatitel. Die is zichtbaar in het overzicht van de pagina’s, maar niet op de webpagina zelf. Wil je een titel toevoegen? Voeg dan het blok ‘Koptekst’ toe.
In het content gebied kan je blokken toevoegen door op het icoon te klikken. Het icoon verschijnt automatisch als je met de muis naar de gewenste plek gaat.
2.4. Instellingen #
In de rechter zijbalk vind je twee tabbladen: ‘Pagina’ en ‘Blok’. Hieronder vind je welke functies je in elk tabblad kan vinden.
2.4.1. Pagina-instellingen #
Hier vind je de pagina-instellingen. Hieronder vind je per functie wat je ermee kan doen.
Zichtbaarheid
Dit staat standaard op ‘Openbaar’. Dit betekent dat deze pagina voor iedereen zichtbaar is. Als je hier kiest voor de optie ‘Privé’, dan is de pagina alleen zichtbaar voor gebruikers met de rol ‘Beheerder’ of ‘Editor’.
Verder is er een optie om een wachtwoord toe te voegen aan de pagina. Alleen gebruikers met het wachtwoord kunnen de pagina inzien.
Publiceer
Hier staat standaard een datum. Klik op de datum en er verschijnt een datumkiezer. Hier stel je in op welke datum en/of tijd het wordt gepubliceerd.
Template
Hier stel je in een template in. Een template is een vooraf ingerichte pagina die je vervolgens naar wens aan kan passen. Spruit heeft een aantal standaard templates waaruit je kan kiezen. Zie hiervoor de categorie ‘Templates’ in het beginscherm.
URL
Hier vind je de URL (of het adres) van de pagina.
Auteur
In dit keuzemenu staan alle gebruikers die de rol van ‘Auteur’ of hoger hebben. De naam is te zien bij het bericht of de pagina (tenzij anders ingesteld).
Zet om naar concept
Hiermee zet je een gepubliceerde pagina om naar concept. Dit gebruik je als je veel aanpassingen moet doen en het tussentijds wil opslaan. Als je klaar bent met de aanpassingen klik je op ‘Update’ om de wijzigingen te publiceren.
Verplaats naar prullenbak
Hiermee verwijder je de pagina. Na verwijdering is de pagina niet meer zichtbaar voor website bezoekers.
Per ongeluk verwijderd? Kies ‘Pagina’s’ in de linker zijbalk van het beginscherm. Klik vervolgens boven het pagina-overzicht op ‘Prullenbak’ om je pagina terug te zetten.
[Aantal] revisies
Opent een scherm waarin je alle revisies terug kan zien in code.
Het nieuwe scherm is verdeeld in twee kolommen. Links staat de verwijderde code in het rood gemarkeerd en rechts staat de nieuwe code in groen gemarkeerd. Hier kan je ook de datum en tijd van de revisie inzien.
Uitgelichte afbeelding
Dit is de hoofdafbeelding van de pagina. In veel thema’s wordt de hoofdafbeelding in overzichten of bovenaan de pagina geplaatst.
Discussie
Vink de optie ‘sta reacties toe’ aan als je reacties van bezoekers op je pagina wil toestaan.
Pagina attributen
Hier kan je de hiërarchie van de pagina’s instellen. Dit werkt met een ouder-kind-model. De ouderpagina kan één of meerdere kinderen bevatten. Kies een pagina bij ‘Hoofd’ om die pagina de hoofdpagina te maken. Dit vind je ook terug in de permalink.
Stel: je hebt een pagina www.website.nl/mijn-verhaal. Deze pagina maak je een kind van de pagina ‘over-mij’. De nieuwe permalink voor de mijnverhaal-pagina wordt dan www.website.nl/over-mij/mijn-verhaal/.
Bij ‘Volgorde’ kan je de paginavolgorde in het pagina-overzicht instellen. Dit is niet zichtbaar voor de websitebezoeker. De pagina’s staan standaard op alfabetische volgorde. Wijzig dit door bij ‘Volgorde’ een ‘1’ toe te voegen voor de pagina die je bovenaan wil hebben, een ‘2’ voor de pagina die daaronder moet staan, enzovoorts.
2.4.2. Blokinstellingen #
Onder het tabblad ‘Blok’ vind je de blokinstellingen. Dit tabblad verandert per (geselecteerd) blok.
Wij hebben hier een aparte categorie ‘Blokken’ voor aangemaakt. Klik hier voor de categorie blokken. Of ga naar het beginscherm van de kennisbank en zoek in de categorie ‘Blokken’ naar het blok waar je meer over wil weten.