Vertrauenswürdige WordPress-Tutorials, wenn Sie sie am dringendsten benötigen.
Anfängerleitfaden für WordPress
WPB Cup
25 Millionen+
Websites, die unsere Plugins verwenden
16+
Jahre WordPress-Erfahrung
3000+
WordPress-Tutorials von Experten

So verwenden Sie den WordPress-Block-Editor (Gutenberg-Tutorial)

Das Erstellen schöner Inhalte in WordPress muss nicht überwältigend sein.

Der Block-Editor (auch bekannt als Gutenberg) wurde speziell entwickelt, um das Erstellen von Seiten und Beiträgen so einfach wie das Ziehen und Ablegen von Blöcken zu gestalten, ohne dass technische Kenntnisse erforderlich sind.

Stellen Sie es sich wie das Bauen mit digitalen Legosteinen vor. Jedes Inhaltselement – sei es Text, Bilder oder Schaltflächen – wird zu einem Block, den Sie einfach verschieben und anpassen können.

Wir haben früh auf Gutenberg umgestellt und nutzen es seit Jahren. Dies hat uns geholfen, Tausende von WPBeginner-Benutzern bei der Beherrschung dieses Systems zu unterstützen.

In diesem Tutorial zeigen wir Ihnen genau, wie der WordPress Block-Editor funktioniert.

Sie lernen die einfachen Techniken kennen, die die Inhaltserstellung schneller und angenehmer machen, und entdecken Funktionen, die Ihrer Website ein professionelles Aussehen verleihen, ohne dass Sie dafür Programmierkenntnisse benötigen.

Wie man den WordPress-Block-Editor benutzt

Hinweis: In diesem Artikel sprechen wir über die Verwendung des Block-Editors, der für die Bearbeitung Ihrer Beiträge und Seiten konzipiert ist. Wenn Sie sich fragen, wie Sie Ihre gesamte Website mit Blöcken bearbeiten können, lesen Sie bitte unseren vollständigen Leitfaden zur vollständigen Website-Bearbeitung in WordPress.

Was ist der Unterschied zwischen dem Block-Editor (Gutenberg) und dem klassischen Editor?

Bevor wir uns mit dem Block-Editor befassen, vergleichen und verstehen wir die Unterschiede zwischen dem Gutenberg Block Editor und dem älteren Classic Editor.

So sah der klassische Editor in WordPress aus:

Älterer klassischer Editor in WordPress

Es gab eine Texteditor-Box mit einigen grundlegenden Formatierungsoptionen. Sie war in Funktionalität und visuellem Erscheinungsbild ziemlich begrenzt.

So sieht der Block-Editor in WordPress aus:

Block-Editor in WordPress

Wie Sie sehen können, sind dies zwei völlig unterschiedliche Editoren zum Erstellen von Inhalten in WordPress.

Der alte klassische Editor war ein Texteditor mit Formatierungsbuttons, ähnlich wie bei Microsoft Word.

Der neue Editor verwendet einen anderen Ansatz namens „Blöcke“ (daher der Name Block-Editor).

Blöcke sind Inhaltselemente, die Sie dem Bearbeitungsbildschirm hinzufügen können, um Layouts zu erstellen. Jeder Artikel, den Sie Ihrem Beitrag oder Ihrer Seite hinzufügen, ist ein Block.

Sie können beispielsweise Blöcke für Absätze, Bilder, Videos, Galerien, Audio, Listen und mehr hinzufügen. Es gibt Blöcke für alle gängigen Inhaltselemente, und weitere können über WordPress-Plugins hinzugefügt werden.

Wie ist der WordPress Block-Editor besser als der Classic Editor?

Der WordPress-Blockeditor bietet eine einfache Möglichkeit, verschiedene Arten von Inhalten zu Ihren Beiträgen und Seiten hinzuzufügen.

Wenn Sie beispielsweise zuvor eine Tabelle zu Ihren Inhalten hinzufügen wollten, indem Sie den klassischen Editor verwendeten, benötigten Sie ein separates Tabellen-Plugin.

Mit dem Block-Editor können Sie einfach einen Tabellenblock hinzufügen, Ihre Spalten und Zeilen auswählen und mit der Eingabe von Inhalten beginnen.

Tabellenblock-Beispiel

Sie können Inhaltselemente nach oben und unten verschieben, sie als einzelne Blöcke bearbeiten und ganz einfach medienreiche Inhalte erstellen.

Am wichtigsten ist, dass der WordPress-Block-Editor einfach zu bedienen und zu erlernen ist.

Dies verschafft allen WordPress-Anfängern, die gerade ihren ersten Blog starten oder eine DIY-Website für Ihr Unternehmen erstellen, einen immensen Vorteil.

Lassen Sie uns nun untersuchen, wie Sie den WordPress-Blockeditor verwenden, um großartige Inhalte wie ein Profi zu erstellen.

Hier ist, was wir in diesem Gutenberg-Tutorial behandeln werden:

Bereit? Tauchen wir ein.

