Essential Blocks für Gutenberg

Das Plugin Essential Blocks ist ein sehr beliebtes Gutenberg Addon, mit dem du die Standardfunktionen des WordPress Editors ganz einfach erweitern kannst. Was das Tool alles zu bieten hat, zeige ich dir in diesem Beitrag.

Über Essential Blocks für Gutenberg

Entwickelt wird Essential Blocks von der Firma WPDeveloper, die auch hinter vielen anderen bekannten Plugins steht. Wie z.B. Essential Addons für Elementor, SchedulePress oder der Template-Cloud Templately.

Bereits seit 2018 gibt es das kostenlose Gutenberg Addon Essential Blocks im WordPress-Repository. Dort gehört es mit inzwischen über 100.000 Benutzern und einem 5-Sterne Rating, zu den beliebtesten Gutenberg Plugins.
Die Funktionsumfang ist sehr groß und wird regelmäßig erweitert.

In der kostenpflichtigen Version, Essential Blocks Pro, sind noch viele weitere nützliche Features enthalten. Die Preise bewegen sich im üblichen Rahmen und starten bei €39,20 für die Einzellizenz.

Aktuell bietet das Tool über 50 fortschrittliche, leistungsstarke Blöcke, die ein schnelles Webdesign ermöglichen. Dabei können die Blöcke in folgende Kategorien eingeordnet werden:

• Inhaltsblöcke
• kreative Blöcke
• dynamische Blöcke
• Marketingblöcke
• Formularblöcke
• WooCommerce-Blöcke

Jeder Block kommt mit individuellen Anpassungsoptionen, leistungsstarken Funktionen und Funktionalitäten. Auch eine Animation ist für viele Blöcke wie z.B. Buttons usw. möglich.

Essential Blocks im Überblick

Hier ist eine kurze Übersicht der aktuell verfügbaren Features:

• Button & Dual Button
• Call To Action
• Countdown
• Flipbox
• Infobox
• Notice
• Pricing Table
• Social Icons & Social Share
• Team Member
• Testimonial
• Progress Bar
• Interactive Promo
• Image Comparison
• Wrapper
• Instagram Feed
• Image Gallery
• Advanced Heading
• Parallax Slider
• Typing Text
• Toggle Content (inkl. FAQ-Schema)
• Number Counter
• Row
• Post grid & Post Carousel
• Table of Contents
• Feature List
• Slider
• Advanced Tab
• Formular-Integration
  (Fluent Forms, WPForms)
• Advanced Image
• Woo Product Grid
• Advanced Video
• Advanced Navigation
• Popup
• NFT Gallery
• Openverse
• Shape Divider
• Timeline Slider (PRO)
• Advanced Search (PRO)
• Data Table (PRO)
• Woo Product Carousel (PRO)
• News Ticker (PRO)
• Fancy Chart (PRO)

Die Funktion und die Design-Optionen aller Blöcke kannst du dir direkt auf der Gutenberg Blocks Demo ansehen.

Die wichtigsten Features von Essential Blocks

Wie man sieht, ist der Feature-Umfang sehr hoch, daher stelle ich im Folgenden nur einige beliebte, neue und Premium-Blöcke ein

Leistungsstarke Page-Builder Blöcke

Wrapper:

Mit dem Wrapper-Block kannst du Inhalte und Elemente mit seinen vielfältigen Stiloptionen ansprechender präsentieren. So kannst du einen schön gestalteten Wrapper verwenden, um beliebig viele Blöcke innerhalb des Wrapper-Blocks selbst einzufügen.

Shape Divider

Wenn du verschiedene Abschnitte auf deiner Website eindrucksvoll voneinander trennen möchtest, kann Essential Blocks für Gutenberg dir weiterhelfen. Ähnlich wie bei Elementor bietet dir das Gutenberg Plugin einen Shape Divider. Der Sektions-Trenner kann in Form und Farbe gestaltet werden und so für etwas mehr Kreativität in der Gestaltung sorgen.

Bildergalerie

Mit dem Bildergalerie-Block lassen sich Bilder oder auch Produktfotos in einer interaktiven Galerieansicht anzeigen. Das Handling ist sehr einfach und intuitiv und die Styling-Optionen sehr vielfältig.

Akkordeon

Ein Akkordeon ist immer sehr nützlich, um Inhalte platzsparend einzufügen. So können die Informationen im Inneren des Akkordeons z.B. nur bei Klick angezeigt werden. Also ideal, um damit beispielsweise einen FAQ-Bereich auf deiner Website einzubauen. EB generiert hierfür übrigens auf Wunsch auch gleich automatisch das entsprechende FAQ-Schema.

Post Grid

