Zonder aanvullende blocks voor Gutenberg kan je natuurlijk al veel meer doen dan met de klassieke bewerker van WordPress.
Toch zal je snel een aantal dingen missen. Maar gelukkig hoef je deze uitbreidingen niet ver te zoeken, want bijna alles is er al voor Gutenberg!
Inhoud
- 1 Wat is mogelijk met standaard blokken?
- 2 Extra blocks voor Gutenberg
- 2.0.1 Atomic Blocks
- 2.0.2 Kadence Blocks
- 2.0.3 Gutenberg Blocks
- 2.0.4 Gutenberg Blocks by Otter
- 2.0.5 CoBlocks
- 2.0.6 Caxton
- 2.0.7 Stackable
- 2.0.8 Advanced Gutenberg
- 2.0.9 Ultimate Blocks
- 2.0.10 Editor Blocks
- 2.0.11 Google Maps Block
- 2.0.12 Advanced Gutenberg Blocks
- 2.0.13 Easy Blocks
- 2.0.14 Voor de nerds onder ons
- 2.1 Lees ook
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. Een mooie aanvulling op onze handleiding WordPress Gutenberg.
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:
Gutenberg Block Templates
- Geen extra blokken om uit te kiezen
- Visueel een passend sjabloon kiezen
- Geen aanpassingen aan Gutenberg
- Enigszins beperkt qua vormgeving en mogelijkheden
- Bij uitschakelen plug-in blijft de blokkenverdeling niet altijd behouden
- Sommige sjablonen gebruiken CSS, waardoor deel vormgeving dan verloren gaat bij uitschakelen plug-in
Extra blocks voor Gutenberg
Wanneer de standaard blokken niet voldoende zijn en je bent al gewend aan Gutenberg, dan zijn er inmiddels ook vele uitbreidingen:
Atomic Blocks
- 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
Kadence Blocks
- Mogelijkheid om blokken te deactiveren
- Breedte kolom traploos in te stellen
- Tabs mogelijk
- “Slechts” 9 extra blokken
Gutenberg Blocks
- 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
Gutenberg Blocks by Otter
- 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
CoBlocks
- 22+ extra blokken!
- Galerie en carousel
- Google maps
- Vaste kolom breedtes, maar ook traploos
- Lettertypen in te stellen
- Veranderen aantal kolommen lastig na plaatsing
Caxton
- 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
Stackable
- 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
Advanced Gutenberg
- 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
Ultimate Blocks
- 17 blokken op het moment van schrijven
- Blokken zijn te deactiveren
- Handige detail velden(feature boxes)
- Inhoudsopgave en vooruitgangsbalkje kunnen handig zijn
- Tabs mogelijk
- Geen kolommen en rijen
- Alle instellingen zijn vrij beperkt
Editor Blocks
- 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
Google Maps Block
- Makkelijk een Google maps kaartje plaatsen
- Adres, hoogte en zoomlevel instelbaar
- Slechts 1 functie
- Een aantal van de andere plug-ins hebben dit ook
Advanced Gutenberg Blocks
- Optionele extra tekst gereedschappen
- Tabs mogelijk
- 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
Easy Blocks
- 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 welke blokken 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:
Editorsblock library of Gutenberg Hub
Hopelijk heb je veel plezier van deze lijst met uitbreidingen voor 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:
