Die 15 besten WordPress Gutenberg-Block-Plugins

Der Gutenberg-Editor ist jetzt Teil von WordPress. Und wenn Sie nach den besten Gutenberg-Block-Plugins suchen, haben wir die wichtigsten verfügbaren Optionen in diesem Artikel aufgelistet.

Nach der Einführung des Gutenberg-Editors sind alle Elemente, die Sie auf Ihrer Beitragsseite verwenden, Blöcke. Wenn Sie Ihrem Beitrag ein Bild hinzufügen möchten, müssen Sie einen Bildblock hinzufügen, für Absätze, Kacheln und alle anderen Elemente müssen Sie die entsprechenden Blöcke hinzufügen und bearbeiten.

Wenn Sie also zusätzliche Funktionen für Ihren Beitrag benötigen, müssen Sie diese zusätzlichen Blöcke hinzufügen, um die Optionen hinzuzufügen.

WordPress hat bereits eine Reihe verschiedener Blöcke erstellt, z. B. den Textblock, den Bildblock, den Titelblock, die Tabelle, die Spalte, die Schaltfläche und eine Reihe anderer Blöcke.

Wir haben hier ein ausführliches Tutorial zur Verwendung des Gutenberg-Editors erstellt. Dieser Artikel hilft Ihnen, den neuen Editor zu verstehen und damit zu beginnen.

Bevor wir mit den Gutenberg-Block-Plugins fortfahren, werfen wir einen Blick auf die regulären Blöcke, die mit dem Standard-Editor geliefert werden.

01. Überschriftsblock: Sie verwenden diesen Block, um Ihren Beiträgen oder Seiten einen Titel hinzuzufügen. Im Allgemeinen wird es verwendet, um H2-, H3-Tags zu Unterüberschriften in Ihrem Blog-Beitrag hinzuzufügen.

02. Absatzblock : Dies wird einer der am häufigsten verwendeten Blöcke auf Ihrer WordPress-Site sein. Wie der Name schon sagt, wird dieser Block verwendet, um Inhalte zu Ihren Blog-Beiträgen hinzuzufügen.

03. Bildblock : Dies ist selbsterklärend. Sie können diesen Block verwenden, um Ihren Blog-Beiträgen ein Bild hinzuzufügen.

04. Listenblock : Sie können diesen Block verwenden, um Aufzählungszeichen in Ihren Blog-Beiträgen zu erstellen. Diese Option gab es auch im klassischen Editor.

05. Schaltflächen : Früher haben wir benutzerdefinierten Code oder ein Shortcode-Plugin hinzugefügt, um Schaltflächen im klassischen Editor hinzuzufügen. WordPress hatte vor der Einführung von Gutenberg keine Standardoption zum Hinzufügen eines Call-to-Action-Buttons. Aber jetzt kommt es mit einem Standardblock, um einen Call-to-Action-Button hinzuzufügen.

06. Tabellenblock: WordPress hatte nie die Möglichkeit, einem Beitrag eine Tabelle hinzuzufügen, aber mit Gutenberg gibt es eine Standardoption, um Ihren Beiträgen eine Tabelle hinzuzufügen. Sie können den Tabellenblock verwenden, um eine Liste von Artikeln in Tabellenform zu erstellen oder um verschiedene Produkte zu vergleichen, die Sie auf Ihrer Website präsentieren.

Der Tabellenblock bietet Ihnen einige Optionen zum Anpassen der Farbeinstellungen, ist jedoch begrenzt. Daher benötigen Sie möglicherweise immer noch ein Qualitätstabellen-Plugin auf Ihrer Website.

07. Cover Block : Dies ist eine weitere sehr nützliche Ergänzung des neuen Editors. Der Abdeckblock kann ein sehr effektives Element sein, um qualitativ hochwertige Artikel mit verschiedenen Abschnitten zu erstellen, die klar mit dem Abdeckblock unterteilt sind.

08. Einbettungsblock: Das Einbetten von Inhalten aus anderen Quellen wie YouTube, Twitter, Instagram ist jetzt viel einfacher als zuvor. Der standardmäßige Einbettungsblock bietet Ihnen eine Reihe von Optionen zum Einbetten von Inhalten von mehreren Plattformen.

