Met standaard blokken voor Gutenberg kan je al veel meer doen dan met de klassieke bewerker van WordPress.
Toch zal je snel een aantal dingen missen. Maar gelukkig hoef je daarvoor niet ver te zoeken, want bijna alles is er al voor Gutenberg!
Het mooie is namelijk dat met de introductie van Gutenberg ook een heel nieuw systeem is meegekomen waardoor alle denkbare blokken mogelijk zijn.
Daarom deze speciale verzameling van de beste plug-ins om extra blokken aan Gutenberg toe te voegen.
Wat is mogelijk met standaard blokken?
Als eerste een hele interessante plug-in die het werken met Gutenberg een stuk makkelijker maakt. Je kan hiermee kant & klare layouts toevoegen:
Kenmerken
- Geen extra blokken om uit te kiezen
- Visueel een passend sjabloon kiezen
- Bij uitschakelen plug-in blijven gebruikte blokken behouden
- Geen aanpassingen aan Gutenberg
- Enigszins beperkt qua vormgeving en mogelijkheden
- Sommige sjablonen gebruiken CSS, waardoor deel vormgeving dan verloren gaat bij uitschakelen plug-in
Méér Gutenberg door extra blokken
Wanneer de standaard blokken niet voldoende zijn en je bent al gewend aan Gutenberg, dan zijn er inmiddels ook vele uitbreidingen:
Kenmerken
- De makers zijn bekend van het befaamde Genesis thema
- Nieuwsbrief inschrijving blok(o.a. Mailchimp)
- Container blok is handig om blokken te bundelen
- Rijen hebben vaste kolom indelingen
- Uitzetten blokken niet mogelijk
Kenmerken
- Mogelijkheid om blokken te deactiveren
- Breedte kolom traploos in te stellen
- “Slechts” 9 extra blokken
Kenmerken
- Mogelijkheid om blokken uit te zetten
- Meer dan 20 blokken, waaronder Google maps en beoordelingen
- Geavanceerde kolommen met veel instellingen
- Erg veel instellingen waardoor lastiger voor beginners
Kenmerken
- Gemaakt door ervaren ontwikkelaars
- Section blok voor verschillende layout mogelijkheden
- Inclusief aantal kant en klare layout templates
- Met animatie mogelijkheden
- “Slechts” 12 blokken waaronder meer specialistische, zoals prijstabellen
Kenmerken
- 22+ extra blokken!
- Galerie en carousel
- Google maps
- Vaste kolom breedtes, maar ook traploos
- Lettertypen in te stellen
- Veranderen aantal kolommen lastig na plaatsing
Kenmerken
- Veel instellingen voor layout
- Achtergrond afbeeldingen en shape divider (scheidingslijn)
- Super tekst blok met veel typography instellingen
- “Slechts” 10 blokken
- Voelt niet heel stabiel
- Blokken niet uit te zetten
Kenmerken
- Uitgebreide blokken collectie (23)
- O.a. accordion en verberg/lees meer
- Veel mogelijkheden voor achtergronden, zoals video
- Veel visueel aantrekkelijke mogelijkheden, zoals scheidingslijn
- Blokken uit te zetten
- Geen duidelijke mogelijkheid voor kolommen en rijen
Kenmerken
- Ruime sortering van 18 blokken
- Blokken uit te zetten
- Met e-mail formulier
- Geavanceerde tabel functies
- Blokken groeperen met container blok
- Geen rijen en kolommen
- Google maps blok heeft API nodig
Kenmerken
- 17 blokken op het moment van schrijven
- Blokken zijn te deactiveren
- Handige detail velden(feature boxes)
- Inhoudsopgave en vooruitgangsbalkje kunnen handig zijn
- Geen kolommen en rijen
- Alle instellingen zijn vrij beperkt
Kenmerken
- Een aantal meer specialistische blokken, zoals brand logo´s
- Team member(smoelenboek) kan ook handig zijn
- De 12 blokken kan je niet deactiveren
- Geen eigen kolommen en rijen
- Veel van de blokken kan je samenstellen met standaard Gutenberg
Kenmerken
- Makkelijk een Google maps kaartje plaatsen
- Adres, hoogte en zoomlevel instelbaar
- Slechts 1 functie
- Een aantal van de andere plug-ins hebben dit ook
Kenmerken
- Optionele extra tekst gereedschappen
- Blokken uit te zetten, ook die van Gutenberg zelf!
- API sleutels nodig voor Google maps, Giphy en Unsplash
- Sommige blokken zijn overbodig, zoals het “plugin zoeker blok”
- Geen rijen en kolommen
Kenmerken
- 19 handige blokken
- Diverse rij- en kolom instellingen mogelijk
- Instagram afbeeldingen te plaatsen als blok
- Kolom breedte niet traploos
De volgorde van bovenstaande plug-ins geeft onze voorkeur aan, dus de bovenstaande is in principe de beste.
Het hangt natuurlijk ook van af welke blokken je nodig hebt, zo zijn er blokken voor allerlei doelen, denk aan:
- Kolommen
- Google maps
- Prijstabellen
- Veel gestelde vragen
- Ervaringen en beoordelingen
- Afstandhouders
- Beeldwisselaars en diashows
- Etc. etc.
Kijk dus goed welk soort blok(en) je nodig hebt.
Inmiddels is er zelfs een database waarin je een specifiek blok kan zoeken en kan zien welke plug-in je daarvoor moet installeren:
Hopelijk heb je veel plezier van deze lijst met beste plug-ins om blokken toe te voegen aan Gutenberg.
Laat hieronder maar een reactie achter wanneer je nog andere plug-ins tegenkomt of iets hierover wilt delen.
Voor de nerds onder ons:
Er is ook nog een plug-in waarmee je alle Gutenberg blokken kan vormgeven(stijlen) vanuit de bewerker:
En nog een plug-in om alle Gutenberg blokken te managen:
