Du möchtest mehr Leser für deinen Blog und mehr Kunden für dein Online-Business?

Dann werde Teil unserer kostenlosen E-Mail-Community mit exklusiven Tipps und Angeboten rund um's Bloggen, SEO und Online-Business. Als Willkommensbonus erhältst du unser E-Book Die 12 Gesetze unglaublich erfolgreicher Blogartikel.

Abmeldung jederzeit möglich. Etwa 2 bis 5 E-Mails im Monat. Die Einwilligung umfasst die Hinweise zu Widerruf, Versanddienstleister und Statistik gemäß unserer Datenschutzerklärung.

Die 12 Gesetze unglaublich erfolgreicher Blogartikel

Der ultimative Guide zum Gutenberg WordPress-Editor (inkl. Update-Infos zu WordPress 5.0!)

Es ist zum Kotzen, oder?

Gerade ist der Stress mit der DSGVO vorbei.

Und dann kommt wieder etwas Neues. Etwas, womit mit du dich befassen musst. Etwas, wofür du deine eh schon knappe Zeit opfern musst:

Ein neuer WordPress-Editor.

Auweia!

Aber, um es vorweg zu nehmen:

So schlimm ist der neue Editor, der auf den Namen Gutenberg hört, gar nicht. Wenn du ihm eine Chance gibst, wirst du dich vielleicht sogar in ihn verlieben.

In meinem Guide zeige ich dir alles, was du als WordPress-Nutzer über Gutenberg wissen musst. Wie er funktioniert. Wie du ihn am besten nutzt. Welche Vor- und Nachteile er hat.

Und wie du auf Gutenberg sch**ßst, wenn du ihn abscheulich findest. Und einfach den klassischen Editor weiter nutzt, als wäre nichts gewesen.

1. Was ist Gutenberg?

Gutenberg ist ein neuer Editor, der mit WordPress 5.0 den bestehenden TinyMCE-Editor ersetzt.

WordPress 5.0 ist nach zweimaligem Verschieben des Release-Termins am 06. Dezember 2018 erschienen.

Aber was ist denn so toll und neu daran?

Ist er eine neue Revolution wie die Druckerpresse von Johannes Gutenberg, die als erste ihrer Art mit beweglichen Lettern arbeitete?

Eher nicht. Aber eine sinnvolle Entwicklung in die richtige Richtung:

Gutenberg ist ein Page-Builder.

Das heißt bei komplexeren Post-Layouts mit Bilder, Spalten, Multimedia-Elementen etc.  bist du nicht mehr auf HTML und CSS angewiesen.

Du kannst es mit Gutenberg einfach aus Blöcken zusammenstellen (jeder blaue Kasten im Screenshot steht für einen Block):

Blöcke in Gutenberg

2. Gutenberg ausprobieren

Du kannst den Gutenberg-Editor schon ausprobieren, selbst wenn du WordPress 5.0 noch nicht installiert hast.

Dazu kannst du ihn einfach als Plugin herunterladen.

Wenn du bereits WordPress-Version 4.9.8 installiert hast (was du solltest), wirst du bereits zum Testen von Gutenberg aufgefordert:

Aufforderung Gutenberg zu testen im WordPress-Dashboard

Wenn du Gutenberg installierst und aktivierst, dann wird er zum Standard-Editor in WordPress.

Dies ist jedoch kein Zwang.

Du kannst Gutenberg jederzeit in der Plugin-Übersicht wieder ausstellen.

Und, selbst wenn Gutenberg aktiviert ist, kannst du immer noch den klassischen Editor auswählen:

Klassischen Editor verwenden bei aktiviertem Gutenberg-Plugin

Was du auch im Screenshot sehen kannst:

Rechts neben dem Post erscheint die Kennzeichnung — Gutenberg.

Dadurch kannst du in der Beitragsübersicht immer sehen, welche Posts schon auf den neuen Editor umgestellt sind und welche nicht.

Warnung: Gutenberg hat immer noch einige Bugs und manche Plugins und Themes sind noch nicht mit dem neuen Editor kompatibel. Ich empfehle deshalb, vorsichtshalber den Editor nur auf einer Test-Seite zu installieren. Alternativ kannst du Gutenberg auch online ausprobieren.

3. Das solltest du beim Update zu WordPress 5.0 beachten

WordPress 5.0 ist eines der größten Updates der letzten Jahre. Deshalb solltest du es nicht sofort installieren, sobald es zur Verfügung steht.

Sicherheitsbedenken musst du nicht haben, wenn du vorerst darauf verzichtest. Denn WordPress 5.0 ist kein sicherheitsrelevantes Update. Sicherheitslücken werden wahrscheinlich für einen längeren Zeitraum auch noch in WordPress 4.9.x gestopft werden.

Ich empfehle ich folgendes Vorgehen:

  1. Warte noch zwei oder drei Wochen nach dem Release mit dem Update. Viele Entwickler werden in den ersten Wochen nach dem Release noch Updates für Themes und Plugins herausbringen. Zudem werden Fehler in WordPress 5.0 selbst möglicherweise noch behoben.
  2. Wenn du dir Stress in der Weihnachtszeit ersparen willst, würde ich mit dem Update sogar bis ins neue Jahr warten. Vor allem, wenn du deine Website geschäftlich nutzt.
  3. Leg unbedingt ein Backup deiner ganzen Installation an!
  4. Bring alle Plugins und dein Theme vor dem Update auf den neusten Stand (denk dabei auch an Premium-Plugins bzw. -Themes, die zum Teil manuell aktualisiert werden müssen!)

Wenn du ganz sicher gehen willst, dann dupliziere deine Website und installier das Update zunächst auf einer Test-Installation (z. B. auf einer Subdomain oder lokalen Installation).

3.1 Fehler nach der Installation

Sollte es nach der Installation zu Fehlern kommen, deaktiviere einzeln nacheinander alle deine Plugins und schau, ob die Fehler dadurch behoben werden.

Plugins sind die häufigste Ursache für WordPress-Fehler!

Sollte es bei einzelnen Post-Typen zu Fehlern kommen, kannst du auch das Plugin Gutenberg Ramp installieren. Dadurch kannst Gutenberg nur für bestimmte Post-Typen, wie z. B. Seiten und Beiträge, aktivieren.

Gutenberg Ramp
Gutenberg Ramp
Entwickler:
Preis: Kostenlos

Die Checkboxen dafür findest du unter Einstellungen > Schreiben im WordPress-Adminbereich:

Gutenberg Ramp

Zusätzlich besteht immer die Möglichkeit Gutenberg komplett zu deaktivieren:

4. Gutenberg deaktivieren

Du findest Gutenberg abscheulich und hast auch (noch) keine Lust darauf, dich damit zu befassen?

Dann hast du zwei Möglichkeiten:

Entweder du schenkst dir das kommende Update auf WordPress 5.0. Das ist allerdings nicht empfehlenswert. Denn dadurch bekommst du keine neuen Features mehr und Sicherheitslücken werden möglicherweise nicht behoben.

Oder du installierst den Classic Editor. Das Plugin wird bis zum 31. Dezember 2021 weiterentwickelt, das heißt bis dahin kannst du die Nutzung von Gutenberg hinauszögern:

Classic Editor
Classic Editor
Preis: Kostenlos

Das Plugin bietet dabei zwei Modi (zu finden bei WordPress unter Einstellungen > Schreiben).

Modi des Classic Editors

Mit der Einstellung Den Editor Gutenberg mit dem Klassischen Editor ersetzen kannst du den klassischen Editor einfach weiter nutzen. So als ob es Gutenberg nie gegeben hätte.

Dann werden alle Spuren des Editors verborgen. Einschließlich des Dashboard-Widgets, das Nutzer auffordert, Gutenberg auszuprobieren.

Mit dem zweiten Modus kannst du Gutenberg als Standard-Editor belassen.

Dann fügt das Plugin lediglich in Admin-Menü, Werkzeugleiste und Bearbeiten-Fenster Links ein, mit denen du für einen einzelnen Beitrag auf den klassischen Editor zurück wechseln kannst.

