Wenn du den Gutenberg Editor schlecht findest, hast du ihn nicht verstanden

Den WordPress Gutenberg Editor richtig nutzen | mit GREYD

Frau sitzt am PC
Portrait von Patrick Mitter

Patrick Mitter /

22.02.2021


Ja ja, der Titel ist provokant.

Aber dafรผr hat er dich dazu gebracht hier weiter zu lesen.

Wir hรถren bei GREYD immer wieder, dass der Gutenberg Editor nicht das Wahre fรผr professionelles Webdesign wรคre und sie lieber den WordPress Editor umstellen oder ein Page Builder Plugin nutzen.

โ€œStimmt nicht!โ€, sagen wir.

Gutenberg bietet dir mehr als genug, um echt gute Webseiten zu bauen. Teilweise sogar mehr als seine Mitbewerber.

In diesem Artikel findest du heraus, warum das so ist und wie du mit Gutenberg jeden anderen Editor schlagen kannst.

Das Problem mit dem Gutenberg Editor

Das grundsรคtzliche Problem des Gutenberg Editors ist nicht, dass er nicht genug Mรถglichkeiten bietet oder per se schlecht wรคre.

Das Problem ist, dass die Nutzer โ€“ besonders professionelle Webdesigner โ€“ noch nicht verstanden haben, wie der WordPress Editor funktioniert.

Wir kennen kaum einen WordPress-Nutzer, der sich wirklich eingehend mit Gutenberg beschรคftigt hat, aber immer noch darรผber schimpft. Im Gegenteil, in online Foren, in denen sich wahre WordPress-Nerds rumtreiben, wird Gutenberg eher gelobt.

Dieser Reddit User trifft es ziemlich gut auf den Punktโ€ฆ

Gutenberg Editor Kommentare

Gutenberg wird unfairerweise immer noch an dem gemessen, was er zu seinem Launch zu bieten hatte. Das war damals sehr wenig, um es freundlich auszudrรผcken.

Seitdem hat sich aber sehr viel beim Text Editor und WordPress im Allgemeinen getan. Im Vergleich zum Classic Editor von WordPress hat Gutenberg sehr viel mehr zu bieten.

Gutenberg vs Classic Editor: Was ist besser?

Okayโ€ฆ wo soll man da anfangen?

Wรคhrend der Classic WordPress Editor praktisch nur fรผr Blogs ausgelegt war, kannst du mit Gutenberg komplette Webseiten designen.

Aber selbst fรผr Blogs liegt Gutenberg weit vorne. Wenn du deinen Content im Classic Editor mit zusรคtzlichen Features oder einem schรถnen Design aufwerten wolltest, waren immer externe Plugins nรถtig.

Mit WordPress Gutenberg gehรถrt das der Vergangenheit an. Du kannst damit einzelne Beitrรคge in mehrere Spalten aufteilen, Buttons einbauen und eine Vielzahl an Widgets integrieren โ€“ ganz ohne auf weitere Plugins angewiesen zu sein.

Screenshot WordPress Editor
Bearbeitung mit dem Classic Editor
Screenshot WordPress
Bearbeitung mit dem Gutenberg Editor โ€“ der Editor bietet deutlich mehr Mรถglichkeiten!

Gutenberg stellt mehr eine Konkurrenz zu den Page Builder Plugins dar, die sich in letzten Jahren โ€“ aufgrund des schlechten Classic Editors โ€“ groรŸer Beliebtheit erfreuen.

Bei Gutenberg fรคllt zudem der Wechsel in den Code Editor sehr leicht. Als Webdesigner ist das vermutlich fรผr dich nicht von Belang, aber fรผr wahre Code-aholics kann diese Form des Editors eine Bereicherung sein.

Darรผber hinaus, wird der klassische Editor nicht mehr aktiv weiterentwickelt. WordPress hat schon mehrfach zu verstehen gegeben, dass die internen Ressourcen zukรผnftig fรผr das Gutenberg Projekt eingesetzt werden.

Es macht unserer Meinung nach keinen Sinn, auf dieses sinkende Schiff zu setzen, wenn es bereits so starke Alternativen gibt.

Solltest du nach all den Argumenten immer noch den WordPress Classic Editor bevorzugen, kannst du mit einem eigenen Plugin den Gutenberg Editor deaktivieren bzw. den Classic Editor aktivieren.

Screenshot Classic WordPress

Die Nachteile des Gutenberg Editors

Bei all dem Lob, das wir Gutenberg in unseren Artikeln entgegenbringen, kรถnnte man meinen, dass der Editor keinerlei Schwรคchen hat.

Dem ist natรผrlich nicht so. Darum mรถchten wir hier kurz die wichtigsten Probleme von Gutenberg zeigen, die bisher noch nicht behoben wurden.

Einer der mit Abstand grรถรŸten Nachteile des Gutenberg Editors ist, dass einige Features noch enorm ausbaufรคhig sind. So kannst du zum Beispiel mit wenigen Klicks einen Button integrieren, aber groรŸartig anpassen kannst du diesen nicht.

