Einer der vielversprechendsten Aspekte des Gutenberg-Blockeditors ist die Möglichkeit, eigene benutzerdefinierte Blöcke hinzuzufügen. Sie können aus fast jeder Art von formatiertem Inhalt oder Funktionalität bestehen, die Sie sich vorstellen können.
Und während Sie sicherlich Ihre eigenen benutzerdefinierten Blöcke bauen können, ist das manchmal ein bisschen so, als würde man das Rad neu erfinden. Dies ist insbesondere dann der Fall, wenn Sie ein allgemeines Element hinzufügen möchten, z. B. ein Testimonial, eine Beitragsliste oder eine Zeitleiste. Möglicherweise sind diese Blöcke bereits vorhanden und können problemlos zu Ihrer Website hinzugefügt werden.
Seit Gutenbergs Aufnahme in den WordPress-Kern hat die Entwickler-Community eine Reihe verschiedener Block-Plugins veröffentlicht. Die meisten enthalten eine Sammlung von Blöcken, die sich beim Erstellen Ihrer Website als nützlich erweisen können.
Heute werden wir Ihnen einige der besten benutzerdefinierten Blocksammlungen vorstellen, die für WordPress verfügbar sind. Fangen wir an!
Gutenberg-Blöcke: Ultimative Plugins für Gutenberg
Ultimate Addons for Gutenberg enthält über 20 benutzerdefinierte Blöcke, die eine Vielzahl von Anwendungsfällen abdecken. Wenn es um das Design geht, können Sie mit dem Block Erweiterte Spalten eine sehr benutzerdefinierte mehrspaltige Zeile erstellen. Es gibt auch Blöcke zum Hinzufügen von Google Maps, Symbolen, CTAs, Post-Karussells und mehr. Das kratzt nur an der Oberfläche dessen, was dieses kostenlose Plugin kann.
Gutenberg Blocks Seitenblocker – CoBlocks
CoBlocks wird von GoDaddy unterstützt und ist ein kostenloses WordPress-Plugin, das Gutenberg auflädt. Während es eine Reihe nützlicher benutzerdefinierter Blöcke bietet (Akkordeon, Alarm, Held, Logos, Mauerwerksgalerie, Preistabelle usw.), liegt sein großes Verkaufsargument im Seitenlayout. Zeilen und Spalten bieten eine größere Seitenerstellung und können auf Größe gezogen und für reaktionsschnelle Layouts angepasst werden. Die Typografie ist auch stark veränderbar.
Gutenberg Page Building Toolkit – EditorsKit
EditorsKit unterscheidet sich ein wenig von den anderen Plugins in dieser Sammlung, da es mehr darum geht, die bereits in Gutenberg enthaltenen Blöcke zu erweitern. Mit den Rich-Text-Formatierungsfunktionen können Sie Ihren Inhalt weiter anpassen oder alle benutzerdefinierten Stile mit einem Klick löschen. Sie können die Sichtbarkeit von Blöcken auch anhand des Geräts, des Anmeldestatus oder sogar anhand benutzerdefinierter Feldwerte steuern. Darüber hinaus gibt es unzählige Produktivitätsverbesserungen wie Markdown-Unterstützung, Hervorhebung der Code-Editor-Syntax und die Möglichkeit, bestimmte Blöcke zu importieren oder zu exportieren. Mit so vielen guten Dingen können Sie Gutenberg zu einer ganz anderen Erfahrung machen.
Kadence Blocks – Gutenberg Page Builder Toolkit
Kadence Blocks bietet ein Dutzend benutzerdefinierte Blöcke, die den allgemeinen Anforderungen entsprechen. Zeilenentwürfe, erweiterte Galerien, Registerkarten, Informationsfelder und Testimonials sind unter anderem enthalten. Ziel ist es auch, eines der frustrierendsten Probleme mit Gutenberg zu lösen: die Breite des Editors auf der Rückseite. Das Plugin enthält voreingestellte Breiten, mit denen Inhaltsersteller besser darstellen können, wie Seiten im Front-End aussehen.
Atomblöcke – Gutenberg Block Collection
Verwenden Sie Atomic Blocks, um schnell hochgradig personalisierte WordPress-Beiträge und -Seiten zu erstellen. Zu den Highlights gehört der Block "Abschnitt" und "Layout", der eine Auswahl vorgefertigter Inhaltslayouts enthält. Fügen Sie einfach ein Design hinzu und personalisieren Sie den Inhalt. Es gibt auch einen Newsletter-Block, mit dem Besucher sich für Ihre MailChimp-Liste anmelden können. Der Block mit den Freigabesymbolen kann dazu beitragen, dass Ihre Inhalte viral werden. Dies ist jedoch nur ein Beispiel für die mehr als 20 enthaltenen Elemente.
Gutenberg-Blöcke und Otter-Vorlagenbibliothek
Gutenberg-Blöcke und Vorlagenbibliothek sind eine attraktive Option, um die Erstellung von Inhalten zu beschleunigen und verschiedene Arten von Inhalten hinzuzufügen. Wie die vorherigen Atomblöcke bietet der enthaltene Abschnittsblock eine Reihe vordefinierter Vorlagen und Designs. Es gibt auch eine Reihe anpassbarer Elemente wie Google Maps, Post-Grids, Autoreninformationen und einen Block für die Font Awesome-Symbole.
Gutenberg rückte vor
Sicher, Advanced Gutenberg enthält eine Reihe von benutzerdefinierten Blöcken (Zurück-Schieberegler, WooCommerce-Produkte, erweiterte Tabellen, erweiterte Listen usw.). Sie sind alle nett und praktisch. Die wirklich coole Funktion hier ist jedoch die Möglichkeit, "Bearbeitungs" -Profile zu erstellen, mit denen Sie Blöcke für bestimmte Benutzer oder Benutzerrollen aktivieren oder deaktivieren können. Wenn Sie beispielsweise nur möchten, dass Administratoren Zugriff auf den Spaltenmanagerblock haben, können Sie ihn einfach konfigurieren. Auf diese Weise stellen Sie sicher, dass Benutzer auf niedrigerer Ebene Ihre Designs nicht beschädigen.
Gutenberg Advanced Blocks
Zusätzlich zu Ihrer Fähigkeit, Gutenberg zu ändern, können Sie mit Advanced Gutenberg-Blöcken alle nativen Blöcke deaktivieren, die Sie nicht benötigen. Sie können auch die Breite des Editors anpassen, Farbpaletten und Standardschriftgrößen erstellen. Und ja, es gibt eine Reihe neuer benutzerdefinierter Blöcke, z. B. Anzeigen, WooCommerce-Produkte, Bannerwerbung und Click-to-Tweet.
Holen Sie sich einige neue Bausteine
Die mit Gutenberg gelieferten Standardblöcke sind nützlich und werden ständig weiterentwickelt. Um jedoch eine echte Erfahrung beim Erstellen von Seiten zu erzielen, sollten Sie einige benutzerdefinierte Elemente hinzufügen.
Hier können die oben genannten Plugins dazu beitragen, Ihre Website in die Höhe zu treiben. Sie können nicht nur verschiedene Arten von Funktionen und Inhalten hinzufügen, sondern sich auch um den gesamten Editor kümmern.
Unter dem Strich können Sie sich genauso gut beteiligen, wenn Sie Gutenberg für komplexe Seitenlayouts verwenden. Diese Plugins helfen Ihnen dabei.