5. Allgemeine Post-Einstellungen

Allgemeine Post-Einstellungen, wie z. B. Veröffentlichungsdatum, Beitragsformat, Kategorien oder Schlagwörter findest du (wie im klassischen Editor) in der rechten Sidebar.

Diese öffnest du durch Klick auf das Zahnrad () oben rechts in der Top-Bar:

Post-Einstellungen bei Gutenberg

Hinweis: Da viele Entwickler ihre Plugins oder Themes noch nicht an Gutenberg angepasst haben, kann es sein, dass manche Post-Einstellungen noch nicht angezeigt werden.

5.1 Permalink ändern

In Gutenberg ist der Permalink eines Posts standardmäßig ausgeblendet.

Wenn du auf den Beitragstitel klickst, wird er angezeigt und kann durch Klick auf den grauen Button daneben bearbeitet werden:

Permalink in Gutenberg anzeigen und ändern

5.2 Anzahl der Wörter anzeigen

Im alten Editor wurde die Wörteranzahl immer am Ende des Textfeldes angezeigt.

Bei Gutenberg kannst du dir diese anzeigen lassen, wenn du oben links in der Top-Bar auf das Info-Symbol () klickst.

Zusätzlich wird die Anzahl der Überschriften, Absätze und Blöcke anzeigt sowie die Gliederung deines Dokuments:

Anzahl der Wörter in Gutenberg anzeigen

 

6. Blöcke nutzen

Jetzt geht’s ans Eingemachte. Nämlich an das, was Gutenberg ausmacht:

Blöcke.

So fügst du sie hinzu, verschiebst, duplizierst und gestaltest sie:

6.1 Einen Block hinzufügen

Einen neuen Block kann auf verschiedene Arten hinzufügen, z. B.

a) Durch Klicken auf das Plus-Zeichen () oben links in der Top-Bar:

Gutenberg-Block hinzufügen durch Pluszeichen in der Top-Bar

b) Durch Drücken der Enter-Taste:

Gutenberg-Block hinzufügen durch Entertaste

Durch anschließendes Klicken auf das Plus-Zeichen (), das links neben dem neuen Block erscheint, oder durch Eingabe eines Slashs (/) kannst du die Blockart auswählen.

c) Durch durch Klicken auf das Plus-Zeichen () am oberen Rand eines Blocks:

Gutenberg-Block hinzufügen durch Pluszeichen auf dem Rahmen

6.2 Wiederverwendbare Blöcke

Du kannst einen Block aus demselben oder einem anderen Post wiederverwenden.

Das machst du durch Klicken auf die Block-Optionen ().

Block zu wiederverwendbaren Blöcken hinzufügen

Den gespeicherten Block ganz unten in der Blockauswahl-Liste unter Wiederverwendbar ():

Wiederverwendbare Blöcke auswählen

Einen Block aus den Wiederverwendbaren Blöcken zu löschen ist in den Block-Optionen () möglich.

Dort klickst du auf Entferne von Wiederverwendbaren Blöcken ().

Wiederverwendbaren Block löschen

6.3 Block duplizieren

Um dir Arbeit beim Erstellen von ähnlichen Blöcken zu ersparen, kannst du Blöcke duplizieren.

Dies ist durch Klicken auf die Block-Optionen () möglich oder durch den Shortcode Umschalt + ⌘ bzw. STRG + D:

Block duplizieren

6.4 Einen Block verschieben

Leider ist es nicht möglich Blöcke einfach per Drag & Drop an eine andere Stelle zu ziehen.

Das Verschieben eines Blocks nach oben oder unten ist nur durch zwei Pfeile an der linken Seite möglich:

Block verschieben

6.5 Styling von Blöcken verändern

Je nach Block stehen dir verschiedene Styling-Einstellungen zur Verfügung. Diese werden dir in der rechten Sidebar angezeigt, wenn du auf einen Block klickst:

Block-Styling

Beim Textblock kannst du z. B. zusätzlich noch die Text- und Hintergrundfarbe ändern:

Farbeinstellungen beim Textblock

Bei Überschriften die Textausrichtung und die Überschriftenebene (H1, H2, H3 etc.):

Überschrift-Einstellungen

Bei allen Blöcken kannst du unter Erweiterte Einstellungen auch eine zusätzliche CSS-Klasse festlegen, was ich persönlich sehr praktisch finde:

Zusätzliche CSS-Klasse für Blöcke

7. Welche Blöcke gibt es?

Es gibt schon eine große Auswahl an Standardblöcken für Gutenberg.

Mit der Zeit werden es noch mehr werden, denn Plugin- und Theme-Entwickler können selbst Blöcke zur Auswahl hinzufügen.

Diese Blöcke gibt es aktuell:

7.1 Allgemeine Blöcke

BlocknameSymbolBeschreibung
AbsatzFügt einen neuen Absatz ein. Standard-Block, der durch Drücken der Enter-Taste eingefügt wird.
AudioEinfügen einer Audio-Datei durch Drag & Drop, Auswahl in der Mediathek oder per Eingabe einer URL.
BildEinfügen eines Bildes durch Drag & Drop, Hochladen oder aus der Mediathek.
DateiEinfügen einer beliebigen Datei durch Drag & Drop, Hochladen oder aus der Mediathek.
GalerieEinfügen einer Bildergalerie mit 2 bis 8 Spalten.
ListeEinfügen einer nummerierten oder nicht nummerierten Liste.
TitelbildEinfügen eines Bildes, das über die gesamte Breite geht. Wahlweise fixiert und mit Bildtitel. Deckkraft änderbar.
ÜberschriftEinfügen von H1-, H2-, H3-, H4-, H5- oder H6-Überschrift. Ausrichtung anpassbar.
UntertitelBlock mit grauer und kursiver Schrift (z. B. für Bild- oder Videounterschriften geeignet).
VideoEinfügen eines Videos durch Drag & Drop, Auswahl in der Mediathek oder per Eingabe einer URL.
ZitatEinfügen eines Zitats inkl. Quelle (mit dickem schwarzem Strich an der linken Seite).

7.2 Formatierung

BlocknameSymbolBeschreibung
ClassicLässt dich den klassischen Editor innerhalb von Gutenberg nutzen.
CodeBlock zur Darstellung (nicht Ausführung!) von Code
Eigenes HTMLErlaubt es dir, eigenes HTML einzufügen, das du in einer Vorschau ansehen kannst.
Pull-QuoteGroßes, auffälliges Zitat, das mit Trennstrichen abgegrenzt ist
TabelleZum Einfügen einer Tabelle (standardmäßig 2 x 2). Du kannst beliebig viele Zeilen und Spalten per Mausklick hinzuzufügen oder löschen.
VersLeicht eingerückter Block für lyrische Texte.
VorformatiertBlock, der Text genau anzeigt wird, wie du ihn eintippst (Absätze bleiben erhalten). Styling wird durch dein Theme bestimmt.

7.3 Layout-Elemente

BlocknameSymbolBeschreibung
AbstandshalterEinfügen von Abstand zwischen zwei Blöcken. Höhe in Pixel ist einstellbar.
ButtonFügt einen Button ein. Hintergrund- und Textfarbe anpassbar.
MehrDient dazu den Artikel an dieser Stelle abzutrennen, sodass dieser z. B. in Kategorien oder auf der Startseite nur bis dort angezeigt wird.
SeitenumbruchDadurch kannst du deinen Blogartikel auf mehrere Seiten aufteilen.
Spalten (Beta)Fügt 2 bis 6 Spalten ein, durch die man Inhalte nebeneinander anzeigen lassen kann. In jede kann man beliebig viele andere Blöcke einfügen.
TrennzeichenFügt einen Trennstrich ein.

7.4 Widgets