Lediglich die Basiseinstellungen โ€“ wie Farbwahl, Eckenradius oder Verlinkungen โ€“ sind verรคnderbar. Tolle Hover-Effekte oder die GrรถรŸe auf verschiedenen Mobilgerรคten kรถnnen jedoch nicht eingestellt werden, was viele Agenturen und Webdesigner bei ihrer Arbeit einschrรคnkt.

Ein weiterer Nachteil von WordPress Gutenberg ist die Schriftart. Oder besser gesagt, die fehlende Einstellung, die Schriftart zu รคndern. Das war im Classic Editor natรผrlich auch nicht mรถglich. Aber die meisten Page Builder haben diese Mรถglichkeit standardmรครŸig enthalten.

Hier mรผsstest du die Schriftart รผber das Theme รคndern, wo sie fรผr die gesamte Website definiert wird. Das ist insofern ein Problem, weil du nicht gezielt an einzelnen Stellen eine eigene Schriftart einsetzen kannst.

Natรผrlich sind zu viele Schriftarten ein Sakrileg im Webdesign, es sollte ja alles mรถglichst einheitlich aussehen. Aber nicht mal die Mรถglichkeit zu bekommen, an gewissen Stellen etwas anzupassen, ist schon eine herbe Einschrรคnkung.

Das sind ein paar der Punkte in denen der Gutenberg WordPress Editor noch Aufholbedarf hat.

Nachdem die Minuspunkte geklรคrt wurden wollen wir noch kurz die Vorteile von Gutenberg hervorheben.

Wo der WordPress Gutenberg Editor richtig glรคnzt

Weiter oben wurde bereits geklรคrt, warum Gutenberg besser ist als der klassische WordPress Editor. Das war aber natรผrlich nicht alles, was Gutenberg zum besten WordPress Tool seit Langem macht.

Hier eine Liste mit den, unserer Meinung nach, grรถรŸten Vorteilen des Gutenberg Editors:

  • Der Pagespeed
    Das Thema mit den kรผrzeren Ladezeiten scheint schon tot getreten zu sein. Dennoch kann nicht oft genug betont werden, wie wichtig diese Metrik fรผr jede Website ist. Nicht nur, weil es eine bessere User Experience bietet, sondern auch, weil du von den Suchmaschinen fรผr kรผrzere Ladezeiten belohnt wirst (Stichwort โ€œSEOโ€).
    Einen besseren Pagespeed hat Gutenberg im Vergleich mit Page Builder Plugins โ€“ der Classic Editor von WordPress bietet ebenfalls kurze Ladezeiten, das muss fairerweise gesagt werden.
  • Bloggen leicht gemacht
    Wer auf seiner Webseite regelmรครŸig neue Artikel verรถffentlicht, muss dies effizient erledigen kรถnnen. Da merkt man sehr schnell, dass WordPress ursprรผnglich als Plattform fรผr Blogger gestartet ist.
    Im Gegensatz zu Elementor und anderen Page Buildern ist das Einpflegen und Bearbeiten der Blogartikel mit WP Gutenberg nรคmlich ein absoluter Traum.
    Gutenberg ist so angenehm beim Arbeiten, dass du deine Artikel eigentlich direkt im Backend verfassen kannst, ohne sie vorher in Microsoft Word zu verfassen und dann hinรผber zu kopieren. Mรถchtest du im Nachhinein noch ein paar Bilder oder anderen Content einfรผgen, kannst du das ohne Weiteres erledigen.
    Mit den Page Builder Plugins kannst du schรถne Webseiten designen. Fรผr die Arbeit mit Blogartikeln sind sie jedoch vollkommen ungeeignet.
  • Im Backend arbeiten
    Die WYSIWYG-Editoren (What-You-See-Is-What-You-Get) richten sich an Anfรคnger, die nicht viel von Webdesign verstehen. Leider ist das ein Nachteil fรผr Agenturen und Webdesigner, die stรคndig zwischen dem WP Backend und dem Editor hin und her switchen mรผssen.
    Das kannst du dir mit Gutenberg sparen, weil hier nur im Backend von WordPress gearbeitet wird. Und wenn du deine Arbeit dann begutachten mรถchtest, klickst du einfach auf โ€œVorschauโ€ und siehst direkt, wie deine ร„nderungen aussehen wรผrden. Fรผr diese Vorschau musst du dabei nicht mal live gehen!
  • Schneller arbeiten mit wiederverwendbaren Blรถcken
    Eines der praktischsten Updates fรผr modernes Webdesign sind die wiederverwendbaren Blรถcke. Sie ermรถglichen es dir, immer wiederkehrende Elemente zu bauen, damit du sie mit wenigen Klicks auf jeder neuen Unterseite oder Artikel einbinden kannst.
    Fรผr uns Dienstleister im Webdesign ist das eine erhebliche Erleichterung. Weil sie und einerseits eine Menge Zeit spart und andererseits, weil es kaum etwas Nervigeres gibt, als immer wieder die gleichen Dinge zu bauen.

Wollten wir alle Vorteile des Gutenberg Editors aufzรคhlen, dann wรผrden wir hier den Rahmen sprengen. Aber die hier aufgezรคhlten Pluspunkte decken den grรถรŸten Teil der Vorteile ganz gut ab.