Gutenberg verwenden – Der WordPress Block-Editor

Der Block-Editor ist intuitiv und flexibel gestaltet. Obwohl er anders aussieht als der alte WordPress-Editor, erledigt er immer noch alle Dinge, die Sie im klassischen Editor tun konnten.

Beginnen wir mit den grundlegenden Dingen, die Sie im klassischen Editor gemacht haben, und wie sie im Block-Editor gemacht werden.

Einen neuen Blogbeitrag oder eine neue Seite mit dem Block-Editor erstellen

Sie beginnen mit der Erstellung eines neuen Blogbeitrags oder einer neuen Seite, wie Sie es normalerweise tun würden. Klicken Sie einfach im WordPress-Adminbereich auf das Menü Beiträge » Neuen Beitrag hinzufügen.

Wenn Sie eine Seite erstellen, gehen Sie stattdessen zum Menü Seiten » Neu hinzufügen.

Neuen Beitrag in WordPress hinzufügen

Dies startet den Block-Editor.

So fügen Sie einen Block im Block-Editor hinzu

Der erste Block jedes Beitrags oder jeder Seite ist der Titel.

Sie können die Maus verwenden, um unter den Titel zu fahren, oder die Tabulatortaste auf Ihrer Tastatur drücken, um den Cursor nach unten zu bewegen und mit dem Schreiben zu beginnen.

Der Titelblock

Standardmäßig ist der nächste Block ein Absatzblock. Dies ermöglicht es den Benutzern, sofort mit dem Schreiben zu beginnen.

Wenn Sie jedoch etwas anderes hinzufügen möchten, können Sie auf die Schaltfläche zum Hinzufügen eines neuen Blocks [+] in der oberen linken Ecke des Editors, unter einem vorhandenen Block oder auf der rechten Seite eines Blocks klicken.

Schaltflächen zum Hinzufügen neuer Blöcke

Durch Klicken auf die Schaltfläche wird das Menü zum Hinzufügen von Blöcken angezeigt, mit einer Suchleiste oben und häufig verwendeten Blöcken darunter.

Sie können auf Registerkarten klicken, um Blockkategorien zu durchsuchen, oder ein Schlüsselwort eingeben, um schnell nach einem bestimmten Block zu suchen.

Animation zum Hinzufügen neuer Blöcke

Wenn Sie die Maus nicht zum Klicken auf die Schaltfläche verwenden möchten, können Sie auch eine Tastenkombination verwenden.

Beginnen Sie mit der Eingabe von / , um nach einem Block zu suchen, und fügen Sie ihn dann ein, indem Sie die Eingabetaste auf Ihrer Tastatur drücken.

Neuen Block mit Tastenkombination hinzufügen

Arbeiten mit Blöcken im neuen Editor

Jeder Block hat eine Symbolleiste, die darüber erscheint. Die Schaltflächen in der Symbolleiste ändern sich je nach dem Block, den Sie bearbeiten.

Zum Beispiel arbeiten wir im folgenden Screenshot an einem Absatzblock, der grundlegende Formatierungsbuttons wie Textausrichtung, Fett, Kursiv, Link einfügen und weitere Optionen unter dem Drei-Punkte-Menü anzeigt.

Block-Symbolleiste

Zusätzlich zur Symbolleiste kann jeder Block eigene Blockeinstellungen haben, die in der rechten Spalte des Bearbeitungsbildschirms angezeigt werden.

Diese Einstellungen variieren je nachdem, welchen Block Sie bearbeiten. Zum Beispiel lässt der Absatzblock Sie die Text-, Hintergrund- und Linkfarbe sowie die Typografie bearbeiten.

Zusätzliche Blockeinstellungen in der Seitenleiste

Sie können Blöcke nach oben und unten verschieben und neu anordnen.

Wenn Sie dies tun möchten, klicken Sie einfach, um zu ziehen oder zu lassen oder klicken Sie auf die Auf- und Ab-Schaltflächen in der Block-Symbolleiste.

Verwandt: Sehen Sie sich unseren Leitfaden an, wie Sie einen Block in WordPress entfernen.

Blöcke in Gruppen und Spalten organisieren

Der Block-Editor bietet auch nützliche Werkzeuge zur Verwaltung und Organisation Ihrer Inhaltslayouts.

Sie können mehrere Blöcke auswählen, indem Sie sie anklicken, während Sie die Umschalttaste auf Ihrer Tastatur gedrückt halten.

Blöcke in Gruppen oder Spalten transformieren

Klicken Sie anschließend auf die Schaltfläche für den Blocktyp in der Symbolleiste, um die ausgewählten Blöcke in Gruppen oder Spalten umzuwandeln.

Sie können dann Stile auf den gesamten Gruppenblock anwenden, z. B. die Ausrichtung oder den Abstand ändern.

Stilgruppenblöcke

Der Block-Editor ermöglicht es Ihnen auch, eine leere Gruppe oder Spaltenblock hinzuzufügen.

Danach können Sie sie mit anderen Blöcken füllen.