BlocknameSymbolBeschreibung
ArchiveZeigt ein nach Datum sortiertes Post-Archiv an. Wahlweise mit der Beitragsanzahl und als Dropdown-Menü.
KategorienZeigt deine Kategorien an. Wahlweise als Dropdown-Menü, mit der Beitragsanzahl und mit Hierarchie.
Neueste BeiträgeZeigt deine neusten Beiträge an. Reihenfolge, Kategorie und Anzahl der Elemente wählbar. Wahlweise auch mit Beitragsdatum.
Neuste KommentareZeigt die neuesten Kommentare an. Wahlweise mit Avatar, Datum und Textauszug. Anzahl der Kommentare ist ebenfalls wählbar (von 1 bis 100).
ShortcodeFügt einen Shortcode ein.

7.5 Embeds

Wie auch im klassischen Editor, lassen sich auch mit Gutenberg Embeds (zu Deutsch eingebettete Inhalte) einfügen, wie z. B. YouTube-Videos, Facebook-Posts oder Songs von Spotify.

Eine komplette Liste an verfügbaren Embed-Blöcken, findest du im Gutenberg Codex.

7.6 Inline-Elemente

Hierbei handelt es sich um Elemente, die innerhalb eines Blocks hinzugefügt werden können:

BlocknameSymbolBeschreibung
Inline-BildFügt ein Bild ein.

8. Vom visuellen Editor auf Text-Editor umstellen

Wie beim klassischen Editor ist es auch in Gutenberg möglich vom visuellen Editor zum Text-Editor zu wechseln, um den Code deines Posts zu sehen.

Das kannst du durch Klick auf die drei senkrechten Punkte () ganz rechts in der Top-Bar:

Wechsel vom visuellen Editor zum Code-Editor

Blöcke werden dabei in dieser Form dargestellt (hier ist ein Absatz-Block zu sehen):

<!-- wp:paragraph -->
<p>Das hier ist der Inhalt.</p>
<!-- /wp:paragraph -->

Sind Styling-Optionen bei einem Block ausgewählt (im Beispiel ist der Text rechtsbündig), ist dies ebenfalls innerhalb der Block-Tags zu finden:

<!-- wp:paragraph {"align":"right"} -->
<p style="text-align:right">Rechtsbündiger Inhalt.</p>
<!-- /wp:paragraph -->
Hinweis: Im Gegensatz zum Text-Modus beim klassischen Editor werden <p>– und </br>-Tags im Code-Editor von Gutenberg angezeigt.

9. Beiträge vom klassischen Editor zu Gutenberg migrieren

Vielleicht hast du dich schon gefragt:

Und wie ist das mit meinen alten Beiträgen? Werden die mit Gutenberg jetzt anders angezeigt? Muss ich jetzt alle Beitrag händisch anpassen?

Keine Panik!

Auch mit aktiviertem Gutenberg Plugin werden deine alten Beiträge werden so angezeigt wie vorher. Und du musst erst einmal gar nichts machen.

Für eine reibungslose Migration hat Gutenberg den Block Classic integriert, der dich den klassischen Editor innerhalb von Gutenberg weiter nutzen lässt.

Wenn du einen alten Beitrag mit Gutenberg bearbeitest, wird der gesamte Inhalt im Classic-Block anzeigt. Dort kannst du ihn ganz normal bearbeiten:

Gutenberg Classic Block

Wenn du dich dann mit Gutenberg wohlfühlst, kannst du den Classic-Block in den Block-Optionen () einfach in normale Blöcke umwandeln ():

Classic-Block in Blöcke umwandeln

10. Gutenberg & DSGVO

Laut meinen Recherchen werden durch den neuen Gutenberg-Editor keine personenbezogenen Daten von Website-Besuchern verarbeitet.

Er speichert keine Informationen von Besuchern in der Datenbank.

Externe Scripte werden durch den Editor selbst oder einzelne verwendete Blöcke ebenfalls nicht geladen.

Aufpassen musst du allerdings (nach wie vor) mit Embeds:

10.1 Embeds

Über eingebundene YouTube-Videos, Audio-Dateien, Slides oder Social-Media-Posts werden möglicherweise personenbezogene Daten an Drittanbieter übertragen.

Wenn du ein Plugin installiert hast, das Zwei-Klick-Lösungen für Embeds anbietet, solltest du überprüfen, ob dieses mit dem Gutenberg-Editor kompatibel ist.

Ich habe bereits folgende Plugins mit Gutenberg getestet:

  • Borlabs Cookie (Sämtliche Embeds werden einwandfrei eingebunden, getestet mit Version 1.9.0 und 1.8.2)
  • YouTube Lyte (Verbindung zu YouTube wird unterbunden, es kann zu Darstellungsfehlern kommen, weil Gutenberg zusätzliche CSS-Klassen zum Block hinzufügt, diese müssen in den Blockeinstellungen gelöscht werden, getestet mit Version 1.7.5)
  • Embed videos and respect privacy (Verbindung zu YouTube wird unterbunden, es kann allerdings zu Darstellungsfehlern kommen, getestet mit Version 2.0)
  • YouTube EmbedPlus (Embeds werden einwandfrei eingebunden, getestet mit Version 12.1)

10.2 Admin-Bereich

Im Backend wird die Schriftart Noto Serif über Google Fonts geladen. Das ist jedoch nur für registrierte Autoren oder Redakteure von Relevanz (wenn überhaupt):

Gutenberg-Editor lädt Google Fonts im Backend

11. Ladezeit

Eine meiner Befürchtungen bei Gutenberg war, dass sich durch zusätzliche CSS- oder Javascript-Dateien die Ladezeit verschlechtert.

Dies hat sich aber nicht bestätigt.

Durch Gutenberg wird eine kleine CSS-Datei mehr geladen, die gerade einmal 3,4 KB groß ist:

CSS-Datei, die von Gutenberg geladen wird

Diese wirkt sich nur minimal auf die Ladezeit aus.

Hier ein WordPress-Beitrag mit aktiviertem Gutenberg-Plugin (ohne Caching und nicht minified):

Ladezeit mit klassischem Editor

Hier derselbe WordPress-Beitrag mit klassischem Editor (ohne Caching und nicht minified):

Ladezeit mit Gutenberg

12. Gutenberg-Shortcuts

Gutenberg bringt einige neue Shortcuts mit, die das Arbeiten mit dem Editor erleichtern. Manche Shortcodes, die man aus dem klassischen Editor kennt, funktionieren auch weiterhin:

12.1 Global

MacWindowsFunktion
STRG + Alt + HShift + Alt + HÜbersicht über Tastenkombinationen anzeigen
⌘ + SSTRG + S
Änderungen speichern
⌘ + ZSTRG + Z
Aktion rückgängig machen
⌘ + Shift + ZSTRG + Shift + Z
Aktion wiederherstellen
⌘ + Shift + ,STRG + Shift + ,
Einstellungen (Sidebar) schließen
STRG + ,STRG + ,
Zum nächsten Teil des Editors springen
STRG + Shift + ,STRG + Shift + ,Zum vorherigen Teil des Editors springen
Shift + Alt + NShift + Alt + N
Zum nächsten Teil des Editors springen
Shift + Alt + PShift + Alt + P
Zum vorherigen Teil des Editors springen
+ Shift + Alt + MSTRG + Shift + Alt + M
Vom Visuellen Editor zum Code-Editor wechseln und umgekehrt.

12.2 Auswahl

MacWindowsFunktion
⌘ + ASTRG + ADen gesamten Text innerhalb eines Blocks auswählen. Durch zweite Eingabe wird das gesamte Dokument ausgewählt.
EscEscAuswahl löschen

12.3 Blöcke

MacWindowsFunktion
EnterEnterDadurch wird ein neuer Block erstellt. Funktioniert gut in Kombination mit Slash.
/ + Suchbegriff/ + SuchbegriffWenn du einen Slash in einen neuen Block eingibst, kannst du per Schnelleingabe die Blockart auswählen.
⌘ + Shift + DSTRG + Shift + DAusgewählten Block duplizieren
⌘ + Alt + RücktasteSTRG + Alt + RücktasteAusgewählten Block löschen
⌘ + Alt + TSTRG + Alt + TBlock über ausgewähltem Block einfügen
⌘ + Alt + Y
STRG + Alt + YBlock unter ausgewähltem Block einfügen

