Eine Einführung in den WordPress Gutenberg Block Editor

WordPress gibt es seit 2003 und in den letzten 17 Jahren hat es enorme Veränderungen und Verbesserungen erfahren. Einer der größten Fortschritte in der jüngeren Geschichte war die Einführung des neuen Inhaltseditors – Gutenberg.

Gutenberg-Redakteur

Der Blockeditor ist ein beeindruckendes Unterfangen, das mit der Idee gemacht wurde, den Prozess der Erstellung und Veröffentlichung von Rich Content in WordPress zu erleichtern.

In dieser Zusammenfassung stellen wir Ihnen den WordPress Gutenberg Block Editor vor und zeigen Ihnen, wie Sie ihn für die Inhaltserstellung verwenden.

Was ist Gutenberg

Gutenberg ersetzte am 6. Dezember 2018 den TinyMCE-Editor als Standard-WordPress-Editor, als die 5.0-WordPress-Version auf den Markt kam. Aber warum wurde Gutenberg überhaupt geschaffen? Die meisten WordPress-Benutzer waren bereits daran gewöhnt, den Classic Editor zu verwenden, also konnten die Entwickler ihn nicht einfach aktualisieren, um ihn leistungsfähiger zu machen?

Es stellte sich heraus, dass sie die Funktionen des TinyMCE nicht einfach verbessern konnten, da dies nicht ausgereicht hätte. WordPress musste eine große Änderung vornehmen, um mit leistungsstarken Seitenerstellern Schritt zu halten. Elementor, WPBakery, Biber-Baumeister sind weit verbreitet, und sie sind die erste Wahl für viele Leute, wenn es um die Erstellung von Websites geht.

Der Classic Editor ist einfach nicht leistungsstark und vielseitig genug. Zunächst einmal ist es textbasiert. Im Vergleich zu den eher visuellen Editoren, von denen die meisten Drag-and-Drop-Funktionen bieten, ist klar, warum Benutzer Letzteres bevorzugen. Außerdem ist der Classic-Editor nicht so anpassbar… daher ist es nicht verwunderlich, dass so viele Leute Page Builder verwenden, die weit mehr Optionen bieten und eine angenehme Website-Erstellung gewährleisten.

WordPress musste sich weiterentwickeln, um das bevorzugte CMS für Benutzer zu bleiben. Und seine Antwort auf eine leistungsfähigere Plattform ist der Gutenberg Block Editor.

Wie funktioniert Gutenberg

Um Inhalte zu erstellen, zu formatieren und zu stylen, verwendet Gutenberg Blöcke. Es ist völlig intuitiv, einfach zu bedienen und ermöglicht es Benutzern, jeden gewünschten Inhalt mit Blöcken zu erstellen.

Alles kann ein Block sein: ein Textstück, ein Bild, eine Schaltfläche, ein Video, ein Widget, ein Code-Snippet usw.

Gutenberg-Inhaltsblöcke

Gutenberg integriert zahlreiche vordefinierte Blöcke, aber viele weitere sind als Add-Ons von Drittanbietern verfügbar.

Die Idee hinter Gutenberg bestand darin, einen Drag-and-Drop-Content-Editor zu entwickeln, der die Arbeitsweise von Seitenerstellern emuliert. Sie können Blöcke manövrieren, neu anordnen und praktisch überall auf der Website platzieren. Jeder Block fungiert als eine Einheit, die Sie getrennt von anderen Blöcken ändern können. Aber das Problem ist das Gutenberg ist noch in Arbeit und es fehlen viele Optionen, die Seitenersteller standardmäßig enthalten.

Es soll für alle gängigen WordPress-Benutzer geeignet sein, aber die Wahrheit ist, dass Sie in einigen Fällen, insbesondere in Bezug auf die Anpassung, benutzerdefiniertes CSS verwenden (oder nach geeigneten Add-Ons von Drittanbietern suchen) müssen, um Ihre Blöcke zu gestalten. Wenn Sie sich jedoch für ein leistungsstarkes WordPress-Theme für Ihre Nische entscheiden, das eine breite Palette von Plugins, Widgets und Shortcodes enthält, können Sie möglicherweise mehr herumspielen und Ihre Websites nach Ihren Wünschen erstellen.