09. Spaltenblock : Mit Gutenberg haben Sie eine schnelle Möglichkeit, ein mehrspaltiges Inhaltslayout für Ihre Beiträge auf Seiten zu erstellen.

10. Formatierungsblöcke : Der standardmäßige Gutenberg-Editor bietet Ihnen eine Reihe von Blöcken, die Sie möglicherweise benötigen, wenn Sie andere Inhaltstypen als Text bearbeiten. Sie haben einen Codeblock, einen HTML-Block und einige mehr.

11. Galerie-Block : Gutenberg wird auch mit einem Standard-Galerie-Block geliefert. Sie können mehrere Bilder in einem Galerie-Rasterformular hinzufügen. Sie können neue Bilder hochladen oder Bilder für Ihre Mediengalerie auswählen, um sie in Ihren Beiträgen zu präsentieren.

Es gibt mehrere andere Blöcke, die beim Erstellen Ihrer Inhalte wirklich hilfreich sind.

Warum brauchen Sie ein benutzerdefiniertes Gutenberg-Plugin?

Da Gutenberg bereits so viele Blöcke in den Standardoptionen anbietet, die fast alle Anforderungen beim Erstellen eines Blogbeitrags erfüllen können, warum benötigen Sie ein benutzerdefiniertes Plugin?

Der Hauptgrund, warum Sie ein benutzerdefiniertes Gutenberg-Block-Plugin benötigen, ist, dass die Standardblöcke in Bezug auf die Gestaltungsmöglichkeiten begrenzt sind. Außerdem benötigen Sie möglicherweise mehrere andere Blöcke auf Ihrer Website, die nicht bereits unter den Standardoptionen verfügbar sind.

Wenn Sie ein sehr einfaches Blog verwalten, in dem Sie nur Inhalte veröffentlichen möchten und keine erweiterten Funktionen benötigen, sind die Standardoptionen gut genug.

Gutenberg ist nicht nur der Editor, es ist selbst ein Website-Builder, und diese benutzerdefinierten Gutenberg-Block-Plugins machen den Prozess einfach, um ein großartig aussehendes Design für Ihre Website zu erstellen.

Sie können viele der folgenden Block-Plugins verwenden, um ein vollständig benutzerdefiniertes Design für Ihre Website zu erstellen, Sie benötigen keinen Website-Builder mehr.

Schauen wir uns also ohne weiteres die besten Gutenberg-Block-Plugins an.

GutenBee

GutenBee ist ein weiteres großartiges kostenloses Plugin, das eine große Auswahl an benutzerdefinierten Gutenberg-Blöcken bietet, um die Erstellung von Inhalten auf Ihrer WordPress-Seite einfacher und flexibler zu gestalten.

GutenBee bündelt derzeit 27 benutzerdefinierte Blöcke mit neuen Blöcken und aktualisierten Funktionen, die regelmäßig hinzugefügt werden.

Erstellen Sie tolle Menüs für Ihre Bar oder Ihr Restaurant, komplett mit Bildern, Preisen und Beschreibungen mit dem Food Menu-Block.

Vergessen Sie das langweilige Standard-Erscheinungsbild von Karten, mit den Google Maps-Blöcken können Sie einen der vielen gebündelten benutzerdefinierten Stile auswählen oder sogar Ihren eigenen SnazzyMaps-Stil einbringen, um Ihre Kontaktseite aufzupeppen.

Der Bewertungsblock ermöglicht es Ihnen, Ihre Film-, Essens-, Spiel- usw. Bewertung mit mehreren Kategorien und einer automatischen Durchschnittsbewertung zusammenzufassen.

Erstellen Sie auffällige Banner mit Parallax- und Videohintergründen, um die Aufmerksamkeit Ihres Publikums auf sich zu ziehen.

Ziehen Sie den Post-Typen-Block per Drag & Drop in den Inhalt, um Post- und benutzerdefinierte Post-Typ-Listen mit variablen Spaltennummern, Kategoriefiltern und mehr zu erstellen.

Natürlich bietet GutenBee alle wesentlichen Blöcke wie Absätze, Überschriften, Tabs, Akkordeons, Galerie, Symbolblöcke und viele mehr.