Hinzufügen eines Spaltenblocks in WordPress

Sie können bei Bedarf jeden Blocktyp in jeder Spalte hinzufügen.

Dies ermöglicht es Ihnen, schöne Layouts für verschiedene Anwendungsfälle zu erstellen.

Spaltenblock-Einstellungen

Inhalte speichern und wiederverwenden mit synchronisierten Mustern (wiederverwendbare Blöcke)

Eines der leistungsfähigsten Features des Block-Editors ist die Möglichkeit, Inhalte auf Ihrer Website zu speichern und wiederzuverwenden. Dies geschieht mit synchronisierten Mustern, die früher als wiederverwendbare Blöcke bekannt waren.

Ein synchronisiertes Muster ist ein Block oder eine Gruppe von Blöcken, die Sie auf mehreren Beiträgen und Seiten verwenden können.

Das Beste daran ist, dass bei der Bearbeitung eines Musters dieses automatisch überall aktualisiert wird, wo Sie es verwendet haben. Dies ist perfekt für Inhalte, die konsistent bleiben müssen, wie z. B. eine Handlungsaufforderungsbox, eine Autorenbiografie oder Kontaktinformationen.

Um einen zu erstellen, wählen Sie einfach die Blöcke aus, die Sie speichern möchten. Klicken Sie dann auf das Drei-Punkte-Menüsymbol in der Block-Symbolleiste und wählen Sie die Option „Muster erstellen“.

Wiederverwendbare Blockmuster erstellen

Ein Popup-Fenster wird angezeigt. Hier können Sie Ihrem Muster einen Namen geben und es einer Kategorie zuweisen, um die Dinge organisiert zu halten.

Am wichtigsten ist, dass Sie sicherstellen müssen, dass die Option 'Synchronisiert' aktiviert ist. Dies bewirkt, dass sich das Muster überall gleichzeitig aktualisiert.

Muster erstellen

Hinweis💡: Sie können auch ganze Gruppen und Spalten als wiederverwendbare Blöcke verwenden. Dies ermöglicht es Ihnen, ganze Abschnitte zu speichern und sie bei Bedarf zu verwenden.

Nachdem Sie auf „Erstellen“ geklickt haben, wird Ihr neues synchronisiertes Muster gespeichert.

Um ihn in einem anderen Beitrag oder einer anderen Seite zu verwenden, klicken Sie einfach auf die Schaltfläche zum Einfügen von Blöcken (+) und suchen Sie ihn im Tab „Muster“ oder suchen Sie ihn einfach nach Namen.

Muster einfügen

Muster machen es Website-Besitzern leicht, häufig verwendete Elemente in ihre Layouts einzufügen, wie z. B. Handlungsaufforderungen, Social-Media-Schaltflächen, Banner und mehr.

Ihr WordPress-Theme oder Ihre Plugins können sogar eigene Muster enthalten, oder Sie können Muster finden, die von anderen in der Block Patterns-Bibliothek von WordPress erstellt wurden.

Wenn Sie weitere Hilfe benötigen, haben wir einen separaten Leitfaden für Anfänger zum Finden und Verwenden von WordPress Block-Mustern.

Veröffentlichungs- und Verwaltungsoptionen im Gutenberg-Block-Editor

Jeder WordPress-Beitrag enthält viele Metadaten. Dazu gehören Informationen wie das Veröffentlichungsdatum, Kategorien und Tags, Featured Images und mehr.

All diese Optionen sind in der rechten Spalte auf dem Editor-Bildschirm übersichtlich platziert.

Beitrag- und Seiteneinstellungen im Block-Editor

Plugin-Optionen in Gutenberg

WordPress-Plugins können die API des Block-Editors nutzen, um ihre Einstellungen auf dem Bearbeitungsbildschirm zu integrieren.

Einige beliebte Plugins werden mit eigenen Blöcken geliefert.

Zum Beispiel erlaubt Ihnen WPForms, das beste WordPress Kontaktformular-Plugin, das Hinzufügen von Formularen zu Ihren Inhalten mithilfe eines Blocks.

WPForms-Blockbeispiel

Andere WordPress-Plugins können auch ihre Einstellungen zum Block-Editor-Bildschirm hinzufügen.

Hier sehen Sie zum Beispiel, wie All in One SEO für WordPress es Ihnen ermöglicht, Ihre SEO-Einstellungen am unteren Rand des Block-Editors zu bearbeiten:

All in One SEO Einstellungen Beispiel

Wenn Sie einen Online-Shop mit WooCommerce betreiben, werden Sie feststellen, dass es auch eigene Blöcke hat.

Diese Blöcke ermöglichen es Ihnen, Ihre Produkte zu jedem Ihrer WordPress-Beiträge und Seiten hinzuzufügen.

WooCommerce-Blöcke im Block-Editor

Hinzufügen einiger gängiger Blöcke im Block-Editor

Der Block-Editor kann alles, was der ältere klassische Editor konnte.