Was einige WordPress-Benutzer besonders ärgert, ist die Tatsache, dass Gutenberg ihnen irgendwie aufgezwungen wurde. Der Classic Editor ist jetzt nur noch als Plugin verfügbar und WordPress wird ihn ab 2022 nicht mehr unterstützen. Die Leute sind unzufrieden, weil sie der Meinung sind, dass der Block Editor noch nicht vollständig entwickelt ist, und das ist einer der Gründe, warum er eine durchschnittliche Bewertung von 2 Sternen. Es gibt noch viel Raum für Verbesserungen, daher haben sich viele Benutzer entschieden, entweder beim klassischen Editor zu bleiben oder zu Seitenerstellern zu wechseln.

Die Entwickler arbeiten jedoch ständig daran, Gutenberg zu aktualisieren, und jedes Update war besser als das letzte. Der Block-Editor hat seinen Höhepunkt noch nicht erreicht, und irgendwann wird es wahrscheinlich viel schwieriger zu entscheiden, was für Benutzer, Gutenberg oder Seitenersteller besser ist. So wie es ist, ist Gutenberg eine gute Wahl für WordPress-Anfänger und ein anständiger Ersatz für Seitenersteller, wenn Sie kostenlose WordPress-Themes verwenden. Es ist jedoch nicht verwunderlich, dass Leute, die WordPress schon lange verwenden und sich an die Leistungsfähigkeit fortgeschrittener Page Builder gewöhnt haben, nicht so begeistert sind.

Verwandt :  So ändern Sie den Absendernamen in WordPress Mail

So erstellen Sie Inhalte in Gutenberg

Schauen wir uns also genauer an, wie Gutenberg funktioniert. Wir werden einen neuen Beitrag erstellen, indem wir zu navigieren Beiträge > Neu hinzufügen.

Neuen Beitrag hinzufügen

Die ersten beiden Blöcke, auf die Sie stoßen werden, sind der Titel- und der Absatzblock. Sie werden direkt dort sein und in Ihrem frisch erstellten Beitrag auf Sie warten. Sie können einen Namen für Ihren neuen Beitrag eingeben und dann einige Inhalte in den Absatzabschnitt eingeben. Wir haben bereits erwähnt, dass es im Blockeditor alle Arten von Blöcken gibt. Um Ihrer Website verschiedene Arten von Inhalten hinzuzufügen, suchen Sie nach dem + Symbol (Neuen Block hinzufügen). Sie finden es entweder in der oberen linken Ecke des Editors oder auf der linken Seite eines Blocks.

Gutenberg Plus-Symbol

Eine viel schnellere Methode zum Hinzufügen von Blöcken besteht darin, den Schrägstrich ( / ) gefolgt vom Namen des einzufügenden Blocks einzugeben.

Um den benötigten Block zu finden, können Sie auch das Schlüsselwort in die Suchleiste eingeben oder die Liste der verfügbaren Blöcke durchsuchen, indem Sie die Kategorien durchgehen. Einige der vorgestellten Kategorien sind Formatierung, Widgets, Layoutelemente, Gemeinsame Blöcke, etc. Die Blöcke, die Sie häufig verwenden, werden unter die Am meisten benutzt Kategorie. Die allgemein am häufigsten verwendeten Blöcke heißen Verbreitet Blöcke, und sie umfassen die oben genannten Titel- und Absatzblöcke, Bildblöcke, Galerieblöcke, Zitatblöcke usw.

Wenn Sie auf einen Block klicken, passieren zwei Dinge – eine Symbolleiste wird über dem Block angezeigt und eine Seitenleiste wird auf der rechten Seite des Bildschirms angezeigt, die die verfügbaren Blockeinstellungen anzeigt. Jeder Block hat seine eigenen Anpassungsmöglichkeiten, daher unterscheiden sich die Optionen in der Symbolleiste und in der Seitenleiste normalerweise von einem Block zum nächsten.