GutenBee-Blöcke bieten umfangreiche Darstellungsoptionen mit anpassbaren Farben, Hintergründen, Rändern, Schatten und mehr. Darüber hinaus können Sie mit ihren Sichtbarkeitsoptionen Blöcke basierend auf dem Gerätetyp, auf dem sie angezeigt werden, ein- oder ausblenden oder Blöcke für eingeloggte oder ausgeloggte Benutzer ein-/ausblenden.

Atomic Blocks: Add-ons für Gutenberg Editor

Ein kostenloses und beliebtes Gutenberg-Block-WordPress-Plugin, das eine Reihe nützlicher Blöcke für Ihre WordPress-Site bietet.

Das Plugin wird vom WPEngine-Team übernommen, sodass Sie in Zukunft mit einem regelmäßigen Update und nützlichen neuen Blöcken rechnen können.

Das Plugin bietet bereits einige sehr nützliche Blöcke, die sofort verwendet werden können.

• Gitterblock posten
• Der Containerblock
• Call-to-Action-Blöcke
• Anpassbare Schaltfläche
• Abstandhalter & geteilt
• Autorenprofil
• Drop-Kappe
• Zeugnis
• Inline-Hinweis
• Akkordeon
• Symbole teilen

Das Plugin ist einfach und leicht zu bedienen. Sobald Sie das Plugin aktiviert haben, erhalten Sie die Option im Admin-Backend.

Das Plugin fügt dem Blockeditor eine neue Atomic Block-Option hinzu. Sie können jeden der fertigen Atomic Blocks für Ihre Seite wie jeden anderen Gutenberg-Block auswählen.

Fortgeschrittener Gutenberg

Advanced Gutenberg ist ein sehr nützliches Gutenberg-WordPress-Plugin, das über 20 verschiedene nützliche Blöcke in Ihre WordPress-Site einfügt.

Dies ist ein Plugin, das vom JoomUnited-Team erstellt wurde, das neben dem Advanced Gutenberg-Plugin einige andere nützliche WordPress-Plugins anbietet.

Sobald Sie das Plugin aktiviert haben, erhalten Sie die Option im Admin-Dashboard. Das Plugin bietet Ihnen die Möglichkeit, zusätzliche Profile zu erstellen und Blöcke je nach Rolle oder Profil zuzuweisen.

Sie können die erweiterten Blöcke hinzufügen, während Sie Ihren Beitrag bearbeiten, und ihn direkt im Gutenberg-Editor anpassen. Dieses Plugin erweitert einige der wichtigsten Blöcke wie Bilder, Schaltflächen usw. um eine Reihe zusätzlicher Funktionen.

Gutenberg bietet eine Reihe von Blöcken an, die benötigt werden, um ein reichhaltiges Artikeldesign wie Schaltflächen, Tabellen usw. zu erstellen. Die Gestaltungsmöglichkeiten sind jedoch begrenzt. Das Advanced Gutenberg-Plugin verbessert all diese fertigen Blöcke mit neuen Designoptionen zusammen mit den zusätzlichen Blöcken, die dieses Plugin hinzufügt.

Werfen wir einen Blick auf die Tabellenfunktion.

Wenn Sie eine Vergleichstabelle für ein beliebiges Produkt oder eine Dienstleistung platzieren möchten, ist die standardmäßige Gutenberg-Tabelle in Bezug auf das Design sehr begrenzt, die erweiterte Gutenberg-Tabelle vervollständigt sie, indem sie die Styling-Optionen hinzufügt.

Spectra (früher Ultimate Addons für Gutenberg )

Spectra ist eines der besten WordPress-Plugins für Gutenberg-Blöcke und bringt eine Reihe nützlicher Blöcke auf Ihre Website.

Eine große Anzahl von Benutzern verwendet das Plugin bereits. Und wenn Sie nach dem besten Gutenberg-Block-Plugin für Ihre Website suchen, können Sie dieses Tool verwenden.

Hier sind einige der wichtigen Blöcke, die das ultimative Add-on-Plugin bietet.

• Erweiterte Spalte
• Erweiterte Überschrift
• Aufruf zum Handeln
• Google Karte
• Timeline-Beitrag
• Post-Layouts
• Preisliste
• Und mehr

Wenn Sie nach einer Option suchen, um ein schön aussehendes gitterbasiertes Layout für Ihr Blog zu erstellen, müssen Sie keine zusätzlichen Plugins installieren, da das Spectra-Plugin die Option enthält, verschiedene Arten von Post-Layouts für Ihre Website zu erstellen, einschließlich Masonry Gitterstruktur.

