Neue Blocksammlungen für den Gutenberg Editor

Wer nicht hinter dem Mond lebt als WordPress-Entwickler oder Webseitenbetreiber hat es vermutlich schon mitbekommen. WordPress führt ab der Version 5.0 den neuen Editor „Gutenberg“ ein, der den klassischen Editor ersetzen soll. Hier habe ich bereits einmal Möglichkeiten dargestellt, wie man den Gutenberg Editor los wird oder wie man mit ihm ganz gut leben kann. Nicht falsch verstehen, ich halte Gutenberg für genau die richtige Entwicklung, die WordPress braucht um langfristig Erfolg haben zu können. Dennoch macht der Editor derzeit noch Probleme mit inkompatiblen Themes und Plugins. Aber das soll heute nicht das Thema sein. Heute geht es darum Gutenberg zu erweitern. Ich stelle hier Plugins vor, die den Gutenberg-Editor um Block-Sammlungen erweitern.

Was sind Blöcke in Gutenberg?

Blöcke sind quasi Bausteine, die am Ende eine Seite, einen Artikel oder auch künftig ganze WordPress Webseiten zu dem machen, was sie sein sollen. Das können sein Blöcke für:

  • Texte
  • Bilder/Galerien
  • Formulare
  • Youtube Videos
  • Codes
  • Buttons
  • Überschriften
  • Spalten/Grids

Ähnlich einem sogenannten Pagebuilder bietet nun auch WordPress dem User, seine Inhalte einfach selber zu gestalten ohne dafür coden zu müssen. Gutenberg wird aber Pagebuilder sicher nicht ersetzen, sondern eher eine Co-Existenz enläuten. Die Pagebuilder-Anbieter (Elementor, WPBakery, Beaverbuilder, etc.) haben schon Lösungen am Start um ihre eigenen Elemente in Gutenberg zu implementieren.

Schon vor dem offiziellen Start gibt es also einige Blöcke, die man bereits nutzen kann, indem man Gutenberg einfach aktiviert. Es gibt aber auch Plugins für WordPress, mit denen man Gutenberg um weitere Blöcke erweitern kann. Ich möchte hier ein paar vorstellen.

Übrigens: Dieser Artikel ist der erste mit Gutenberg erstellte Artikel auf meinem Blog.


Gutenberg Block-Sammlungen, die zeigen, was mit WordPress neuem Editor möglich ist

Am Ende dieses Artikels findest du einen Hinweis auf eine Block-Bibliothek, die alle derzeit verfügbaren Gutenberg-Blöcke auflistet und verlinkt. An dieser Stelle möchte ich aber hauptsächlich auf die Sammlungen eingehen. Sicher wird es in den nächsten Jahren noch viele weitere Sammlungen geben. Daher wird dieser Artikel künftig auch bestimmt weiter wachsen.

Atomic Blocks

Von allen Sammlungen für Gutenberg-Blocks ist Atomic Blocks vermutlich die fortschrittlichste. Momentan bietet Atomic Blocks 11 zusätzliche Blöcke.

Atomic Blocks fügt dem Gutenberg Editor zahlreiche neue Blocks hinzu.

Unter anderem für:

  • Post-Grids
  • Container
  • Testimonials
  • Notizen
  • Akkordeons
  • Share Icons
  • Call to Actions
  • Buttons
  • Spacer/Divider
  • Authorinfos
  • Drop Cap

Elemente von Atomic Blocks

Um Verwirrung zu vermeiden, trennt Atomic Blocks alle seine neuen Blöcke in eine neue Registerkarte. Die Auswahl der Blöcke erweitert die Funktionalität des neuen Editors um sinnvolle Optionen. Gerade die Post Grids sind sehr interessant. Aber auch die Akkordion-Funktion ist spannend. Das kennt man eigentlich nur von den üblichen Pagebuildern.

Preis: Kostenlos | Weitere Informationen


Stackable

Stackable fügt Gutenberg 17 neue Blöcke hinzu.

17 weitere Blocks fügt Stackable Gutenberg hinzu

Einige davon sind denen von Atomic Blocks recht ähnlich:

  • Feature Grid
  • Feature
  • Icons List
  • Call to Actions
  • Cards
  • Artikel-Header
  • Bilderboxen
  • Counter
  • Video Popups
  • Preisboxen
  • Testimonials
  • Teammitglieder
  • Nachrichten
  • Zahlenbox
  • Aufklappbox
  • Buttons
  • Zitate

Elemente von Stackable

Allein durch die Anzahl der Blöcke ist diese Kollektion eine der größten auf dem Markt. Noch wichtiger ist, dass alle Blöcke von Stackable höchst attraktiv sind. Das Plugin enthält sogar erweiterte Anpassungsoptionen, wie z.B. das Hinzufügen und Ändern von Hintergrundbildern, Animationen und mehr.