12.4 Text

MacWindowsFunktion
+ BSTRG + B Text fett markieren.
+ USTRG + U Text unterstreichen.
+ ISTRG + I Text kursiv machen.
+ KSTRG + KWandelt den Text in einen Link um.
STRG + Alt + SSTRG + Alt + SEntfernt einen Link.
STRG + Alt + DSTRG + Alt + DText durchstreichen.
STRG + Alt + XSTRG + Alt + XZeigt Text als Monospace Schrift.

13. Kompatiblität

Einige Plugins und Themes sind (wie zu erwarten) noch nicht kompatibel zu Gutenberg.

Das ist meist bei Plugins und Themes der Fall, die den WordPress-Editor entweder um einen Button oder um eine Metabox ergänzen.

Das äußert sich darin, dass diese Buttons bzw. Metaboxen nicht angezeigt werden oder nicht richtig funktionieren.

Bei folgenden Plugins kann es zum Beispiel zu Fehlern kommen (die meisten wurden jedoch mittlerweile durch Updates behoben):

  • All in One SEO Pack
  • Yoast SEO (wurde mit Version 8.0.0 behoben)
  • YouTube Embed Plus
  • WooCommerce
  • Jetpack

Eine umfangreiche Liste mit kompatiblen und inkompatiblen Plugins hat Daniel Hubacher zusammengestellt (mittlerweile nur noch als Archiv herunterladbar).

Wie man ein Plugin auf Kompatibilität bzw. Inkompatibilität testen kann beschreibt er auf GitHub.

13.1 Gutenberg vs. andere Page-Builder

Da Gutenberg selbst ein Page-Builder ist, stellt sich für dich vielleicht die Frage:

Was ist eigentlich mit bestehenden Page-Buildern, wie z. B. Elementor, Visual Composer oder Beaver Builder? Oder mit Themes wie Avada und Divi?

Viele Entwickler sind glücklicherweise schon auf die kommende WordPress-Version 5.0 vorbereitet. Oder arbeiten bereits daran, ihre Page-Builder mit Gutenberg kompatibel zu machen:

  • Theme Fusion beobachtet laut eigenen Angaben die Entwicklung von Gutenberg genau und wird Nutzer darüber informieren, falls es etwas zu beachten gibt.
  • Elementor soll vollkommen kompatibel mit Gutenberg werden. Es soll möglich sein, Posts in Gutenberg zu schreiben und anschließend mit Elementor zu designen.
  • Mit Visual Composer kann man laut Dokumentation Gutenberg Blöcke innerhalb des eigenen Editors nutzen oder wahlweise Gutenberg in den Plugin-Optionen komplett deaktivieren.
  • Divi bietet seit Ende Juli die Möglichkeit zwischen dem eigenen Editor und Gutenberg zu wechseln.
  • Der Beaver Builder bietet seit Version 2.1 die Möglichkeit zwischen dem eigenen Editor und Gutenberg zu wechseln
  • Den Page-Builder von SiteOrigin kann man laut diesem Hilfeartikel innerhalb des Gutenberg Editors nutzen

14. Fazit

Zugegeben: Anfangs hat mir Gutenberg gar nicht gefallen.

Nach längerem Ausprobieren (und nach diversen Verbesserungen im Laufe der Zeit durch das Entwickler-Team) fällt mein Urteil über Gutenberg nicht mehr ganz so verheerend aus wie am Anfang.

Man gewöhnt sich recht schnell an den neuen Workflow und für WordPress-Anfänger ist Gutenberg mit Sicherheit ein Gewinn.

Aber:

Das Schreiben einfacher Blogposts geht mit dem klassischen Editor schneller. Diverse Bugs und unausgereifte Funktionen nerven auch noch. Und mobil mit Gutenberg zu arbeiten ist ein Krampf.

Aber die generelle Richtung, die WordPress mit Gutenberg einschlägt, ist meiner Meinung nach die richtige. Und ich bin gespannt, was aus Gutenberg noch in den nächsten Monaten wird.

Was du jetzt tun solltest?

Gutenberg ausprobieren. Und zwar schleunigst!

Du wirst ihn vielleicht nicht von Anfang an mögen und ihn verteufeln (so wie ich). Aber du wirst dich daran gewöhnen. Und ihn vielleicht sogar lieben lernen.

Und, wenn du ihn schon ausprobiert hast:

Schreib mir einen Kommentar und erzähl mir, was du vom neuen Editor hältst! Top oder doch eher Flop?

14.1 Vorteile von Gutenberg

  • Übersichtlichere Schreibumgebung mit weniger Ablenkungen
  • Beeinflusst die Ladezeit nicht negativ
  • Man kann die Gliederung des Dokuments sehen sowie weitere Statistiken über Anzahl der Absätze, Überschriften und Blöcke
  • Einfügen von Widgets in Posts ohne Zusatzplugin
  • Erstellung komplexerer Layouts ist für Anfänger einfacher, wie z. B. das Einfügen von Tabellen oder Spalten
  • Theme- und Plugin-Entwickler können eigene Blöcke erstellen
  • Wiederverwendbare Blöcke ersparen die Erstellung von Shortcodes