Wenn Sie eine Website verwalten, auf der Sie Google Maps einbinden müssen, können Sie das Plugin auch verwenden, um Karten in Ihre Posts einzufügen. Wir haben hier einen Artikel veröffentlicht, der Ihnen zeigt, wie Sie Google Maps mit dem Ultimate-Addon-Plugin einfügen.

Der Abschnittsblock ist eine weitere nützliche Option, mit der Sie ein gut aussehendes Layout für Ihre Blogbeiträge erstellen können. Solche Boxed- und Full-Breite-Abschnitte waren früher mit WordPress nicht möglich, zumindest ohne die Verwendung eines Website-Builders.

Jetzt ist es wirklich einfach mit dem Spectra. Insgesamt ist dies eines der besten Gutenberg-Block-Plugins, die Sie auf Ihrer Website verwenden können.

Ultimative Blöcke

The Ultimate Blocks for Gutenberg bietet Ihnen derzeit 14 verschiedene Blöcke und das Team arbeitet an einer Reihe neuer Blöcke, um es zu einer der umfassendsten Lösungen für den Gutenberg-Editor zu machen.

Das Plugin ist sehr einfach und leicht zu starten. Wenn Sie das Plugin aktivieren, sehen Sie die Plugin-Option im WordPress-Adminbereich. Alle Blöcke sind standardmäßig aktiviert und Sie haben die Möglichkeit, jeden der Blöcke zu deaktivieren, falls Sie ihn nicht verwenden möchten.

Wenn Sie einen neuen Beitrag erstellen. Sie sehen eine neue Blockgruppe für die Ultimate Blocks-Optionen. Sie können sie wie jeden anderen Standard-Gutenberg-Block verwenden.

Das Plugin bietet Ihnen einige sehr wichtige Blöcke, die von den Bloggern regelmäßig benötigt werden, wie z. B. das Inhaltsverzeichnis, Sternebewertung, Click-to-Tweet, Benachrichtigungsfelder, Countdown-Timer und mehr.

Dieses Plugin wird also eine Reihe verschiedener Plugins zurückziehen, die Sie derzeit auf Ihrer Website verwenden, da es all diese Aufgaben alleine erledigen kann.

Der Entwickler bietet großartige Unterstützung, falls Sie Hilfe mit dem Plugin benötigen. Wenn Sie also bereits mit dem Gutenberg-Editor begonnen haben, bringen Sie ihn mit dem Ultimate-Block-Plugin auf die nächste Stufe.

Qubely

Qubely ist ein Gutenberg-Block-Plugin, das alle Einschränkungen des Gutenberg-Editors minimiert und neue Möglichkeiten eröffnet.

Sie können jedes komplexe Layout mit den benutzerdefinierten Qubely-Blöcken im WordPress-Standardeditor erstellen.

Entwerfen Sie mit Qubely Preispläne, Funktionen, Testimonials, Fortschrittsbalken und vieles mehr. Präsentieren Sie Posts in Raster- und Listenansichten, zeigen Sie Teammitglieder stilvoll an und erstellen Sie Popup-Videos, um mehr Besucher anzuziehen.

Übernehmen Sie die volle Kontrolle über den WordPress Gutenberg-Blockeditor, indem Sie sofort einsatzbereite Styling-Optionen anwenden.

Qubely bietet fertige Abschnitte, Layoutpakete, Formteiler, ein gerätespezifisches reaktionsschnelles Steuerungssystem, eine Option zur Typografiesteuerung und viele andere Funktionen und Elemente.

Qubely kümmert sich mit benutzerdefinierten Gutenberg-Blöcken um das Design Ihrer Website. Qubely-Blöcke sind hochfunktional und benutzerfreundlich.

Sie haben viele Möglichkeiten, das Design zu optimieren und Inhalte so anzuzeigen, wie Sie es möchten. Die Anzahl der Blöcke im Qubely Gutenberg-Plugin nimmt mit seinen Updates zu.

Qubely hat bereits 26 Blöcke, die Sie völlig kostenlos nutzen können. Weitere Blöcke sollen in den nächsten Tagen hinzukommen.