Sie werden jedoch Dinge schneller und eleganter erledigen als zuvor. Außerdem kann es viel mehr, wie z. B. das Stylen Ihrer Inhalte mit einer Reihe von No-Code-Optionen.

Hier sind einige der gängigen Blöcke, die Sie verwenden können.

1. Hinzufügen eines Bildes im WordPress Block-Editor

Im WordPress-Blockeditor gibt es einen fertigen Bildblock. Fügen Sie einfach den Block hinzu und laden Sie dann eine Bilddatei hoch oder wählen Sie sie aus der Mediathek aus.

Bildblock in WordPress hinzufügen

Sie können auch Bilder per Drag & Drop von Ihrem Computer ziehen, und der Editor erstellt automatisch einen Bildblock.

Sobald Sie ein Bild hinzugefügt haben, können Sie die Blockeinstellungen sehen, wo Sie Metadaten für das Bild hinzufügen können, wie den Alt-Text, die Bildauflösung und das Hinzufügen eines Links zum Bild.

Bildblock-Einstellungen in WordPress

Weitere Informationen finden Sie in unserem Tutorial unter Hinzufügen von Bildern in WordPress.

2. Einen Link im Block-Editor hinzufügen

Der Block-Editor verfügt über mehrere Blöcke, in denen Sie Text hinzufügen können. Der am häufigsten verwendete ist der Absatzblock, der in der Symbolleiste eine Schaltfläche zum Einfügen von Links hat.

Alle anderen gängigen Textblöcke haben ebenfalls eine Link-Schaltfläche in der Symbolleiste.

Link-Block-Editor WordPress hinzufügen

Sie können auch einen Link mit der Tastenkombination einfügen, nämlich Command + K für Mac und STRG + K auf Windows-Computern.

3. Hinzufügen einer Bildergalerie in Gutenberg

Der Galerie-Block funktioniert wie der Bild-Block. Sie fügen ihn hinzu und laden dann Bilddateien hoch oder wählen sie aus.

Galerie-Block-Beispiel

Weitere Details finden Sie in unserem Leitfaden zum Erstellen einer Bildergalerie in WordPress.

4. Hinzufügen von Shortcodes in WordPress-Beiträgen mit Gutenberg

Alle Ihre Shortcodes funktionieren genauso wie im klassischen Editor. Sie können sie einfach zu einem Absatzblock hinzufügen oder den Shortcode-Block verwenden.

Shortcode-Block im Block-Editor

Erkunden anderer Inhaltsblöcke im Block-Editor

Der Gutenberg-Editor versprach, einige langjährige Usability-Probleme in WordPress durch die Einführung neuer Blöcke zu lösen.

Im Folgenden finden Sie einige der Favoriten, von denen wir glauben, dass Benutzer sie äußerst hilfreich finden werden.

1. Ein Bild neben Text in WordPress hinzufügen

Viele unserer Benutzer konnten mit dem alten Editor kein Bild neben dem Text platzieren. Das können Sie jetzt mit dem Medien & Text-Block tun.

Medien- und Textblock

Dieser einfache Block wird mit zwei nebeneinander platzierten Blöcken geliefert, sodass Sie problemlos ein Bild mit Text daneben hinzufügen können.

2. Hinzufügen eines Buttons in WordPress-Beiträgen und -Seiten

Eine weitere Ärgernis des alten Editors war das Hinzufügen eines Buttons zu Ihren Blog-Posts oder Seiten. Sie mussten entweder ein Plugin verwenden, das einen Shortcode für den Button erstellte, oder zum HTML-Modus wechseln und Code schreiben.

Glücklicherweise verfügt Gutenberg über einen Button-Block, mit dem Sie schnell eine Schaltfläche zu jedem Beitrag oder jeder Seite hinzufügen können.

Schaltflächen im Block-Editor

Sie können Ihrer Schaltfläche einen Link hinzufügen, Farben ändern und mehr. Details finden Sie in unserem Artikel über wie Sie einfach Schaltflächen in WordPress hinzufügen.

3. Schöne Titelbilder in Blogbeiträgen und Landing Pages hinzufügen

Eine weitere coole Funktion, die Sie vielleicht ausprobieren möchten, ist der Cover-Block, mit dem Sie Titelbilder oder farbige Hintergrund-Cover zu Ihren Beiträgen und Seiten hinzufügen können.

Ein Titelbild ist ein breiteres Bild, das oft für einen neuen Abschnitt auf einer Seite oder den Anfang einer Geschichte verwendet wird. Es sieht schön aus und ermöglicht es Ihnen, ansprechende Inhaltslayouts zu erstellen.

Fügen Sie einfach einen Cover-Block hinzu und laden Sie dann das Bild hoch, das Sie verwenden möchten. Sie können eine Überlagerungsfarbe für das Cover wählen oder es zu einem festen Hintergrundbild machen, um einen Parallax-Effekt zu erzeugen, wenn Benutzer nach unten scrollen.

Cover-Block

Weitere Details finden Sie in unserem Artikel über den Unterschied zwischen Cover- und Beitragsbildern in WordPress.

