Dit is hoe je een WordPress pagina maakt met Gutenberg blokken

Sinds WordPress versie 5.0 (huidige versie 6.0.2) is de oude visuele editor van WordPress vervangen door de Gutenberg editor. Met komst van Gutenberg kan je eenvoudig verschillende blokken toevoegen die uiteindelijk de website vormen. Het doel van de nieuwe editor is om WordPress simpeler te maken, vooral voor mensen die net met WP beginnen. Het idee van Gutenberg is dat we met verschillende kleine blokken werken waarin we tekst of rijke content zetten (afbeeldingen of video's). Daarnaast zijn er opties om de layout van het blok gemakkelijk een unieke uitstraling te geven. In dit artikel beschrijven wij de verschillende mogelijkheden van Gutenberg!

Blokken toevoegen en aanpassen

Je kunt in WP Gutenberg een nieuw blok toevoegen door links bovenin de Editor op de “Plus”-knop te klikken. Heeft je pagina al een blok, dan kan je eenvoudig op “Enter” drukken en Gutenberg vraagt welke blok je wilt toevoegen aan de pagina.

Een blok toevoegen

Om een nieuw blok aan de Editor toe te voegen, klik je links bovenin op de “Plus”-knop en selecteer je het type “blok” dat je wilt gebruiken). Je kunt hier zoeken naar een blok, of direct één van de meest gebruikte blokken kiezen. Er bestaan tekst blokken (invoeren van (kop)teksten), media blokken (invoeren van afbeeldingen of video’s), design blokken (invoeren van kolommen, ruimtes) widgets blokken (invoeren van shortcodes, custom HTML) embed blokken (invoeren van YouTube filmpjes, Vimeo, Spotify). Een complete lijst van de diverse blokken vind je hier.

Een blok aanpassen

Wil je een blok aanpassen, dan kan je de desbetreffende blok selecteren en kan je de instellingen direct aanpassen in de rechterbalk.

Een blok verwijderen

Past een blok niet bij de pagina dan kan je dit blok eenvoudig verwijderen door op het “More options”-icoontje te klikken (rechts naast het blok) en vervolgens op “Verwijder blok” te klikken. Het is ook mogelijk een blok te verwijderen met de toets combinatie Shift+Alt+Z.

Herbruikbare blokken

Eén van de fijne features van Gutenberg is “Herbruikbare blokken”. Hiermee kan je een blok dat je hebt gemaakt opslaan als herbruikbaar blok, waardoor je deze makkelijk kunt hergebruiken in andere pagina’s of berichten.

Opslaan als herbruikbaar blok

Als je een blok hebt gemaakt dat je wilt gaan gebruiken als herbruikbaar blok, dan klik je naast het blok op het “More options”-icoontje (het icoontje dat je ook gebruikt als je een blok wilt verwijderen). Zodra je op deze knop klikt, kun je een naam meegeven voor je shared block en deze vervolgens opslaan.

Herbruikbare blokken gebruiken

Zodra je één of meerdere herbruikbare blokken hebt, kun je deze gebruiken door een nieuw blok toe te voegen in Gutenberg. Klik vervolgens op ‘alles bekijken‘ en dan op ‘Herbruikbaar‘ om je opgeslagen blokken te gebruiken.

Op deze manier kun je heel gemakkelijk elementen laten terugkeren op meerdere pagina’s.

Herbruikbare blokken aanpassen

Wanneer je op één pagina aanpassingen doet aan een herbruikbaar blok, zullen deze aanpassingen overal (waar het herbruikbare blok gebruikt wordt) toegepast worden. Zo hoef je het blok maar één keer aan te passen. Erg handig!

Blokken Groeperen

Een andere handige optie is om blokken te groeperen. Je kan van meerdere blokken een groep maken, bijvoorbeeld een paragraaf, een afbeelding en een knop. Selecteer de blokken door twee keer de sneltoets CTRL + A te gebruiken en klik vervolgens op ‘groeperen‘. Deze groep kan je dan opslaan als een herbruikbaar blok. Dit maakt het makkelijk om de groep blokken opnieuw te gebruiken in een nieuwe pagina. Bij het toevoegen van een nieuw blok kan je nu kiezen om de opgeslagen groep als een blok te gebruiken.