Wenn wir beispielsweise a . hinzufügen möchten Absatz Block für unsere Seite, so sieht die Symbolleiste aus.

Gutenberg-Symbolleiste

Und das sind die Bearbeitungsoptionen in der Seitenleiste:

Gutenberg-Seitenleiste

Sie können alle möglichen Dinge ändern, z. B. die Schriftgröße festlegen, Drop-Caps aktivieren sowie Hintergrund- und Textfarben auswählen.

Wenn Sie Platz auf dem Bildschirm freigeben und die Seitenleiste ausblenden möchten, klicken Sie oben rechts auf dem Bildschirm auf die Schaltfläche Einstellungen.

Gutenberg-Einstellungen

Wiederverwendbare Blöcke

Das Tolle an Gutenberg ist, dass es dich lässt Speichern Sie Ihre Blöcke und verwenden Sie sie ein anderes Mal, sogar auf einer anderen WordPress-Website. Sie können Ihre eigene Art von Block erstellen, den Inhalt speichern und ihn jederzeit und überall wiederverwenden. Wenn Sie beispielsweise auf Ihrer gesamten Website ein bestimmtes Call-to-Action-Design verwenden, kann Ihnen diese hübsche Funktion etwas Zeit und Energie sparen, sodass Sie nicht immer wieder denselben Block erstellen müssen.

Um einen Block zur späteren Wiederverwendung zu speichern, klicken Sie in der Block-Symbolleiste auf die erste Schaltfläche von rechts. Es sieht aus wie drei vertikale Punkte. Wählen Sie dann im angezeigten Menü die Option Hinzufügen zu Wiederverwendbare Blöcke Möglichkeit.

Zu wiederverwendbaren Blöcken hinzufügen

Legen Sie einen Namen für den Block fest und speichern Sie ihn zur späteren Verwendung.

Sobald Sie einen wiederverwendbaren Block erstellen, a Wiederverwendbar Kategorie erscheint innerhalb der Neuen Block hinzufügen Speisekarte. Sie können auch auf einen wiederverwendbaren Block zugreifen, indem Sie seinen Namen in die Suchleiste eingeben.

Alle wiederverwendbaren Blöcke verwalten

Um einen wiederverwendbaren Block zu ändern und seinen Stil und seine Einstellungen zu ändern, klicken Sie auf Alle wiederverwendbaren Blöcke verwalten.

Verwandt :  Was sind WordPress Sticky Posts und wie man sie erstellt?
Wiederverwendbaren Block suchen

Jetzt kannst du alle wiederverwendbaren Blöcke, die du gemacht hast, ändern, löschen, neue erstellen, sie als JSON-Dateien exportieren, um sie auf anderen WordPress-Websites zu verwenden, sowie sie als JSON-Dateien importieren (falls du sie zuvor erstellt hast .) wiederverwendbare Blöcke auf einer anderen WP-Site).

Raffinierte Gutenberg-Blöcke

Gutenberg wird mit einer Sammlung zahlreicher super praktischer Blöcke geliefert, wie dem Tischblock. Im Classic-Editor mussten Sie Plugins verwenden, um Tabellen zu Ihren Seiten und Beiträgen hinzuzufügen, oder Sie mussten die Tabellen selbst codieren. Jetzt gibt es einen Block, der das abdeckt. Sie können auch die Anzahl der Spalten und Zeilen auswählen, die Sie einfügen möchten, und Sie können sie auch ein wenig formatieren.

Eine andere Sache, die im klassischen Editor einiges Know-how erforderte, war, Ihre Inhalte und Medien nebeneinander anzuzeigen. Gutenberg hat dies mit seiner Medien- und Textblock, mit dem Sie ganz einfach ein Bild neben einen Text platzieren können.