14.2 Nachteile von Gutenberg

  • Das Schreiben einfacher Blogposts ist mit Gutenberg nicht so angenehm wie mit dem klassischen Editor
  • Man muss sich an die neue Benutzeroberfläche gewöhnen und den eigenen Workflow anpassen
  • Noch Inkompatibilitäten mit manchen Themes und Plugins
  • Zum Teil noch Bugs, manche Funktionen sind noch nicht ausgereift
  • Spalten-Blöcke sind noch nicht ausgereift (Bedienung ist hakelig und Spalten sind noch nicht responsive)
  • Bedienung auf dem Smartphone oder Tablet noch nicht ideal
  • Manche Shortcodes funktionieren nicht mehr (wie z. B. ## für eine H2-Überschrift)
Wie hat dir dieser Artikel gefallen?
(Gesamt: 26, Durchschnitt: 4.9)

90 Gedanken zu “Der ultimative Guide zum Gutenberg WordPress-Editor (inkl. Update-Infos zu WordPress 5.0!)”

  1. Moin Finn! Perfekt, danke dir! Hast du auch noch eine Idee, um die Hintergrundfarbe eines Blocks zu ändern? Würde bei meinem Blog gern einen Kasten einbauen, der dann zum Beispiel grün ist.

    Danke im Voraus und beste Grüße
    Christoph

    • Hi Christoph,

      das geht (ohne CSS) nur bei einigen wenigen Blöcken bisher.

      Mit der Einführung des Group Blocks in WordPress 5.3 wird es jedoch möglich sein, einen mehrere Blöcke umfassenden Block zu erstellen und dafür dann die Hintergrundfarbe festzulegen.

      LG

      Finn

  2. Hi Finn,

    erst mal vielen Dank für die vielen hilfreichen Tipps auf diesem Blog.
    Ich habe gerade gesehen, dass du auch Hinweis-/Tippboxen verwendest.
    Darf ich dich fragen wie du diese erstellst? Ich stelle meine gerade immer manuell zusammen, wodurch die Glühbirnengrafik bei jeder Box anders formatiert ist.
    Liebe Grüße
    Ronja

    • Hi Ronja,

      das mache ich per CSS. Kannst dir den Code dafür mit den Chrome Developer Tools im Browser ansehen und für dich übernehmen.

      LG

      Finn

  3. Hallo Finn,
    ich habe ein dropdown menü kreirt und bei einer Seite ist der Titel zu lang.
    Ich müßte die Breite des dropdown Menü ändern.
    Gibt es dazu eine einfache Möglichkeit.
    Joachim

    • Hi Joachim,

      schau mal in den Theme-Einstellungen, ansonsten bleibt dir wohl nichts anderes übrig als entweder den Titel im Menü zu kürzen oder die Menüpunkte per CSS zu verlängern.

      LG

      Finn

    • Hi Rüdiger,

      bei mir kann ich nichts davon sehen.

      Hast du das mal überprüft, ohne bei WordPress eingeloggt zu sein?

      LG

      Finn

  4. Hi Finn,
    Danke für den Beitrag und die Info über den Classic Editor. Sehr informativ und jetzt ist mir einiges klarer. Mit ihm habe ich jetzt endlich eine Seite ohne Seitenleiste (für Widgets) „full_width“ erstellen können. Weißt du wo diese Einstellung im Gutenberg zu finden ist um sie individuell auf verschiedenen Beiträgen oder Seiten zu aktivieren/deaktivieren. Ich finde dazu einfach keine Einstellmöglichkeit.
    Danke

  5. Ich habe mich mittlerweile an Gutenberg gewöhnt, einige Dinge nerven allerdings nach wie vor. Zum Beispiel das einfügen von Bildern, wenn man Nextgen gallery verwendet oder ähnliches. Klar, hier ist die Frage, ob es an Gutenberg oder dem Galerie-Plugin liegt. Was mich wirklich ärgert: ich kann in Gutenberg zwar aus vorhandene (vorhanden) Kategorien auswählen bzw diese markieren, bei Schlagwörtern wird mir aber nichts angeboten bzw erst, wenn ich ein paar Zeichen eingetippt habe (dann natürlich nur, was mit diesen Zeichen übereinstimmt/anfängt – oder übersehe ich da was?

    • Hi dischue,

      das kann sehr gut an NEXTGen liegen. Das Plugin ist nicht sonderlich gut programmiert. Habe ich auch lange Zeit benutzt und öfter mal Probleme damit gehabt…

      LG

      Finn

  6. Hallo,

    die CSS Styles werden nach wie vor beim übertragen übernommen. Es ist nicht möglich eine formatierte Liste von Word oder O. O. fehlerfrei in die WP Editors zu kopieren; Sekretärin hin ober her.

    Wisst Ihr, was mich echt verwundert, dass sich von den über 900.000 Gutenberg User, gerade mal 30 an der Bewertung dieser ausgesprochen guten und umfangreichen Beschreibung teilgenommen haben.

    Entweder sie kommen alle klar oder die Zahlen stimmen nicht.

    • Hi Sascha,

      ja, bis der Gutenberg-Editor wirklich reibungslos funktioniert, werden bestimmt noch einige Monate und größere WordPress-Updates vergehen…

      LG

      Finn

    • Hi Benny,

      ja, Sections wären etwas, was ich mir auch für Gutenberg wünschen würde. Bin gespannt, wann das implementiert wird.

      LG

      Finn

  7. Hi Finn,

    danke für diese tolle und sehr informative Übersicht 🙂 Hast du zufällig einen Lösungsvorschlag für folgendes Problem.
    Ich lade ein neues Video via Mediathek in meinen Beitrag rein. Bei der Desktop Ansicht des veröffentlichten Beitrags passt alles, doch wenn ich den Beitrag mobil ansehe, erscheint das Video nur weiß. Woran könnte das liegen?

  8. Wie kann ich denn eine Zeilenschaltung machen, also ein zum Beispiel in einer Aufzählung erreichen um in eine zweite Zeile eines Aufzählungspunktes zu gelangen.
    In html-Modus wechseln und folgendes konstrukt eingeben, wandelt meinen Code in um.
    Zeile1Text zum ersten Punkt....weitere Aufzählungspunkte

    • Hi Ralph,

      sorry für die späte Antwort.

      Du kannst Aufzählungen einfach durch Eingabe des Minuszeichens (-) starten. Sobald du die zweite Zeile startest, wandelt sich der Strich in eine ungeordnete Liste mit Bullet-Point (•) um.

      Im HTML-Modus musst du dafür den Code für eine geordnete Liste eingeben. Wie der auszusehen hat, erfährst du z. B. hier: https://wiki.selfhtml.org/wiki/HTML/Textstrukturierung/ol

      Hoffe, das hilft dir weiter!

      LG

      Finn

  9. Ein sehr gutes Tutorial zum Gutenberg-Editor. Mir gefällt vor allem, dass es sich nicht bloß um einseitige Lobhudelei handelt.

    Während ich die Kreativität und den Grundgedanken hinter dem Projekt sehr schätze, finde ich die Umsetzung zu unausgegoren.

    Das Rad wurde neu erfunden, aber wozu?

    Na ja, das Block-System ist vielversprechend, mal sehen, ob sich damit sinnvolle Dinge umsetzen lassen.

    Danke für die tolle Zusammenfassung, ich habe den Artikel nun einigen „ahnungslosen“ WordPress-Klienten weitergeleitet.

    • Hi Frederik,

      gerne. Hoffe, dass deine Klienten damit einen besseren Einstieg finden! 😉

      Ansonsten bin ich ganz deiner Meinung. Gutenberg hat erst einmal vieles verschlimmbessert.

      Aber ich bin zuversichtlich, dass mich der neue Editor in einem halben Jahr oder Jahr davon überzeugen wird, dem Classic Editor den Rücken zu kehren.

      LG

      Finn

  10. Hallo Finn,
    dank deines guten Artikels hab ich jetzt Gutenberg verstanden. Obwohl das Bearbeiten von Seiten und Beiträgen immer noch eine größere Umstellung für mich ist. Auch ich arbeite mit Enfold und suche immer wieder Einzelheiten. Aktuell bin ich auf der Suche nach einer Checkbox-Möglichkeit die ich in eine Online-Kursseite integrieren kann, damit ein Kursteilnehmer die Möglichkeit hat selbst anzuklicken und so seinen Lernverlauf sehen kann. Kennst du so etwas?

    lg Peter

    • Hi Peter,

      super, freut mich zu hören!

      Einen Online-Kurs-Bereich mit Checkboxen kannst du zum Beispiel mit Digimember oder AccessAlly Pro erstellen. Schau dir als Alternative auch mal elopage an, bei denen du den Kursbereich auslagerst.

      LG

      Finn

  11. Ein wenig gewöhnungsbedürftig war er schon, der neue Gutenberg-Editor. Am Anfang. Allerdings habe ich mich dann einfach mal hingesetzt und damit begonnen einen neuen Artikel zu schreiben und muss sagen, es gibt nichts einfacheres als den Gutenberg-Editor.
    Für Anfänger ist dieser Editor ein klares Plus.
    Inzwischen bin ich auch dazu übergegangen auf verschiedenen Webseiten meine alten Artikel Stück für Stück blockorientiert umzuwandeln und nutze die Gelegenheit gleich noch dazu den Content zu korrigieren oder zu überarbeiten. Echte Probleme sehe ich nur da, wo mit -Konstruktionen gearbeitet wurde.
    Der Gutenberg-Editor erlaubt mir mich stärker auf den Content zu konzentrieren und mir weniger Gedanken um technische Spielereien zu machen. Also, ich möchte nicht mehr darauf verzichten.

  12. Hallo, bin auch ein wenig überfordert, weil viele Dinge plötzlich woanders zu finden sind.
    Ich finde die Categories einfach nicht auf den Produktseiten! Ich beginne an mir zu zweifeln. Wo haben die sich bei 5.0.3 versteckt?

    Danke

  13. Hallo Finn,

    danke für den tollen Artikel, der mir nach einigem „Herumgefummel“ noch einiges erklärt hat! Meiner Meinung nach geht Gutenberg in die richtige Richtung, aber ausgereift ist anders – vieles ist einfach noch Spielerei.

    Übrigens habe ich es bis jetzt noch nicht geschafft, in Gutenberg ein Bild so einzufügen, dass es von Text umflossen wird. Wenn ich in einen Text einen Inline-Bildblock einfüge, steht der Text darüber und darunter, aber umfließt das Bild nicht. Das bekomme ich nur hin, wenn ich den classic-Block verwende, wo man Bilder wie gewohnt einfügen kann. Kannst Du mir dazu einen Tipp geben? Das wäre echt super von Dir!

    Herzliche Grüße,
    Anne-Barbara

  14. Moinsen,

    ich versuche verzweifelt, in der Gutenberg-Galerie die Vorschaubilder kleiner zu bekommen.
    Die Gutenberg-Galerie sieht zwar super aus, nutzt aber einen Aneinanderreihung einzelner Fullsize-Bilder. Das freut u.a. Google nicht.

    Ich nehme jetzt die Bild-IDs der Galerieblocks und füge dafür händisch den alten Galerie-Code ein.
    [gallery link="files" ids="bild1,bild2, bild3, ...."]

    Früher galt „Form follows function“ – aber mittlerweile scheinen selbst Entwickler mehr auf Effekte aus zu sein, als funktionierende Applikationen zu schreiben.

    Schade.
    Komme mir vor wie ein Beta-Tester.

    Best regards
    Hempi

    • Hi Frank,

      ja, ich kann dich gut verstehen. Ich persönlich habe auch keine Lust, ein Beta-Tester zu sein.

      Deshalb nutze ich wahrscheinlich noch für einige Monate den Classic Editor weiter.

      LG

      Finn

  15. Moin,
    ich bin nicht mehr der Jüngste, hatte einmal eine Webdesign etc. Agentur und hatte auch mein eigenes CMS entwickelt.
    Da ich in meinem Ruhestand nun gar keine Lust mehr hatte, mich um irgendwelche Scriptsprachen zu kümmern (bin reisender Nomade), bin ich zum bis dahin ungeliebten WP gewechselt.
    Wie Du schon schreibst, erst die DSGVO und nun dieses.

    Da mir ein I-Net nicht immer zur Verfügung steht, schrieb ich meine Texte als Textdatei, die ich später eingefügt hatte. Die anschließende Formatierung ging dann einfach viel schneller von der Hand.

    Sich zu spät auf Gutenberg einzustellen und jetzt noch Alternativen zu verwenden, sind nur ein Hinausschieben des Problems, was bei Weiterentwicklung von Gutenberg später nur noch mehr Lernaufwand bedeutet. Also habe ich gleich bei Umstellung mit Gutenberg los gelegt.

    Ich muss sagen, er ist recht intuitiv und hat man das System erkannt, ist man auch relativ flott.
    Er bietet zudem mehr Möglichkeiten und etliche Dinge wie das Einfügen von Videos, ansprechender kleiner Galerien u.s.w. sind recht einfach.
    Mittlerweile gehöre ich zu denen, die sich in Gutenberg verliebt haben, auf den 2. Blick sozusagen.

    LG Mikesch

    • Hi Mikesch,

      ja, generell gefällt mir die Richtung auch, in die WordPress mit Gutenberg geht. Dadurch wird WordPress deutlich besser für Anfänger zu bedienen. 😉

      Nur die Entwicklung des neuen Editors hätten sie nicht so überstürzen sollen…

      LG

      Finn

  16. ich wollte mich für die wundervolle Übersicht bedanken.
    Ich arbeite mit dem Gutenberg erst seit ein paar Tagen und finde ihn eigentlich nicht schlecht, doch habe ich im Layout des Editors einige Funktionen verloren, die ich dank dir wiedergefunden habe :’D.

  17. Für mich ist Gutenberg das Beste seit geschnitten Brot. Endlich kann man strukturierten Content auf der Seite verteilen, wie man das für richtig hält. Keine Behelfslösung mehr mit Shortcodes.

    Einzig problematisch ist, wenn alte Inhalte plötzlich nicht mehr so aussehen wie sie sollen.

    Ein Plugin, dass ich für Gutenberg echt empfehlen kann, ist Block Lab. https://getblocklab.com/

    Wer sich ein ganz wenig mit WordPress-Templates auskennt, kann ganz leicht eigene Blöcke erstellen.

  18. Danke für diesen gigantischen Beitrag. Ich hatte am WE das neue Update und war erstmal in Schockstarre. Gutenberg sieht schon schick aus, aber ich habe diese Wörter-Zählung nicht gefunden und das ist für meinen Job äußerst wichtig.

  19. Hallo Finn,
    in Punkt zwei schreibst du es selbst: Neben jedem Artikel erscheint jetzt „-Gutenberg“ in der Übersicht (wenn der Artikel damit verfasst wurde, klar – sind bei mir alle seit es das Plugin gibt).
    Das ist ziemlich nervig, weil ich so nicht mehr sofort sehe, welches meine Entwürfe sind. (Ja, Klick auf „Entwürfe“ geht, aber ich bin faul – ich will das sofort sehen, wenn ich auf Beiträge gehe!)
    Weißt du von einer Möglichkeit, das „-Gutenberg“ auszublenden ohne in den Code zu gehen?
    Viele Grüße
    Mareike

    • Hi Mareike,

      die Kennzeichnung hinter jedem Post stört mich auch. Aber ich kenne leider noch keine Möglichkeit, das auszustellen…

      LG

      Finn

  20. Hallo Finn,

    vielen Dank für deinen Beitrag zu Gutenberg von WordPress. Als Blog einsteiger hat mir die Übersicht sehr weitergeholfen. Immerhin musste ich ich nicht von der klassischen Variante umgewöhnen 🙂
    Was mir allerdings aufgefallen ist, bei längeren Beiträgen mit mehreren Bildern ist die Bearbeitung der Blöcke und Texte extrem verzögert.
    Hast du ein ähnliches Verhalten feststellen können ?
    Hast du hier evtl. Tipps ?

    Viele Grüße
    Richard

    • Hi Richard,

      freut mich, danke! 😉

      Du könntest Folgendes ausprobieren:

      1. Die PHP-Version auf 7.x umstellen.
      2. Andere Plugins ausschalten, die den Editor langsam machen könnten. Yoast SEO ist z. B. ein Kandidat dafür. Das hilft es allerdings schon, die Lesbarkeitsanalyse und den Text-Link-Zähler auszuschalten.

      LG

      Finn

  21. Hallo,

    jetzt auch mal von mir vielen Dank für den Artikel. Der hat mir schon weitergeholfen. Gutenberg ist noch ein ziemliches Stück davon entfernt, wirklich perfekt zu sein. Falls das überhaupt gewünscht ist. Aber er funktioniert besser als gedacht. Und ich habe mich dann einfach mal getraut, einen längeren Artikel darüber zu schreiben. Das geht schon: https://www.henning-uhle.eu/informatik/wordpress-und-bloggen/wordpress-5-0-gutenberg-und-co-stehen-bevor

    Man muss dem Ganzen wohl noch Zeit geben. Was ich weiter oben irgendwo gelesen habe: Der Linktitel. Im Standard wurde der Titel doch irgendwann mal entfernt. Ich könnte mich darüber aufregen ohne Ende. Ich weiß, dass JetPack das Ganze mitmacht. Aber ich weigere mich, dieses Monstrum einzusetzen. Also verzichte ich auf den Linktitel.

    Am Ende ist es so, dass man sich umgewöhnen muss mit Gutenberg. Aber alles in allem funktioniert der Editor.

    • Hi Henning,

      freut mich zu hören, dass dir mein Artikel weitergeholfen hat! 😉

      Ich finde den Gutenberg-Editor auch nicht schlecht. Er wird oft zu Unrecht verteufelt.

      Dennoch werde ich bei meinen eigenen Websites noch ein bisschen mit der Umstellung warten. Ich werde zwar schon WordPress 5.0 installieren, aber noch für ein paar Wochen oder Monate den Classic-Editor weiter nutzen. Denn er ist immer noch nicht ganz frei von Bugs und viele Entwickler haben ihre Plugins und Themes noch nicht angepasst.

      Das mit dem Linktitel finde ich im Übrigen nicht schlimm. Habe ich eh noch nie genutzt und finde ich überflüssig.

      LG

      Finn

  22. Hallo ihr,

    ich hab eben euren Blog gefunden und wollte nur sagen, dass ich die Artikel sehr genossen habe, danke für eure Zeit und macht weiter so 🙂

    Liebe

    Emi

  23. Lieber Finn, besten Dank für die Darstellung. Sobald Gutenberg da ist, werde ich auf Deinen Beitrag voraussichtlich mehrfach zurückkommen. Ich verwende Elementor und bin gespannt, ob Gutenberg in diesem Fall nicht ausreichen wird. Zwei Page Builders braucht man wohl nicht, oder? LG Pia

    • Gerne! 😉

      Gutenberg ist nicht (oder noch nicht) mit Elementor vergleichbar. Man kann mit Gutenberg keine Abschnitte, die wiederum mehrere Blöcke enthalten können, erstellen oder gestalten.

      Das Spalten-Feature geht in die Richtung, ist aber kein Ersatz dafür.

      LG

      Finn

  24. Danke erstmal für die tolle Einführung.
    Leider habe ich aber das Gefühl man nimmt beim Links setzen die Chance mit dem Haken ändern, dass wir no follow Links setzen können. Nur Auswählen ob eine neue Seite geöffnet wird ist mir zu wenig. Hast du da noch eine Lösung gefunden?

    Liebe Grüsse
    Vanessa

    • Hi Vanessa,

      leider gibt es kein mir bekanntes nofollow-Plugin, das schon mit Gutenberg kompatibel ist (dazu zählen auch Ultimate Nofollow und Rel Nofollow Checkbox).

      Ob eine Option in Gutenberg selbst dafür kommen wird, weiß ich nicht.

      Solange die Entwickler ihre Plugins nicht angepasst haben, wirst du wohl das nofollow-Attribut über HTML einfügen müssen.

      LG

      Finn

    • Was natürlich immer geht, ist in den Code-Editor zu wechseln. Das funktioniert mit Ctrl+Shift+Alt+M und dann rel=“nofollow“ in den Link eintrage, fertig.

  25. Ich find Gutenberg ja toll. Mit meinem Theme werden aber vereinzelte Blöcke im RL anders dargestellt. Die Zitate bzpw oder Pullquote – fänd es total schön wenn das im Endbeitrag dann auch mit Ober-und Unterstrich versehen werden würde.
    Was mich aber am meisten stört, dass WordPress daran festhält keinen Blocksatzmöglichkeit bereitzustellen. Bei dem klassischen Editor konnte ich, nachdem nach einem update der Button entfernt wurde, mittels Shortcut den Blocksatz erzeugen und hatte optisch keinerlei Probleme in der Darstellung. Mit Gutenberg geht nicht mal mehr das.
    Auch nicht so geil, dass man die Überschriften nicht Farbliche formatieren kann. Für mich selbst nicht relevant, aber eine befreundete Bloggerin färbt ihre Überschriften immer in der Blogfarbe – bei Gutenberg kann sie das nicht mehr machen.
    Super ärgerlich, dass mein Plugin für No-Follow links nicht mehr funktioniert mit Gutenberg. Die alternative im html Modus alles händisch zu formatieren ist super kompliziert und umständlich.
    Liebe Grüße,
    Tama <3

    • Hi Tama,

      ja, man kann in Gutenberg leider nicht in Blocksatz formatieren. Zumindest nicht im visuellen Editor.

      Auch das nofollow-Attribut kann man aktuell nur über HTML einfügen. Gängige Plugins wie Ultimate Nofollow oder Rel Nofollow Checkbox sind noch nicht mit Gutenberg kompatibel. 🙁

      Da bleibt nichts anderes übrig als Abwarten und ggf. die Entwickler anschreiben.

      LG

      Finn

      PS: Ich rate davon ab, deine Artikel in Blocksatz zu formatieren. Sieht vielleicht schöner aus, verschlechtert aber die Lesbarkeit. 😉

  26. Danke für den tollen Beitrag.

    Ja, stimmt was Du schreibst. Es gab dieses Jahr bereits viele Änderungen im Bereich Web-Anforderungen. Jetzt auch noch Gutenberg 🙂

    Das mit dem Testen des neuen Editors ist sicherlich eine gute Idee, so dass man darauf vorbereitet ist.

    Soweit ich verstanden habe, geht das mit dem Testen nur, wenn man das Plugin installiert hat. Das mache ich derzeit lieber noch nicht. Besonders weil die Bewertungen ja, wie Du schreibst, noch nicht so gut sind.

    Hoffentlich lässt WP einem da ein wenig Zeit, das Update auch manuell, später durchzuführen.

    Danke nochmal für die hilfreichen Informationen.

    Viele Grüsse
    Sascha

    • Hi Sascha

      bisher hat das Testen von Gutenberg bei mir gut funktioniert. Es fehlen bei manchen Plugins und Themes Buttons im Editor, aber es hat noch keine meiner Websites zerschossen 🙂

      Dennoch rate nach wie vor dazu, das Plugin erst einmal auf einer Testseite zu installieren.

      Man weiß nie, ob es nicht doch zu irgendwelchen Komplikationen mit Plugins und Themes kommt. Vor allem, wenn sie länger nicht aktualisiert worden sind.

      LG

      Finn

  27. Oh, jetzt habe ich einen „Verwerfen“-Button entdeckt und bin vorerst gerettet. Nachdem aber früher oder später die Umstellung kommt, wäre ich für eine Antwort auf meine eben gestellte Frage weiterhin sehr dankbar.

  28. Hi Finn,

    also der Artikel ist Klasse. Am besten gefällt mir allerdings der Abschnitt „10. So sch**ßst du auf Gutenberg!“ Ich bin seit vielen Jahren WordPress.com Nutzer und wurde jetzt durch die Gutenberg-Version kalt erwischt, ohne dass ich diese gewählt hätte. Ich bin jetzt 76 Jahre alt und zu unflexibel oder zu blöd , mich auf diese Gutenberg-Version umzustellen. Da ich die WordPress.com-Version nutze, kann ich das Classic Editor-Plugin nicht verwenden. Gibt es eine andere Möglichkeit, zum alten Editor zurückzukehren? Für eine hilfreiche Antwort wäre ich sehr dankber.

    LG Wilhelm

    • Hi Wilhelm,

      Automattic hat den Gutenberg-Editor bei WordPress.com noch nicht eingeführt und es gibt auch noch keine Option ihn zu testen.

      Ob man ihn dort ausschalten kann, wird sich erst zeigen müssen.

      Wenn nein, bleibt dir wahrscheinlich nichts anderes übrig, als zu selbst gehosteten WordPress.org zu wechseln (oder zu den teuren Premium-Tarifen).

      LG

      Finn

  29. Hi Finn,
    ich habe gerade den Gutenberg-Editor nach einem Monat Schreibpause genutzt. Und viel Zeit mit Hyperlink nebst „title“ einfügen verloren.

    Wenn der Editor was taugen soll, dann muß er auch das Befüllen des title-Attributs liefern, ohne in den Text-Modus wechseln zu müssen. Sonst halte ich ihn für schrottig – positiv formuliert: stark entwicklungsbedürftig. Das Vereinfachen via Blöcken ist mir als einfacher, aber Effizientz-bewußtem Nutzer schlichtweg zuviel Magerkost.

    Es heißt unter in der Gutenberg-Werbung im WordPress-Backend: „Code is Poetry“. Damit das für Gutenberg gilt, muß wohl noch ein sehr langer Weg gegangen werden.

    • Hi Bernhard,

      ja, es gibt auch noch einiges, was mir an Gutenberg sauer aufstößt.

      Die Entwicklung von Gutenberg geht jedoch rasant voran. Bis zum Erscheinen von WordPress 5.0 wird sich da bestimmt noch einiges tun.

      LG

      Finn

  30. Moin Finn,
    wie immer ein schön ausführlicher Artikel. Beim Blogumzug habe ich mich dann auch gleich mal mit Gutenberg beschäftigt und nach anfänglicher Skepsis bin ich mittlerweile echt zufrieden damit.
    Man muss sich ein paar neue Routinen angewöhnen, aber dann läuft das Schreiben wieder schön flüssig.

    Was mir Google bisher allerdings nicht sagen konnte, aber vielleicht weißt du ja was: Welche CSS Befehle sind bei Bildern möglich? Also für das Feld „Zusätzliche CSS Klasse“.
    Denn theoretisch müsste ich die Bilder für Pinterest damit ja verstecken können… praktisch hat bisher aber nichts funktioniert, was ich testete.

    LG Lexa

    • Das ist auch meine Erfahrung: Erst ist Gutenberg ungewohnt, mit der Zeit wird der Workflow flüssiger 🙂

      Du kannst in das Feld nur Klassen einfügen, keine Styles. Die Klassen musst du an anderer Stelle noch einmal definieren, z. B. mit dem Custom CSS über den Customizer.

      Für dein Pinterest-Bild könntest du die Klasse „pinterest-bild“ für den Block angeben (ohne Anführungszeichen). Und sie dann im Custom CSS wie folgt definieren:

      .pinterest-bild {
      display: none;
      }

      LG

      Finn

  31. Hi, bin ein ein totaler WP Noob und werkel seit 2 Tagen an meinem Blog. 0 Programmierkenntnisse bring ich auch noch mit. Ich hab den Gutenberg direkt installiert und denke, wenn er ausgereift ist, dann taugt er schon. Aber jetzt vermisse ich so einfache Dinge wie: Möglichkeit einen Rahmen um die Blöcke anzuschalten, das würde dem ganzen mehr Übersichtlichkeit geben. Schriftart ändern. Blöcke verschieben via Drag & Drop. Intuitiv empfinde ich ihn noch nicht, aber das mag evtl. mit der Übung kommen. VG Alisha

    • Momentan ist es nur möglich Sachen wie Rahmen oder Schriftart über CSS zu regeln. Aber vielleicht kommt das ja noch 😉

      Und ja es ist in der Tat schade, dass Gutenberg kein Drag & Drop bietet. Empfinde ich auch als Manko.

  32. Great work here, Finn! I would love to hear more about where you’re seeing incompatibility with Social Warfare. Our team is already digging into a few issues that other users have brought to our attention, so we’d love to get your specifics as well. I’ve tried on several of my own test installs and Social Warfare has worked perfectly. The only thing I’ve encountered is that you have to use a Classic Editor block to get the Click-to-tweet and shortcode generator functions.

    • Hi Dustin,

      as far as I can tell only the two buttons „Social Warefare Buttons“ and „Click to Tweet by Social Warfare“ are missing from the editor.

      The share buttons themselves seem to be displayed correctly.

      So long,

      Finn

  33. Also ich freue mich riesig über die Änderung! Ehrlich gesagt verstehe ich die Aufregung rund um das Thema ‚Gutenberg‘ nicht wirklich. Der Editor bietet viele nützliche Funktionen und ist meines Erachtens zeitgemäß. Für leidenschaftliche Publisher und Text-Junkies genau das Richtige!

    • Ich habe mich zuerst auch aufgeregt. Aber dann habe ich ihn ausprobiert und ein großer Teil der Aufregung hat sich bei mir gelegt 😉

  34. Als leidenschaftliche und versierte Divi-Nutzerin – für mich selbst und auch für die meisten Kunden-Websites – ruft alles, was ich bisher über Gutenberg lese, in mir nur ein müdes „So what?“ hervor… Ich finde das Prinzip von Gutenberg zwar theoretisch gut, habe das alles aber ja mit Divi längst. (Wobei für Anfänger sicher das bessere WYSIWYG angenehmer ist.) Ich will bei meinem Divi bleiben, denn warum sollte ich mir schon wieder eine zeitfressende Umgewöhnung diktieren lassen?

    • Hi Uschi,

      wenn man bereits einen Page-Builder nutzt, dann ist Gutenberg in der Tat überflüssig. Zumal Divi Gutenberg schon vieles voraus hat.

      LG

      Finn

  35. Ich hätt Gutenberg nicht gebraucht (in der Politik nicht und in WordPress nicht). Ich hatte ihn kurz zur Probe installiert, ich hab das Handling auch verstanden – hab ja nicht seit WP das erste Mal mit Editoren verschiedenster Art zu tun. Aber ich finds komplett überflüssig. Mir wird keine Tabellenfunktion angeboten, den Sinn der Blöcke versteh ich sowieso gleich gar nicht und fühl mich da auch in meinem Schreibfluss *block*-iert. Ich fänds cool, wenns optional bliebe, aber warum müssen die mir diese neue Umgebung förmlich aufzwingen? Ich kann gegenüber dem bisherigen Editor keine Verbesserungen oder Vorteile erkennen… Leider werd ich nicht drum herum kommen, denn ich hab eh schon so viele Plugins zu laufen, dass ich mir ein zusätzliches für den alten Editor nur wahrlich ungern installieren würde. (Müsste eh längst mal abspecken, da wäre der Classic Editor ja eher kontraproduktiv.)
    Meine Meinung zu Gutenberg und Stimmung dahingehend ist eher so meh…. -_-
    Trotzdem danke für den ausführlichen Check und Guide. Wird mir sicher nützlich sein. Julia

    • Ich kann dich gut verstehen. Ich arbeite auch noch lieber mit dem klassischen Editor.

      Aber ich bin dennoch sehr gespannt, was noch daraus wird.

      Wenn die bestehenden Bugs beseitigt sind, Entwickler ihre Plugins und Themes angepasst haben etc. kann ich mir gut vorstellen, dass Gutenberg ein Gewinn für WordPress wird. 😉

      LG

      Finn

  36. hallo Finn, es stellt sich mir die Frage, ob ich weiter den Avia-Editor nutzen kann – ich muss mich ja fuer den klassischen Editor oder Gutenberg entscheiden…. ist dann Avia weg? Ich bin da leider Laie und damit etwas ueberfordert…

    • Hi Hilde,

      soweit ich die Angaben im Support-Forum von Enfold verstanden habe, ersetzt Avia dann auch Gutenberg (wie den jetzigen Editor).

      Du musst also gar nichts unternehmen und alles bleibt so wie es ist 😉

      LG

      Finn

  37. Hm,
    sehe ich das richtig, dass jetzt der Text in Blöcke unterteilt wird?
    Ich schreibe meine Texte in Word vor und kopiere sie dann einfach in WordPress inkl. der Formatierungen.
    Das geht dann nicht mehr, oder?

    Viele Grüße
    Heike

    • Nein, du kannst das nach wie vor machen.

      Dafür kopierst du einfach deine Inhalte in den Classic-Block (dadurch kannst du den klassischen Editor innerhalb von Gutenberg weiter nutzen). Siehe auch Punkt 7 im Guide.

      Erst in Word zu schreiben und dann in WordPress zu kopieren ist allerdings nicht sonderlich empfehlenswert.

      Denn dadurch werden deine Beiträge durch die CSS-Styles und -Klassen von Word zugemüllt. Sauberer ist es, direkt in WordPress zu schreiben.

      LG

      Finn

      • Also meine Schreiberin schickt mir alle Artikel in Word, schön formatiert und WordPress übernimmt auch h2 und h3, Listen usw. Das da irgendwelcher Blödsinn reinkopiert wird ist schon seit Jahren nicht mehr so.

      • Ich schreibe meine Text auch immer extern vor und nutze dazu OneNote. Das hat dann noch den entscheidenden Vorteil, dass ich ein automatisches Backup meiner Texte habe. Anfangs hatte ich auch zwar auch das Problem, den Text in den Gutenberg-Editor zu kopieren, habe dieses dann aber immer Absatz für Absatz gemacht.
        Die Idee, alles erst in den Classic Block einzufügen und dann erst in Blöcke umzuwandeln, werde ich mal beim nächsten Mal direkt ausprobieren.

  38. Ich nutze ja den erweiterten Layout-Editor Avia (Theme Enfold) und bin jetzt echt besorgt, dass dieser mit Gutenberg nicht mehr nutzbar ist – weil er meines Erachtens einfach spitze ist!

Schreibe einen Kommentar