Een van de belangrijkste kenmerken van WordPress is de Gutenberg Editor. Deze editor maakt het eenvoudig voor gebruikers om hun website te bouwen en te onderhouden. Hieronder bespreken we enkele veelvoorkomende blokken en hoe je ze kunt gebruiken in de Gutenberg Editor.
Veelvoorkomende blokken instellen
De Gutenberg Editor bevat een groot aantal blokken waarmee je verschillende soorten inhoud kunt toevoegen aan je website. Deze blokken zijn onderverdeeld in verschillende categorieën, zoals tekstblokken, media-blokken en ontwerpblokken.
Om veelvoorkomende blokken in te stellen, klik je op het pluspictogram (+) in de linkerbovenhoek van de editor. Zoek vervolgens naar het blok dat je wilt gebruiken en klik erop om het toe te voegen aan je pagina.
Basis blok Gutenberg
Bij de afronding van de websiteontwikkeling hebben de ontwikkelaars diverse blokken gecreëerd op basis van het ontwerp. Deze blokken zijn te vinden onder het pluspictogram in het menu en zijn herkenbaar aan de pictogrammen en titels van elk blok.
Wanneer je een blok hebt geplaatst, kun je dit aanpassen door op het pijlpictogram te klikken:
Het vullen van deze blokken met inhoud verschilt per website. Hieronder vind je enkele voorbeelden van veelvoorkomende blokken die kunnen worden gebruikt om inhoud toe te voegen aan je website.
Content blok
Het inhoudsblok is een veelgebruikt blok dat is ontworpen om verschillende soorten inhoud toe te voegen, zoals lijsten met opsommingstekens of genummerde lijsten. Je kunt de lijsten op verschillende manieren opmaken, bijvoorbeeld met puntjes of nummers. Het is een WYSIWYG-veld, wat betekent dat je de tekst direct kunt bewerken. Bovendien kun je de tekstgrootte aanpassen door op de knop “Paragraaf” te klikken en de gewenste tekst te selecteren die je groter wilt maken. Vervolgens kun je de grootte van de tekst aanpassen door de juiste optie te selecteren.
Content image blok
Het blok ‘Content Image’ is specifiek ontworpen om afbeeldingen aan je website toe te voegen. Vaak bevat dit blok ook het WYSIWYG-veld, waarin je content kunt toevoegen. Het ‘Content Image’ -blok ziet er aan de achterkant als volgt uit:
En aan de voorkant ziet het er mogelijk zo uit:
Contact formulier
Om een contactformulier toe te voegen aan je website, kun je het betreffende blok in de Gutenberg-editor plaatsen en het vullen met het contactformulier vanuit Gravity Forms. Het is belangrijk om vooraf al een formulier te hebben gemaakt voordat je het blok gaat opstellen. Vervolgens kun je het formulier koppelen door op de naam van het gewenste formulier te klikken.
Het contactformulier ziet er dan als volgt uit:
Velden in de Gutenberg editor
Binnen de blokken maken we gebruik van de ACF velden. Hieronder vind je een lijst van de meest voorkomende velden en wat ze allemaal doen.
Tekstveld: hiermee kun je een korte stukjes tekst invoeren, zoals een titel of een korte beschrijving.
Tekstgebied: hiermee kun je langere stukken tekst invoeren, zoals een artikel of een beschrijving van een product.
Nummer: hiermee kun je numerieke waarden invoeren, zoals de prijs van een product.
URL: hiermee kun je een link invoegen naar een andere website of naar een pagina op je eigen website.
WYSIWYG-editor: Hiermee kun je opgemaakte tekst invoeren, afbeeldingen toevoegen, links maken en andere media toevoegen. Dit veld is handig voor het toevoegen van content met veel tekst en verschillende lettertypes
Afbeelding: Dit veld stelt je in staat om afbeeldingen te uploaden en te tonen op je website.
Bestand: Hiermee kun je bestanden uploaden, zoals PDF’s of Word-documenten. Gebruikers kunnen de bestanden downloaden door te klikken op een link die naar het bestand leidt.
Link: hiermee kun je een knop toevoegen aan je website, waarbij je de tekst, target en link kunt instellen.
Post-object: hiermee kun je een link maken naar een ander bericht of pagina op je website. Dit veld is handig als je bijvoorbeeld gerelateerde blogberichten of producten wilt koppelen.