Für Blogger ist sicherlich die Darstellung der Beiträge als Post Grid interessant. Der WordPress-Editor bietet das zwar auch, aber mit Essential Blocks sieht die Umsetzung natürlich viel besser aus. Auch hier kannst du aus verschiedenen Vorlagen auswählen oder deine eigenen Einstellungen und Abfrage vornehmen. Alternativ kannst du auch das Post Carousel nehmen.

Woo-Produktkarussell (PRO)

Wenn du einen WooCommerce-Shop betreibst, kann dir das Tool ebenfalls helfen. Es kommt mit mehreren fortschrittlichen WooCommerce-Blöcken, mit denen du deine Produkte auf eine ansprechende Weise präsentieren kannst.

Erweiterte Suche (PRO)

Durch eine erweiterte Suchfunktion lässt sich die Benutzererfahrung ganz einfach verbessern. Aus diesem Grund enthält Essential Blocks in der Pro-Version Advanced Search-Blöcke, die nützliche Voreinstellungen und umfangreiche Anpassungsoptionen bieten. Auch die Optik ist ansprechend gestaltet.

Unendliche Anpassungsoptionen

Sobald du Plugin aktiviert hast, kannst du direkt mit der Gestaltung deiner WordPress-Website loslegen. Jeder dieser Blöcke kommt mit fertigen Voreinstellungen oder Layouts (Presets), die du auswählen kannst. Falls du diese anpassen möchtest, geht auch das sehr einfach. Hier merkt man, dass WPDeveloper ein ähnliches Elementor Addon entwickelt.
So lassen sich Farbe, Stil, Schrift, Ausrichtung, Abstände oder andere Elemente ganz nach deinen Wünschen verändern, ohne jemals Code schreiben zu müssen. Eben wie bei einem Page Builder.

Globale Blocksteuerungsoptionen

Wie einige andere Gutenberg Plugins, bietet auch Essential Blocks eine sehr gute Verwaltung und Kontrolle der Block-Einstellungen. Unter > Essential Blocks > Blocks kannst du jeden einzelnen Block aktivieren oder deaktivieren. D.h. du aktivierst am besten nur die Features, die du auch wirklich benötigst. Dadurch behältst du den Überblick und auch die Ladezeit der Seite wird nicht unnötig beeinträchtigt. Denn Styles und Skripte werden nur geladen, wenn sie auch im Einsatz sind.

In den Einstellungen findest du zudem eine Option zur Asset-Regeneration. Damit kannst du den Cache deiner WordPress-Website einfach löschen und so die Performance deiner Website verbessern.

Support für dynamische Tags und ACF

Essential Blocks bietet einige fortgeschrittene Voreinstellungen für mehrere Blöcke sowie exklusive Funktionen wie Unterstützung für dynamische Tags und ACF. Dynamische Tags helfen dir dabei, benutzerdefinierten Parameter zu definieren und Daten dynamisch abzurufen. Auch die Integration des bekannten ACF-Plugin ist vorhanden.

Globales Blockstyling

Ein sehr cooles Feature ist natürlich das Globale Blockstyling. Damit kannst du deine individuellen Anpassungen an den Blöcken global abspeichern. Das spart enorm viel Zeit und sorgt gleichzeitig für ein einheitliches Design.

In die globalen Einstellungen gelangst du durch einen Klick oben rechts auf das EB-Icon. Anschließend wählst du das zu bearbeitende Element aus und speicherst es zum Abschluss ab.

Integration von Templately

Templately, eine Cloud für fertige WordPress-Layouts, ist vor allem für seine zahlreichen Elementor Templates bekannt. Aber auch für Gutenberg sind viele Vorlagen erhältlich, die in Essential Blocks integriert werden können. Als Nutzer der Pro-Version, kannst du auf über 2.000 professionell gestaltete, sofort einsatzbereite Gutenberg-Vorlagen zugreifen. So lässt sich auch für Nicht-Designer eine Website mit nur wenigen Klicks gestalten. Dabei wurde jedes WordPress Template komplett mit exklusiven Blöcken von Essential Blocks erstellt.

Fazit

Für mich zählt Essential Blocks mit zu den wirklich guten Gutenberg Addons. Bereits vor einigen Jahren habe ich es in meiner Vorstellung der besten Gutenberg Plugins getestet und seither hat es sich wirklich positiv weiterentwickelt. Neben der großen Anzahl an Blöcken gefällt mir persönlich das Handling extrem gut. Jedes Element kann sehr gut angepasst werden und erinnert dabei an das Look & Feel von richtigen Page Buildern. Auch die Globale Styling Option ist sehr nützlich und spart viel Zeit.

FAQ