Auch das Hinzufügen einer Schaltfläche war früher mühsam. Sofern das von Ihnen erworbene WordPress-Theme nicht den entsprechenden Shortcode enthält, mussten Sie den Code selbst schreiben. Das ist nicht mehr nötig, da Gutenberg die packt Taste Block, den Sie bearbeiten können, indem Sie die Schaltflächenfarbe auswählen, den Umrandungsradius sowie die Farbe des Schaltflächentextes festlegen usw.

So konvertieren Sie Posts im klassischen Editor in Blöcke

Wenn Sie Ihre alten Beiträge in Gutenberg-Blöcke umwandeln möchten, gehen Sie von Ihrem Dashboard zu Beitrag > Alle Beiträge. Suchen Sie in der Beitragsliste nach dem Beitrag, den Sie konvertieren möchten, und klicken Sie auf Bearbeiten.

Die Post wird jetzt in Gutenberg eröffnet, im Inneren der Klassischer Block. Dieser Block ist im Grunde der klassische Editor und hat die gleichen Funktionen wie der alte Editor.

Der Beitrag ist noch nicht in einen Block umgewandelt. Wählen Sie dazu den Block Classic aus. Suchen Sie in der Symbolleiste erneut nach den vertikalen drei Punkten (die Schaltfläche Bearbeiten). Wählen Sie aus dem Dropdown-Menü die In Blöcke umwandeln Option, und Ihr Beitrag wird in separate Blöcke umgewandelt.

In Blöcke umwandeln

Gutenberg-Plugins

Um die Funktionalität Ihres Editors zu erweitern und ihn schicker zu machen, gibt es zahlreiche Plugins von Drittanbietern, die Sie ihm hinzufügen können.

Zum Beispiel, Kadenzblöcke ist eines der am häufigsten verwendeten Gutenberg-Plugins. Es enthält einen Zeilen-Layout-Block, einen erweiterten Galerie-Block, einen Abstands-/Trennungs-Block, einen Symbollisten-Block und so weiter. Jeder Block hat seine eigenen Anpassungsoptionen, sodass Sie ihn nach Ihren Wünschen gestalten können.

Ultimative Blöcke ist ein hervorragendes Plugin für alle Blogger und Vermarkter. Es kommt mit einer beeindruckenden Reihe von Plugins für diese Nischen, wie dem Inhaltsfilter-Block, dem Review-Block, dem Star-Rating-Block usw.

Gutenberg für Fortgeschrittene fügt Gutenberg nicht nur mehr als 20 Blöcke hinzu, sondern hilft Ihnen auch dabei, den Blockeditor besser zu steuern. Wenn Sie dieses Plugin zu Ihrer WordPress-Website hinzufügen, haben Sie die Möglichkeit, Post-Slider, WooCommerce-Produkt-Slider, Kontaktformular-Block, Testimonial-Block und vieles mehr zu verwenden.

Stapelbar betreibt Gutenberg derzeit mit einem Array von 23 Blöcken und >50 Blocklayouts. Es enthält Post-Grids, Feature-Grids, Akkordeons, Feature-Blöcke, CTA, Video-Popups, Preistabellen usw. Dieses Add-On bietet auch eine große Auswahl an Anpassungseffekten, sodass Sie Blöcke ganz einfach an Ihre Anforderungen anpassen können.

Natürlich geht die Liste der sehr praktischen Gutenberg-Plugins weiter, aber dies sind vier großartige Erweiterungen, die den Blockeditor in beeindruckendem Umfang antreiben können.

Lass uns das zusammenfassen

Gutenberg hat leider einen schlechten Ruf in der WP-Community, und viele Benutzer finden es schwer, seine Mängel zu überwinden. Wir wollten Ihnen den neuen Blockeditor richtig vorstellen, Ihnen seine Funktionsweise zeigen, auch auf seine Mängel hinweisen und Sie wissen lassen, wie Sie diese ausgleichen können. Viele seiner Funktionen müssen noch verbessert werden, und es müssen neue entwickelt werden, um es (mindestens) mit Seitenerstellern zu vergleichen. Aber Gutenbergs Potenzial ist enorm. Der Blockeditor ist die Zukunft von WordPress, aber er ist noch nicht von seiner besten Seite.