Einige der bemerkenswerten Qubely-Blöcke sind:

• Post-Raster
• Preisgestaltung
• Block-Wrapper
• Mannschaft
• Bild
• Zeitleiste
• Die Zeile
• Zeugnis
• Zähler
• Registerkarten
• Akkordeon/Umschalten
• Video-Popup
• Google Karte
• Fortschrittsanzeige
• Teiler
• Schaltflächengruppe
• Infobox
• Erweiterte Liste
• Kontakt Formular

Stapelbar

Stackable ist ein weiteres erwähnenswertes Plugin. Dieses Plugin fügt eine Reihe sehr nützlicher Blöcke hinzu, die beim Erstellen einer Seite mit verschiedenen Elementen wie Zahlen, Zählern, Text mit Hintergrundbild usw. verwendet werden können.

Wenn Sie dieses Plugin aktivieren, fügt es einen neuen Blockabschnitt hinzu, den Sie beim Erstellen eines reichhaltigen Seitendesigns verwenden können.

Einige der wichtigen Blöcke, die dieses Plugin bietet, sind

• Karten
• Zähler
• Container
• Vorgestelltes Raster
• Zeugnis
• Benachrichtigungsblock
• Blockieren von Teammitgliedern
• Und mehr

Getwid

Wenn Sie nach einer umfassenden kostenlosen Gutenberg-Plugin-Option suchen, ist dies eine großartige Option für Sie.

Dieses Plugin von MotoPress enthält 29 sehr nützliche Blöcke, die Sie auf Ihrer WordPress-Seite verwenden können.

Hier sind einige der wichtigen Blöcke, die vom Getwid-Plugin angeboten werden

• Abschnitt
• Erweiterte Überschrift
• Tastengruppenblock
• Bewertungen
• Fortschrittsanzeige
• Zähler
• kürzliche Posts
• Preisbox
• Soziale Verbindungen
• Bilderstapel-Galerie
• Instagram
• Banner
• Zeugnis
• Preisbox
• Soziale Verbindungen
• kürzliche Posts

Mit diesem Plugin erhalten Sie ein wunderschön aussehendes, kostenloses, mit Gutenberg kompatibles Design, das vollständig mit dem Getwid-Plugin kompatibel ist. Sobald Sie diese Kombination haben, füttern Sie keinen anderen Website-Builder für Ihre Website.

CoBlocks: Gutenberg-Blöcke für Content Marketer

Wie der Name schon sagt, bietet dieses Plugin die Blöcke, die für Vermarkter nützlich sind. Dieses Plugin wurde vom ThemeBeans-Team erstellt.

Hier sind die von diesem Plugin angebotenen Blöcke

• Akkordeon-Block
• Alarmblock
• Social-Sharing-Block
• Autorenblock
• Dynamischer HR-Block
• Klicken Sie hier, um zu twittern
• Gif-Block
• GitHub-Gist-Block
• Preistabellenblock
• Block markieren

Bokez

Bokez ist eine weitere erstaunliche Sammlung von Gutenberg-Blöcken, die Sie zum Erstellen Ihrer Seiten verwenden können. Es bietet Ihnen einige sehr wichtige Blöcke wie das Testimonial, das Akkordeon, das Postgitter, den Abdeckblock und einige mehr.

Editorblöcke für Gutenberg

Wenn Sie nach einem Plugin suchen, mit dem Sie eine vollständige Zielseite mit verschiedenen Blöcken und Elementen erstellen können, ist dies eine gute Option für Sie.

Dieses Plugin bietet Ihnen eine Reihe sehr nützlicher Gutenberg-Blöcke, mit denen Sie eine Zielseite mit Heldenbereich, Inhaltswrapper, Team, Preistabelle und mehr erstellen können.

Orbit-Fuchs

Orbit Fox ist ein sehr praktisches WordPress-Plugin mit einer Reihe nützlicher Funktionen und Optionen. Dieses eine einzelne Plugin kann eine Reihe anderer Plugins ersetzen, indem es all diese Funktionen bietet.

Von der einfachen Google Analytics-Integration bis hin zu fertigen Seitenvorlagen ist alles dabei.

Dieses Plugin bietet Ihnen auch eine Reihe von Add-Ons und Widgets für Website-Ersteller wie Elementor und Beaver Builder, was es zu einem sehr nützlichen Produkt macht.

