Handleiding Gutenberg editor

Door 23 mei 2019 mei 28th, 2019 Handleiding WordPress
wordpress gutenberg editor

Sinds WordPress 5 is er een nieuwe editor om je berichten en pagina’s mee te maken: de Gutenberg editor. Ondersteund je thema deze editor nog niet of vind je de vorige editor fijner om mee te werken dan kan je nog steeds de oude editor downloaden als plugin: Klassieke editor plugin.

Met de Gutenberg editor is het een heel nieuwe manier om je pagina’s mee te bouwen: je bouwt nu pagina’s met blokken. Elk onderdeel op je pagina is een blok: titels, paragrafen, afbeeldingen etc. Dit in tegenstelling tot de Klassieke editor waar het een groot tekstveld is waarin je werkt.

Hier volgt een overzicht hoe je een pagina aanmaakt met de Gutenberg editor.
Eerst ga je naar Pagina’s > Nieuwe pagina of Berichten > Nieuw bericht

Er opent nu een nieuwe pagina in de Gutenberg editor. Bij Titel toevoegen kan je de titel van je pagina invullen. Eronder kan je gelijk je tekst schrijven.

guteberg editor

Wil je een nieuwe paragraaf of een ander onderdeel op je pagina dan klik je op het plusteken linksboven. Als je op het plusteken klikt dan krijg je een overzicht van alle blokken die je kan toevoegen. Selecteer een blok door erop te klikken en je nieuwe blok wordt toegevoegd op de pagina.

De blokken die je kan toevoegen zijn onderverdeeld in:

  • meest gebruikt
  • algemene blokken
    koppen, paragraaf, afbeelding, gallerij, lijst, omslagafbeelding, citeren, audio, bestand
  • opmaak
    klassiek (de klassieke editor toevoegen in een blok), HTML, code, tabellen
  • layout elementen
    kolommen, scheidingslijnen, knoppen, meer
  • widgets
    widgets invoegen in een blok
  • insluitingen
    het invoegen van externe websites
  • herbruikbaar
    templates van blokken die je zelf hebt opgeslagen

Daarnaast kunnen er ook meerdere blokken mogelijk zijn die toegevoegd zijn via plugins of via je WordPress theme. Een bekende is Woocommerce Blocks, om producten uit je webshop weer te geven.

wordpress gutenberg
gutenberg meest gebruikt

Als je  in het menu aan de rechterkant op Blok klikt dan krijg je opties die van toepassing zijn voor het geselecteerde blok. Voor paragrafen is dat bv.:

  • tekstgrootte
    klein, normaal, groot, enorm
  • kleurinstellingen
    achtergrondkleur en tekstkleur
  • geavanceerd
    hier kan je een class toevoegen

Bij afbeeldingen kan je hier je afmetingen en links opgeven. En zo heeft elk blok zijn eigen opties die je hier kan instellen.

Klik je op een blok dan krijg je boven het blok ook een aantal opties die van toepassing zijn voor dat blok. Bij paragrafen kan je bv hier tekst vet maken, uitlijnen of links maken. Wil je het blok verplaatsen dan klik je op een blok en ga je met de muis erover heen. Aan de linkerkant van het blokken verschijnt een pijl icoon waarmee je het blok kan verplaatsen of een icoon waarmee je het blok kan slepen.

gutenberg editor

Klik je rechts op het kopje Document dan krijg je een aantal opties die voor het hele document van toepassing zijn:

  • status en zichtbaarheid
    zichtbaarheid: openbaar, privé, beschermd met wachtwoord
    publiceren: onmiddellijk of gepland op een datum
  • permalink
    hier kan je de link van je pagina aanpassen. De link kan je aanmaken door op je titel te klikken. Er verschijnt dan een optie om je link aan te maken. Klik op bewerken en maak zelf je URL aan.
    permalinks gutenberg
  • uitgelichte afbeelding
    hier kan je de uitgelichte afbeelding uploaden
  • reacties toestaan
    aanvinken als je reacties toestaat
  • pagina attributen
    eventueel instellen van een hoofdpagina
gutenberg Wordpress

Klik je op het icoon met de 3 punten dan krijg je een aantal opties die van toepassing zijn op het geselecteerde blok:

  • blokinstellingen verbergen
    om het rechterdeel met Document en Blok opties te verbergen
  • dupliceren
    om het blok te kopiëren
  • invoegen voor
    een nieuw blok toevoegen voor het geselecteerde blok
  • invoegen na
    een nieuw blok toevoegen na het geselecteerde blok
  • als HTML bewerken
    om HTML code toe te voegen (klik op Visueel bewerken om terug te keren)
  • aan herbruikbare blokken toevoegen
    het blok opslaan als template zodat je het blok kan herbruiken
  • blok verwijderen
    om het blok te verwijderen
gutenberg wordpress

Ben je klaar met bewerken vergeet dan niet op Publiceer (of Bijwerken) te klikken om je aanpassingen te bewaren.

Schrijf een reactie