De beste Gutenberg blocks voor WordPress

Zonder aanvullende Gutenberg blocks 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 voor de Block editor!

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 WordPress blocks?

Als eerste een hele interessante plug-in die het werken met Gutenberg een stuk makkelijker maakt. Je kan hiermee kant & klare layouts toevoegen:

Voordelen:

• Benodigde blokken worden automatisch geïmporteerd
• Visueel uit ruim duizend sjablonen kiezen

Nadelen:

• Nog niet gevonden

De beste blocks voor Gutenberg

Wanneer de standaard WordPress blokken niet voldoende zijn en je bent al gewend aan Gutenberg, dan zijn er inmiddels ook vele uitbreidingen:

Voordelen:

• Van de makers van het befaamde Genesis thema
• Genesis blocks is de vervanger van Atomic blocks
• Meer dan 15 nieuwe blocks
• Nieuwsbrief inschrijving blok(o.a. Mailchimp)
• Container blok is handig om WordPress blocks te bundelen

Nadelen:

• Uitzetten WordPress blokken niet mogelijk

Deze plug-in bevat op dit moment de volgende WordPress blocks:

Voordelen:

• Meer dan 12 aanvullende blokken
• Mogelijkheid om blokken te deactiveren
• Inclusief e-mail formulier
• Kant & klare layouts
• Tabs mogelijk

Nadelen:

• Geen nadelen kunnen vinden

Voordelen:

• Mogelijkheid om blokken uit te zetten
• Meer dan 20 blokken, waaronder
• Google maps kaartje dat meteen werkt
• Geavanceerde kolommen met veel instellingen

Nadelen:

• Erg veel instellingen waardoor misschien wat lastiger voor beginners

Voordelen:

• Gemaakt door ervaren ontwikkelaars
• Section blok voor verschillende layout mogelijkheden
• Inclusief aantal kant en klare layout templates
• Met WordPress animatie mogelijkheden en CSS per blok
• Meer dan 12 extra blokken voor Gutenberg

Nadelen:

• Sommige WordPress blokken zijn misschien niet voor iedereen handig, bijvoorbeeld prijstabellen, beoordelingen en het auteur info blok

Voordelen:

• 22+ extra WordPress blocks!
• Galerie en carousel
• Google maps
• Lettertypen in te stellen

Nadelen:

• Eigen kolomvoorziening is wat lastig aan te passen na plaatsen

Voordelen:

• Veel instellingen voor layout
• Meer geavanceerde layouts mogelijk
• Achtergrond afbeeldingen en shape divider (scheidingslijn)
• 3D viewer blok
• Veel dynamische blokken (teller, aftellen, voortgangsbalk, etc.)

Nadelen:

• Relatieve nieuwkomer
• Lastig om te kiezen uit 60+ blokken
• Geen ingebouwde optie om ongebruikte blokken uit te zetten.

Voordelen:

• 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

Nadelen:

• Geen nadelen kunnen vinden

Voordelen:

• Ruime sortering van 18+ extra blokken
• Blokken uit te zetten
• Met e-mail formulier
• Geavanceerde tabel functies
• Blokken groeperen met container blok

Nadelen:

• Google maps blok heeft API nodig

Voordelen:

• 20+ handige blokken
• Diverse rij- en kolom instellingen mogelijk
• Instagram afbeeldingen te plaatsen als blok

Nadelen:

• Niet gevonden

Voordelen:

• Meer dan 20 aanvullende blokken
• O.a. typografie en animaties
• Handige template blokken
• Instagram afbeeldingen te plaatsen als blok

Nadelen:

• Geen gevonden

Deze plug-in bevat op dit moment de volgende WordPress blocks:

Voordelen:

• Bijna 30 aanvullende blokken
• O.a. typografie en animaties
• Kant & klare templates
• Tabs, accordions en veel meer

Nadelen:

• De CSS mogelijkheden zijn voor beginners misschien een wat hoge drempel

De volgorde van genoemde plug-ins is willekeurig, dus geeft geen specifieke voorkeur aan. Let dus vooral op de sterren.
De keuze van de plugin hangt natuurlijk ook af van welke WordPress blocks je nodig hebt voor jouw website.

Plugins met één Gutenberg blok

Voordelen:

• Om Google maps kaartje te plaatsen
• Adres, hoogte en zoomlevel instelbaar

Nadelen:

• Slechts 1 functie
• Er moet een API sleutel aangevraagd worden
• Een aantal van de andere genoemde plug-ins hebben dit ook

Voordelen:

• Beeldwisselaar met veel mogelijkheden
• Parallax diashow mogelijk
• Tekst op afbeeldingen mogelijk

Nadelen:

• Een aantal van de andere genoemde plug-ins hebben ook een eenvoudige slider, dus niet altijd nodig

Voordelen:

• Maak indelingen volledig op maat
• Unieke creatieve layouts mogelijk
• Ook lagen met overlappingen

Nadelen:

• Geen nadelen gevonden
• Misschien niet voor iedereen handig

Voordelen:

• Extra stijlen voor Gutenberg buttons

Nadelen:

• Op moment van schrijven maar een paar extra stijlen, dus voegt niet veel extra toe aan de standaard button van Gutenberg

Plugins met Gutenberg tools

Een plug-in waarmee je blokken kan vormgeven(stijlen) direct vanuit de Block editor. Hiervoor is enige kennis van CSS vereist.

Nog een plug-in waarmee je alle Gutenberg blokken kan vormgeven(stijlen) direct vanuit de pagina inhoud bewerker. Hiervoor is wel kennis van CSS vereist.

Plug-in om alle Gutenberg blokken te managen. Dit kan voor minder afleiding zorgen en mogelijk ook snelheidswinst.

Maak de blokeditor nog krachtiger met extra functies, zoals o.a. de mogelijkheid een link toe te voegen aan kolommen, groepen en omslagafbeelding.

Met deze plugin krijg je extra mogelijkheden voor reusable blocks(patterns).
Je kan bijvoorbeeld zien op welke pagina´s en berichten je reusable blocks zijn gebruikt.