4. Tabellen in Artikeln erstellen

Der klassische Editor hatte keine Schaltfläche, um Tabellen zu Ihren WordPress-Beiträgen hinzuzufügen. Sie mussten ein Plugin verwenden oder eine Tabelle erstellen, indem Sie benutzerdefiniertes CSS und HTML schrieben.

Jetzt verfügt der Block-Editor über einen standardmäßigen Tabellenblock, mit dem das Hinzufügen von Tabellen zu Ihren Beiträgen und Seiten super einfach ist. Fügen Sie einfach den Block hinzu und wählen Sie die Anzahl der Spalten und Zeilen aus, die Sie einfügen möchten.

Tabellenblock-Beispiel

Sie können nun Daten zu Tabellenzeilen hinzufügen. Sie können bei Bedarf jederzeit weitere Zeilen und Spalten hinzufügen, und es stehen zwei grundlegende Stiloptionen zur Verfügung.

5. Erstellen von mehrspaltigen Inhalten

Das Erstellen von mehrspaltigen Inhalten war ein weiteres Problem, das der klassische Editor überhaupt nicht bewältigte.

Glücklicherweise erlaubt Ihnen der Block-Editor, einen Spaltenblock hinzuzufügen, der zwei Absatzblockspalten hinzufügt.

Mehrspaltiger Inhaltsblock

Dieser Spaltenblock ist ziemlich flexibel. Sie können bis zu 6 Spalten in einer Zeile hinzufügen und sogar andere Blöcke innerhalb jeder Spalte verwenden.

Bonus-Tipps, um Gutenberg wie ein Profi zu nutzen

Wenn Sie sich den Block-Editor ansehen, fragen Sie sich vielleicht, ob Sie mehr Zeit mit dem Hinzufügen und Anpassen von Blöcken verbringen werden als mit der Erstellung tatsächlicher Inhalte.

Nun, der Block-Editor ist unglaublich schnell, und selbst eine sehr grundlegende Nutzung für ein paar Minuten ermöglicht es Ihnen, Blöcke sofort hinzuzufügen, ohne überhaupt nachdenken zu müssen.

Schon bald werden Sie feststellen, wie viel schneller Ihr Workflow mit diesem Ansatz wird.

Hier sind einige zusätzliche Tipps für Power-User, die Ihnen helfen, mit dem WordPress-Block-Editor noch schneller zu arbeiten.

1. Block-Werkzeugleiste nach oben verschieben

Sie haben vielleicht in den obigen Screenshots bemerkt, dass am oberen Rand jedes Blocks eine Symbolleiste erscheint. Sie können diese Symbolleiste an den oberen Rand des Editors verschieben.

Um auf die Option „Obere Symbolleiste“ zuzugreifen, klicken Sie auf die Schaltfläche mit den drei Punkten in der oberen rechten Ecke des Bildschirms.

Block-Werkzeugleiste nach oben verschieben

2. Tastenkombinationen verwenden

Gutenberg wird mit mehreren praktischen Tastenkombinationen geliefert, die Ihren Arbeitsablauf noch schneller und einfacher machen. Die erste, die Sie sofort verwenden sollten, ist die /.

Geben Sie einfach / ein, beginnen Sie mit der Eingabe, und der Editor zeigt Ihnen passende Blöcke an, die Sie sofort hinzufügen können.

Für weitere Tastenkombinationen klicken Sie auf das Drei-Punkte-Menü in der oberen rechten Ecke Ihres Bildschirms und wählen Sie 'Tastenkombinationen'.

Tastenkombinationen im Block-Editor verwenden

Dies öffnet ein Popup-Fenster mit einer Liste aller Tastenkombinationen, die Sie verwenden können. Die Liste enthält verschiedene Tastenkombinationen für Windows- und Mac-Benutzer.

3. Medien per Drag & Drop ziehen, um automatisch Medienblöcke zu erstellen

Gutenberg ermöglicht es Ihnen, Dateien per Drag & Drop überall auf dem Bildschirm abzulegen, wodurch automatisch ein Block für Sie erstellt wird.

Sie können zum Beispiel eine einzelne Bild- oder Videodatei fallen lassen, und es wird der Block für Sie erstellt. Alternativ können Sie mehrere Bilddateien fallen lassen, um einen Galerieblock zu erstellen.

Dateien per Drag & Drop im Block-Editor hochladen

4. Hinzufügen von YouTube, Twitter, Vimeo und anderen Einbettungen

Der Block-Editor erleichtert das Einbetten von Inhalten Dritter in Ihre WordPress-Inhalte. Es gibt Blöcke für alle gängigen Dienste von Drittanbietern.

Blöcke einbetten


Sie können jedoch jederzeit die Einbettungs-URL kopieren und einfügen, und es wird automatisch ein Block für Sie erstellt.

Wenn Sie beispielsweise eine YouTube-Video-URL hinzufügen, wird automatisch ein YouTube-Einbettungsblock erstellt und das Video angezeigt.