Wie du mehr aus Gutenberg herausholst

Der WP Gutenberg Editor hat seine Grenzen (zumindest im Moment noch). Dafรผr gibt es ein paar praktische Wege, um diese Limits zu erweitern.

Ein Plugin, mit dem du Gutenberg zusรคtzliche Funktionen hinzufรผgen kannst, ist Ultimate Addons for Gutenberg. Wie der Name schon verrรคt wurde das Plugin speziell fรผr den Gutenberg Editor entwickelt und soll diesen um einiges erweitern.

Screenshot Ultimate Addons fรผr Gutenberg

Angefangen von โ€œMehrfach Buttonsโ€ bis hin zum โ€œFAQ Schemaโ€ โ€“ was relevant fรผr die Suchmaschienenoptimierung wรคre โ€“ ist fast alles mit dabei. Du musst eigentlich nur noch die geeigneten Blรถcke einfรผgen und an dein Design anpassen.

Wenn du lieber auf โ€œschlรผsselfertigeโ€ Webdesigns zurรผckgreifst, ist vielleicht das Starter Templates Plugin etwas fรผr dich.

Das Plugin bietet dir, laut eigenen Angaben, Zugriff zu รผber 280 vorgefertigten Website Templates, die du nur noch herunterladen und online stellen musst.

Diese Vorlagen wurden schon von Profis im Design erstellt, sodass du nur noch Kleinigkeiten anpassen musst โ€“ wie dein Logo oder die Texte fรผr dein Unternehmen einfรผgen.

Mit echtem Webdesign hat das allerdings bei aller Liebe nichts mehr zu tun. Es ist eher eine Lรถsung, die sich wieder an Laien richtet. Nur ist es dann nicht verwunderlich, dass sich so viele Webseiten in weiterer Konsequenz irgendwie alle รคhnlich sehen.

Die beste Erweiterung fรผr den Gutenberg Editor

Die beste Methode, um den Gutenberg Editor fรผr professionelle Webdesigner zu erweitern, ist allerdings mithilfe der GREYD.SUITE.

Die Suite bietet dir alles, was das Webdesigner-Herz begehrt. Du kannst damit gleichermaรŸen simple One-Pager bauen, wie auch komplexe Online-Shops mit Tausenden Unterseiten.

Im Gegensatz zu den typischen Page Builder Plugins bietet dir die GREYD.SUITE eine schlanke Architektur des Codes, was dir keine EinbuรŸen bei den Ladezeiten beschert.

Darรผber hinaus kannst du mit GREYD.Forms atemberaubende Kontaktformulare erstellen, die perfekt zum Design der restlichen Webseite passen. Alleine dafรผr brรคuchtest du wieder ein zusรคtzliches Plugin, weil WP Gutenberg das nicht von Haus aus kann.

Fazit zum WP Gutenberg Editor

Der Gutenberg Editor ist verdammt mรคchtig. Zumindest, wenn man sich mal richtig eingearbeitet hat und ihn mit den Alternativen vergleicht. Besonders im Vergleich zum klassischen WordPress Editor hat Gutenberg weit die Nase vorn.

Reichen dir die vorhandenen Mรถglichkeiten nicht, dann kannst du mit speziellen Gutenberg Editor Addons nachhelfen. Also Plugins, die darauf ausgerichtet sind, den Design Editor zu erweitern.

Wenn du alles aus deinem WordPress Editor herausholen willst, dann raten wir dir eindeutig zur GREYD.SUITE. Sie wird dir die Arbeit mit deinen Webdesign-Kunden um einiges erleichtern.

Vermutlich wรผrden sich deine Webdesign Kunden auch darรผber freuen, wenn sie ihre Daten in Sicherheit wรผssten und sogar das Kontaktformular mehr aufzubieten hat als bei der Konkurrenz.


Portrait von Patrick Mitter

Von Patrick Mitter

Patrickย liebt gute Texte. Vor allem, wenn er sich dafรผr mit online Marketing Themen und WordPress beschรคftigen kann. Nachdem er selber schon Webseiten mit bekannten Page Builder Plugins gebaut hat โ€“ und aus dem SEO Bereich kommt โ€“ kennt er die Probleme, dieser Plugins aus erster Hand. Darum hat er sich der Mission von GREYD angeschlossen, um Webdesignern und Agenturen die Arbeit zu erleichtern.

Recent in Learn

wordpress bessere cms alternative blog banner

Headless CMS รœberblick: Warum WordPress eine gute Wahl ist

Mehr erfahren

barrierefreie Website Inhalt Blog Bild

Barrierefreier Website Content

Mehr erfahren

Mehrere Bildschirme und Gerรคte verbunden mit einem WordPress-Server in der Mitte

WordPress fรผr Franchise-Websites verwenden

Mehr erfahren

Zwei Mรคnner ohne Kopf im Anzug

Wie du WordPress als Headless CMS verwendest

Mehr erfahren

Grafik von einem Screen mit Website

Vergleich: Gutenberg vs. Oxygen

Mehr erfahren