Während Atomic Blocks eher die Einfachheit von Gutenberg ergänzt, fügt Stackable gleich eine ganze Reihe Spezialfeatures hinzu, die auch nur von Pagebuildern oder Premium Themes zu erwarten sind. Für mich eine klasse Erweiterung.

Übrigens kann man bei Stackable die Blöcke auch anpassen: Hintergrund ändern, Animationen hinzufügen, Textgrößen ändern und vieles mehr.

Preis: Kostenlos | Weitere Informationen


Editor-Blocks

Editor Blocks ist relativ neu, es gibt nicht so viele Installationen oder Reviews. Wenn man das Plugin allerdings mal getestet hat, merkt man schnell, dass es auf diese Liste hier gehört.

Ansicht einer Demo Webseite, die mit Editor Blocks gestaltet wurde.

Editor Blocks erweitert den Gutenberg-Editor um zehn neue, coole Blocks. Dazu gehören

  • Wrapper Blocks für farbliche Hintermalung
  • Preistabellen
  • Teammitgliederbereiche
  • Hero-Elemente
  • Testimonials

Elemente von Stackable

Gutenberg wird per Editor Blocks um 10 weitere Blöcke erweitert.

Das sind generell jetzt keine außergewöhnlichen Elemente. Editor Blocks zeichnet sich jedoch vor allem durch seine Preistabelle und Teammitglieder aus, die sehr einfach einzurichten und zu konfigurieren sind. Wer also genau danach sucht, der ist bei Editor-Blocks genau richtige. Es gibt keinen auch keinen Grund, warum man nicht mehrere Gutenberg Blocksammlungen installieren sollte, um das Beste aus allen herauszuholen.

Preis: Kostenlos | Weitere Informationen


Wo findet man einzelne Gutenberg Blocks?

Nicht jeder will gleich eine ganze Blocksammlung installieren, wenn er nur eine Preistabelle oder Hero-Bereiche nutzen möchte. In der Gutenberg Block Library kann man auf die Suche nach den passenden Blocks gehen. Die Bibliothek wird von Danny Cooper, dem Entwickler des Editor Blocks Plugins, betrieben.

Die Bibliothek selbst könnte nicht einfacher zu navigieren sein. Die Website ermöglicht es, unendlich durch die gesamte Sammlung zu scrollen, die derzeit einige Dutzend Optionen bietet. Oder man sucht nach bestimmten Themen und checkt dann die Suchergebnisse. Durch Klick auf einen Block öffnet sich die Detailansicht und es erscheint der Downloadlink.


Zusammenfassung

Eine der Stärken von WordPress war schon immer die Erweiterbarkeit. Nur durch sie ist WordPress überhaupt so erfolgreich geworden, wie es jetzt ist. Gutenberg spielt da genau in die gleiche Richtung, indem es die Erweiterung und Gestaltung von Seiten und Beiträgen vereinfacht und gleichzeitig aufmöbelt. Durch eine einheitliche Editor-Plattform werden sich Anbieter von Plugins und Blöcken an die Standards von Gutenberg halten, was dem User den Einsatz deutlich einfacher macht.

Durch neue Blöcke und Block-Collections wird Gutenberg durch zahlreiche Features erweitert. Ähnlich wie Page Builder erhält Gutenberg somit eine Aufwertung, die am Ende eigentlich dann niemanden daran vorbei kommen lassen wird.

Es gibt bereits eine kleine Auswahl an Gutenberg-Blocksammlungen sowie eine Reihe von individuellen Block-Plugins. Um letzteres zu finden, kann die Gutenberg Block Library genutzt werden. Das was dort gefunden werden kann, ist schon beachtlich viel und wird sicher in Zukunft sprunghaft ausgebaut.

Letzte Version vom 13. November 2018 von Netzgänger
Jetzt WordPress Newsletter in dein Postfach

Melde dich jetzt für meinen Newsletter an und du erhältst regelmäßig Tipps und Tricks zu WordPress in dein Postfach. Natürlich kannst du ihn jederzeit abbestellen.


Kommentar schreiben

Mit Absenden deines Kommentars erklärst du dich mit der Verarbeitung deiner hier angegebenen Daten einverstanden (Datenschutzerklärung). Diese werden nur zur Verwaltung der Kommentare verwendet und keinem anderen Zweck zugefügt. Du kannst jederzeit per E-Mail an info@netz-gaenger.de der Speicherung deiner Daten widersprechen.

* Notwendige Angaben

Netzgänger Webdesign | Rohrersmühlstraße 22 in Schwabach | Bayern
Kontakt: info@netz-gaenger.de
↑ oben
Inhalt