YouTube-Einbettung im Block-Editor

Während das direkte Einfügen einer URL für Facebook- und Instagram-Beiträge nicht funktioniert, ist die Problemumgehung einfach.

Sie müssen lediglich die Funktion „oEmbeds“ mit Smash Balloon Social Photo Feed aktivieren und die URL in den „Embed“-Block einfügen.

Für vollständige Details siehe unseren Artikel über das Einbetten von Facebook- und Instagram-Posts in WordPress.

Weitere Blöcke zum Gutenberg Block Editor in WordPress hinzufügen

Der Block-Editor in WordPress ermöglicht es Entwicklern, ihre eigenen Blöcke zu erstellen. Einige ausgezeichnete WordPress-Plugins bieten Block-Bundles für den neuen Editor an.

Hier sind einige davon:

1. Spectra WordPress Gutenberg-Blöcke

Spectra-Blöcke

Spectra WordPress Gutenberg Blocks ist eine Blockbibliothek mit vielen erweiterten Blöcken, die Ihnen helfen, mehr Designelemente zu Ihren Inhalten hinzuzufügen.

Spectra, erstellt von den Machern des beliebten Astra WordPress-Themes, hilft Ihnen, schöne Designs zu erstellen, ohne Code schreiben zu müssen.

Weitere Informationen finden Sie in unserem vollständigen Spectra-Testbericht.

2. PublishPress Blocks

PublishPress-Blöcke

PublishPress Blocks ist eine weitere leistungsstarke Blockbibliothek, die zusätzliche Blöcke zur Erweiterung des Gutenberg-Blockeditors enthält.

Es enthält schöne Layout-Optionen, Slider, Schaltflächen, Icons, Bildergalerien, Karten, Tabs, Testimonials, Akkordeons und mehr.

3. Stapelbar – Gutenberg-Blöcke

Stapelbare Blöcke

Stackable – Gutenberg Blocks ist eine Sammlung von schön gestalteten Gutenberg-Blöcken, die Sie auf Ihrer Website verwenden können. Es enthält Blöcke für Container, Beiträge, Feature-Raster, Akkordeons, Bildboxen, Symbollisten, Handlungsaufforderungen und mehr.

Weitere Optionen finden Sie in unserer vollständigen Liste der besten WordPress Gutenberg Block-Plugins.

FAQs zu Gutenberg – Der Block-Editor in WordPress

Seit Gutenberg der Standard-WordPress-Editor ist, erhalten wir viele Fragen zur Verwendung. Hier sind die Antworten auf einige der am häufigsten gestellten Fragen zum Block-Editor.

1. Was passiert mit meinen älteren Beiträgen und Seiten im Block-Editor? Kann ich sie noch bearbeiten?

Der Block-Editor hat keine Auswirkungen auf Ihre alten Beiträge und Seiten. Sie können sie weiterhin bearbeiten, und der Block-Editor öffnet sie automatisch in einem Block, der den klassischen Editor enthält.

In Blöcke umwandeln

Sie können sie im alten Editor bearbeiten oder ältere Artikel in Blöcke umwandeln und den Block-Editor verwenden.

2. Kann ich den alten Editor weiterhin verwenden?

Ja, Sie können den alten Editor weiterhin verwenden. Installieren und aktivieren Sie einfach das Plugin Classic Editor.

Nach der Aktivierung wird der Block-Editor deaktiviert und Sie können den klassischen Editor weiterhin verwenden.

Das Classic Editor Plugin wird auf absehbare Zeit offiziell unterstützt. Wir empfehlen Ihnen jedoch dringend, den Block-Editor jetzt zu verwenden, um sich mit der modernen Art der Inhaltserstellung in WordPress vertraut zu machen.

3. Was mache ich, wenn der Block-Editor nicht mit einem Plugin oder Theme funktioniert, das ich verwende?

Project Gutenberg war lange in der Entwicklung, was Plugin- und Theme-Autoren viel Zeit gab, ihren Code auf Kompatibilität zu testen.

Es besteht jedoch immer noch die Möglichkeit, dass einige Plugins und Themes nicht gut mit dem Block-Editor funktionieren. In diesem Fall können Sie das Classic Editor Plugin installieren, den Entwickler bitten, Gutenberg-Unterstützung hinzuzufügen, oder ein alternatives Plugin oder Theme finden.

4. Wie kann ich mehr über Gutenberg-Tipps und -Tricks erfahren?

WPBeginner ist der beste Ort, um den Block-Editor in WordPress kennenzulernen. Wir sind die größte WordPress-Ressourcen-Website im Internet.

Wir werden neue Artikel veröffentlichen und unsere alten Ressourcen aktualisieren, um Ihnen zu helfen, den Block-Editor zu meistern.

In der Zwischenzeit, wenn Sie Fragen haben, können Sie uns gerne kontaktieren, indem Sie einen Kommentar hinterlassen oder das Kontaktformular auf unserer Website nutzen.

5. Treten Probleme mit Gutenberg auf?