Es bietet Ihnen Social-Sharing-Schaltflächen, Sie können aus einer großen Liste von Optionen diejenigen auswählen, die Sie verwenden möchten, es bietet Ihnen fertige Seitenvorlagen, mit denen Sie schöne Zielseiten auf Ihrer Website erstellen können.

Und obendrein erhalten Sie 1 GB kostenlosen CDN-Traffic und optimieren die Bilder auf Ihrer Website, damit sie schneller geladen werden.

Otter-Blöcke

Otter Blocks ist ein weiteres sehr nützliches Gutenberg-Block-Plugin, das Sie kostenlos auf Ihrer WordPress-Seite verwenden können.

Dieses leichtgewichtige Plugin hilft Ihnen, eine optisch ansprechende Website zu erstellen. Das Plugin bietet Ihnen eine Reihe verschiedener Blöcke.

Es enthält eine Bibliothek mit gebrauchsfertigen Vorlagen, die Sie mit einem Klick in Ihre Seiten einfügen und nach Bedarf bearbeiten können.

Wenn Sie also diese codelastigen Website-Ersteller vermeiden möchten, die Ihre Website verlangsamen, wird dieses Plugin den Trick für Sie erledigen.

Wichtige Blöcke

• Sektionsblock
• Schiebeblock
• Erweiterte Schaltflächen
• Erweiterter Kopfzeilenblock
• Gitterblock posten
• Preisblock und mehr

Kadenz-Blöcke

Das Kadence Blocks-Plugin ist ein Website-Builder für sich und stellt sicher, dass Sie nie wieder einen Website-Builder benötigen, um ein vollständig individuelles Design für Ihre Website zu erstellen.

Unabhängig davon, welche Art von Website Sie verwalten, sei es ein einfacher Blog oder eine E-Commerce-Website, das Kadence Blocks-Plugin kümmert sich um das Design Ihrer Website.

Das Plugin bietet eine Reihe verschiedener Blöcke, die Sie zusammenstellen und nach Ihren Bedürfnissen anpassen können, damit Ihre Website perfekt aussieht.

Tatsächlich enthält das Plugin eine Reihe fertiger Website-Demovorlagen, die Sie importieren und auf Ihrer Website verwenden können. Da das Plugin einfach und leicht zu bedienen ist, können Sie es auch als absoluter Neuling anpassen.

Zusätzliches Blockdesign, Stil, CSS für ALLE Gutenberg-Blöcke

Dies ist ein weiteres Gutenberg-Plugin, aber nicht zum Hinzufügen eines neuen Blocks, sondern zum Gestalten der bereits hinzugefügten Plugins.

Wenn Sie in der WordPress-Community aktiv sind, kennen Sie wahrscheinlich Plugins wie CSSHero, die für Nicht-Designer erstellt wurden, um CSS-Code im Handumdrehen mit visuellem Styling zu bearbeiten.

Dies ist ein solches Plugin, das perfekt mit den meisten der dieser Liste hinzugefügten Gutenberg-Plugins kompatibel ist. Sie können dieses Plugin verwenden, um den Block zu gestalten, den Sie durch all diese Block-Plugins hinzufügen.

Dieses Plugin bietet über 60 Designoptionen. Wenn Sie also nicht mit den CSS-Stilcodes vertraut sind, aber das Erscheinungsbild der Blöcke anpassen möchten, ist dieses Plugin genau das Richtige für Sie.

Letztes Wort

Dies sind einige der besten Gutenberg-Block-Plugins , die Sie auf Ihrer WordPress-Seite verwenden können. Wir werden in den kommenden Tagen eine Reihe von Gutenberg-bezogenen Plugins sehen. In gewisser Weise funktionieren diese Plugins wie der Shortcode in altem WordPress, mit dem wir unseren Seiten verschiedene Funktionalitäten hinzugefügt haben.

Jetzt, in der neuen Version von WordPress, werden diese zu Blöcken oder Optionen, um die fertigen Blöcke zu verbessern, um sie zu verbessern.

Wir werden weitere Gutenberg-WordPress-Plugins hinzufügen, während wir weitere Plugins testen. Vergessen Sie also nicht, diese Seite mit einem Lesezeichen zu versehen und später nach weiteren Optionen zu suchen.