Wenn Sie Probleme mit dem WordPress-Blockeditor haben, haben wir einen schnellen Fehlerbehebungsleitfaden erstellt, der alle häufigen Probleme mit dem Blockeditor auflistet, auf die Benutzer stoßen, und wie man sie behebt.

Video-Tutorial

Wenn Sie schriftliche Anweisungen nicht bevorzugen, sehen Sie sich einfach unser Video-Tutorial an:

WPBeginner abonnieren

Bonus-Ressourcen

Die folgenden zusätzlichen Ressourcen helfen Ihnen, den Block-Editor effizienter zu nutzen:

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, wenn Sie auf einige unserer Links klicken, können wir eine Provision verdienen. Sehen Sie wie WPBeginner finanziert wird, warum das wichtig ist und wie Sie uns unterstützen können. Hier ist unser Redaktionsprozess.

Das ultimative WordPress-Toolkit

Erhalten Sie KOSTENLOSEN Zugang zu unserem Toolkit – eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Leserinteraktionen

233 CommentsLeave a Reply

  1. Ich habe noch nicht auf den Blockstil aktualisiert. Ich werde warten, bis ich keine andere Wahl habe, als zu wechseln.

    • Das dürfen Sie natürlich. Sofern Sie nicht auf WordPress.com sind, gibt es wahrscheinlich fast immer eine Möglichkeit, den klassischen Editor zu verwenden.

      Admin

  2. Basierend auf einer Umfrage unter Freunden über 40, die christliche Inhalte schreiben, sind wir zu 100 % empört über den Verlust des klassischen Editors. Der klassische Block im Block-Editor ist ein schlechter Ersatz für den alten, da der Block-Editor jede Gelegenheit nutzt, mich zu einem anderen Block zu wechseln. Block-Editoren stören globale Änderungen. Ja, Sie können einen Absatz an eine andere Stelle verschieben, aber im klassischen Editor erledigt das Ausschneiden und Einfügen dasselbe.

    Früher gab es einen Tab, um mit einem Klick zum HTML-Editor zu gelangen, was präzise Änderungen mit HTML ermöglichte. Gott gebe uns eine Option in wp-admin, um den klassischen Editor zu wählen, ohne dass der WordPress-Editor uns basierend auf seinen Präferenzen anstelle unserer überschreiben kann.

  3. Ich habe den klassischen Editor verwendet, aber ich habe immer noch Schwierigkeiten, mich mit Gutenberg anzufreunden. Obwohl es Potenzial hat, ist die Designflexibilität im Vergleich zu dedizierten Pagebuildern wie Elementor oder SeedProd ziemlich begrenzt. Ich suche ständig nach Workarounds, um das gewünschte Layout zu erzielen. Ich hoffe, zukünftige Updates werden dem Kerneditor mehr Gestaltungsfreiheit und Anpassungsoptionen bringen, ähnlich wie bei den heutigen Buildern, aber nicht für das Veröffentlichen eines Beitrags, der schon immer besser war

  4. Dies ist ein äußerst nützlicher Artikel. Ich dachte, ich kenne den Block-Editor gut, aber dieser Artikel gab mir eine neue Perspektive, wie ich ihn besser nutzen kann. Ich habe zum ersten Mal die Existenz der Block-Editor-API kennengelernt, die bei der Plugin-Entwicklung genutzt werden kann, und die Gruppierung von Blöcken zur Erstellung von Mustern. Sehr nützlicher Artikel.

  5. Ich bin gespannt, wie sich der Block-Editor in Zukunft weiterentwickeln wird. Ich hoffe, dass noch mehr Blöcke und Funktionen hinzugefügt werden, die ihn noch leistungsfähiger und vielseitiger machen. Er ist bereits ein großartiges Werkzeug, und ich kann mir nur vorstellen, wie er sich im Laufe der Zeit verbessern wird.

  6. Lassen Sie mich diesen Kommentar als Gelegenheit nutzen, um den großartigen alten klassischen Editor zu würdigen,
    der den WordPress-Bereich beherrschte, seit WordPress gestartet wurde.
    Jetzt, da wir auf die neue Ausgabe des Gutenberg-Editors umgestiegen sind und ihn
    für die Erstellung von Beiträgen und Seiten verwenden, vermisse ich oft diesen alten klassischen Editor wegen seiner Einfachheit und Benutzerfreundlichkeit.
    Ich erinnere mich, wie ich meinen nicht-entwicklerischen Freunden empfohlen habe, Inhalte auf
    meiner Nachrichten-Website ohne Training oder Anleitung zu schreiben und zu posten. Sie gewöhnten sich daran, sobald
    sie ihn benutzten.
    Vielen Dank für diesen detaillierten Artikel über die Schritte zur Verwendung von Gutenberg-Blöcken.

    • Du sprichst meiner Seele aus der Seele, Moinuddin Waheed. Ich liebte auch den alten WYSIWYG-Editor und das alte Konzept des Editors. Er war einfach, funktionierte großartig und ich liebte ihn einfach in jeder Hinsicht. Dann kam WordPress mit Gutenberg und für mich bedeutete das ein Ende. Ich hörte auf zu bloggen und benutzte WordPress mehrere Jahre lang nicht, weil Gutenberg mir absolut nicht passte. Ich kehrte erst zu WordPress zurück, dank Elementor, das mir half, etwas Einfachheit und intuitive Arbeit mit WordPress wiederzuentdecken. Ich begann wieder, gerne mit WordPress zu arbeiten. Mit der Zeit versuche ich zu lernen, mit dem Block-Editor zu arbeiten, aber er fühlt sich für mich immer noch klobig und unintuitiv an. Leider scheinen wir uns beide damit abfinden zu müssen. Der gute alte klassische Editor, wie wir ihn kannten, ist leider nur noch Geschichte, an die sich nur noch einige von uns erinnern.

  7. Ich schreibe meine Beiträge zuerst auf meinem Computer. Sobald ich fertig bin, kopiere ich alles in den Editor, ABER ich muss jeden Absatz einzeln in einen Absatzblock kopieren und einfügen. Gibt es eine Möglichkeit, einen Artikel zu kopieren und einzufügen, der automatisch in 'Blöcke' endet?

  8. Wunderbarer Artikel. Ich habe durch Ihren Artikel viel über den Gutenberg-Blockeditor gelernt.

    Eine Frage: Was ist der Unterschied zwischen einem „Muster“ und einem „wiederverwendbaren Block“? Beide scheinen sehr ähnlich zu sein. Wann würde man das eine über das andere verwenden?

    • Ein Muster ist eine Vorlage, die Sie kopieren und dann jedes Mal separat bearbeiten können, während ein wiederverwendbarer Block es Ihnen ermöglicht, den wiederverwendbaren Block zu ändern und alle Instanzen werden dann aktualisiert, um übereinzustimmen.

  9. Ich weiß wirklich nicht, was ich falsch mache. Aus irgendeinem Grund sieht die Website, an der ich arbeite, nicht so aus wie die Website, nach der man suchen kann. Ich bin so ahnungslos und kämpfe wirklich. Wie sieht die veröffentlichte Website so anders aus als die Website, an der ich noch arbeite? Ich bin so verwirrt…

    • Es gibt ein paar mögliche Gründe. Wenn Ihr Theme viele Anpassungen am Design vornimmt, könnte es zu Verwirrung durch Ihr Theme kommen. Wenn Sie jedoch meinen, dass Ihre Änderungen nicht übernommen werden, handelt es sich wahrscheinlich um ein Caching-Problem.

      Admin

  10. Ich denke immer noch und bin überzeugt, dass Gutenberg nicht die gleiche Qualität hat wie viele externe Builder. Der einzige und riesige Vorteil von Gutenberg ist, dass es kostenlos und nativ im System ist. Und da WordPress selbst eine große Verbesserung des Editors angekündigt hat, versuche ich, mit Gutenberg zu arbeiten, was mir von Anfang an nicht wirklich gefallen hat. Diese Videos helfen mir sehr. Ich hoffe nur, dass sich solche Arbeit auszahlt und Gutenberg eines Tages so einfach sein wird wie Seed Prod oder Elementor.

  11. eigentlich benutze ich den klassischen Editor, der für mich großartig ist.
    aber ich habe festgestellt, dass einige Plugins damit nicht funktionieren.
    Deshalb musste ich zum Block-Editor wechseln, der für mich neu ist.
    Ich folge dem Video Schritt für Schritt, was es einfach macht
    vielen Dank

  12. Alles, was ich will, ist etwas, das einfach zu bedienen ist. Der Classic Editor hat es mir immer ermöglicht, Dinge einfach zu erledigen, z. B. Text aus Word zu kopieren und einzufügen, ohne Plugins zu benötigen, die nur für selbst gehostete Websites verfügbar sind.

    • There is a learning curve when anything changes but we hope as the block editor improves you find it more useful :)

      Admin

  13. Funktioniert der Block-Editor nur besser als der klassische für selbst gehostete Blogs? Ich kann es mir nicht leisten, für eine Website zu bezahlen, und bevor ich anfange, sie zu benutzen, möchte ich sicher sein, dass sie für Leute, die nicht für ihren WordPress-Blog bezahlen, mindestens genauso gut funktioniert wie der klassische.

    • Es würde davon abhängen, ob es etwas gab, das Sie speziell aus dem klassischen Editor wollten. Wenn Sie gerade erst anfangen und keine Erfahrung mit einem der Editoren haben, würden wir empfehlen, den Blockeditor zu verwenden.

      Admin

Kommentar hinterlassen

Vielen Dank, dass Sie einen Kommentar hinterlassen. Bitte beachten Sie, dass alle Kommentare gemäß unserer Kommentarrichtlinie moderiert werden und Ihre E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwenden Sie KEINE Schlüsselwörter im Namensfeld. Führen wir ein persönliches und bedeutungsvolles Gespräch.