Gutenberg & Page Builder – Was kommt auf WordPress Agenturen zu?

Gutenberg entwickelt sich derzeit rasant in Richtung Full Site Editing. Was bedeutet diese Entwicklung für die Zukunft der Page Builder? Worauf sollten sich WordPress Agenturen und Freelancer einstellen? Welche Tools unterstützen dich? Ein Gastbeitrag von GREYD.

Als WordPress im Jahre 2018 den Gutenberg Editor eingeführt hat, wurde das Projekt aufgrund mangelnder Möglichkeiten (zurecht) belächelt. “Irgendwann wird Gutenberg sicher noch besser oder vielleicht zum neuen Standard”, wurde uns von begeisterten Early Adopters versichert. Das hat sich tatsächlich bewahrheitet, denn dieser Zeitpunkt ist jetzt.

Wenn du die Entwicklung von Gutenberg bisher ein wenig verschlafen hast und WordPress für dein Unternehmen oder deine Agentur eine zentrale Rolle spielt, dann solltest du jetzt aufmerksam weiterlesen. Um zu verstehen, warum die Entwicklung von Gutenberg die Existenz von Page Builder Plugins ernsthaft bedroht, sehen wir uns in einem Schnelldurchlauf die Geschichte des neuen WordPress Editors an.

Die Entwicklung von WordPress Gutenberg

Zu Beginn war der Gutenberg Editor noch sehr sperrig zu benutzen, um es freundlich zu formulieren. Zumindest, wenn man ihn mit den Möglichkeiten bekannter WordPress Page Builder – wie etwa Elementor oder WPBakery – vergleicht.  Im direkten Vergleich zum klassischen WordPress Editor (TinyMCE), der sich mehr zum Verfassen von Blogartikeln als zum Designen schöner Websites eignete, war Gutenberg hingegen schon ein wahrer Quantensprung.

Mit der Einführung des Gutenberg Editors hat WordPress jedenfalls klar gezeigt, dass Blöcke die Zukunft im Webdesign des Content Management Systems sein werden. Wie die Roadmap des Projekts Gutenberg zeigt, war der Editor im Backend jedoch nur der Anfang. Phase 1 von insgesamt 4 Phasen, welche sich über mehrere Jahre ziehen.

Wo Gutenberg heute steht & warum es für WordPress Page Builder eng wird

Momentan befinden wir uns in Phase 2, in der Full Site Editing, Block Patterns (Templates für Gutenberg Blöcke), die Block Directory und Block Based Themes im Fokus stehen. Allein diese Phase entzieht einigen halb ausgegorenen Page Builder Plugins ihre Daseinsberechtigung, die im Grunde nur darin bestand, die verschiedenen Elemente einer Website (wie Buttons, Bilder oder Kontaktformulare) detailliert anzupassen.

Mit der Full Site Editing Funktion, welche gerade eingeführt wird, setzt Gutenberg noch einen oben drauf. Dadurch wird es möglich, die gesamte Website – also auch Header und Footer – direkt im Editor anzupassen. Zum Vergleich: Bei so manch beliebtem Page Builder ist dafür eine bezahlte Premiumversion notwendig. WordPress liefert uns die Möglichkeit kostenlos mit.

Die erwähnten Block Patterns machen zudem den Template Libraries von Elementor und Co. ernsthaft Konkurrenz. Die Idee hinter schlüsselfertigen Designvorlagen kam vor allem bei jener Zielgruppe gut an, die im modernen Webdesign nicht allzu versiert ist. Ein paar kurze Klicks und schon hast du eine fast fertig erstellte Website, bei der nur noch Feinheiten und die richtigen Inhalte eingearbeitet werden müssen.

Mit der Block Patterns Directory stößt WordPress nun selbst ins Feld der fertig erstellten Templates vor. Mit den Block Patterns musst du allerdings nicht direkt das Design einer ganzen Seite übernehmen, sondern kannst unter einer großen Zahl einzelner Sektionen wählen. Bist du fündig geworden, reicht ein Klick auf “Kopieren” in der Directory, damit du das Design in deinem Gutenberg Editor einfügen und anpassen kannst.

Page Builder, PageSpeed & WordPress Hosting

Abgesehen davon gibt es noch eigene Plugins – wie zum Beispiel Gutenberg Template Library & Redux Framework – welche dir eine große Auswahl an kompletten Templates für Gutenberg bieten. “Aber warum sollte ich hier auf Gutenberg setzen, wenn ich bei anderen Page Builder Plugins vielleicht sogar noch mehr Templates bekomme?” Das Zauberwort lautet PageSpeed.

Ich weiß ja nicht wie es dir dabei geht. Aber wenn ich zu lange darauf warten muss, dass eine Website vollständig geladen ist, vergesse ich recht schnell meine Manieren. Es ist wahrlich kein Geheimnis mehr, dass Page Builder Plugins die Ladezeit einer Website in Richtung Unendlichkeit (und noch viel weiter) treiben. Das ist zu einem großen Teil dem aufgeblähten Code geschuldet, welcher durch die Plugins hinzu kommt.

Diese Rezension eines frustrierten Elementor Users fasst es ziemlich gut zusammen:

Irgendwie scheint es mit den Page Buildern in Sachen Pagespeed auch nicht wirklich besser zu werden. Ständig muss man Workarounds finden, um die Website doch ein wenig schneller anzuzeigen. Mit dem Gutenberg Editor bleibt dir das Problem des unnötig aufgeblähten Codes erspart. Da Gutenberg das hauseigene Produkt von WordPress ist, hast du damit zwangsläufig die minimalste Menge an Code.

Das ist übrigens auch einer der Hauptgründe, warum wir beim Entwickeln unserer eigenen GREYD.SUITE einen so starken Fokus auf die native Integration von Gutenberg gesetzt haben. Es kann zudem auch am WordPress Hosting liegen, wenn die Ladezeiten deiner WordPress Website im Keller sind – trotz schlanken Codes und 100 Prozent Einsatz von Gutenberg. In dem Fall solltest du unbedingt auf ein starkes Managed WordPress Hosting setzen, um das zu vermeiden.

Tools: GREYD, Gutentor, Stackable & Co.

Obwohl Gutenberg inzwischen schon so stark aufgestellt ist (und obwohl der Editor immer besser wird) ist er noch nicht beim Status der “Perfektion” angekommen. Es gibt immer noch einige Schwächen bzw. Mängel, bei denen externe Lösungen gefragt sind.

Mit externen Lösungen sind in dem Fall Tools gemeint, wie zum Beispiel Premium Themes, die auf Gutenberg aufbauen. Einige dieser Themes ähneln leider mehr den Page Builder Plugins, da sie den Gutenberg Editor komplett ignorieren, ihre eigenen Funktionen über den bestehenden WordPress Kern bügeln und den Code somit ebenfalls unnötig aufblähen. 

Wir wollten das beim Entwickeln unserer eigenen Suite unbedingt vermeiden. Deshalb haben wir die erste Software entwickelt, die Gutenberg zu 100 Prozent integriert hat und nicht nur die Möglichkeit bietet, zwischen Gutenberg und Page Builder hin und her zu springen. So sind auch besonders niedrige Ladezeiten für die WordPress Website gewährleistet.

Andere praktische Erweiterungen für Gutenberg, falls du nicht unbedingt ein umfangreiches All in One Tool für professionelle WordPress Agenturen benötigst, sind Plugins, die den bestehenden Editor erweitern. Gute Beispiele dafür sind unter anderem:

• Gutenberg Blocks – Ultimate Addons for Gutenberg
• Theme Kit for Twenty Twenty-One von Twentig
• Gutentor – Page Builder for Gutenberg Editor
• Gutenberg Blocks and Template Library by Otter
• Stackable – Page Builder Gutenberg Blocks

Zugegeben, diese Lösungen sind nicht unbedingt perfekt, aber besser als typische Page Builder, die ihre eigenen Editoren einführen. 

Ein Nachteil bei Gutenberg, weshalb viele Agenturen von vornherein auf den Editor verzichten, ist: Moment wird noch kein Augenmerk auf responsives Webdesign gelegt. Da responsive Websites aus unserer Sicht aber unumgänglich sind, haben wir in unserer Suite an zahlreichen Stellen leicht zu bedienende Controls eingebaut. Mit diesen lassen sich auch mit Gutenberg einfach mobile responsive Websites erstellen.

Was bedeutet das für WordPress Agenturen?

WordPress wird als beliebtestes Content Management System nicht mehr so schnell die Bühne verlassen – obwohl sich WordPress beim Trend der Headless CMS etwas ranhalten muss. Mit einer Spezialisierung auf WordPress hast du mit deiner Agentur (oder als Freelancer:in, falls du alleine tätig bist) schon mal eine sehr gute Wahl getroffen.

Solltest du dein Geschäft allerdings von Page Builder Plugins abhängig machen, die nicht auf Gutenberg setzen, verpasst du einen der wichtigsten Trends in der WordPress Geschichte. Nun stellt das einige professionelle WordPress Agenturen vor ein Dilemma: Einerseits wissen wir, dass Gutenberg den externen Lösungen langfristig davonziehen wird. Und andererseits ist der Gutenberg Editor (wie oben kurz erwähnt) nicht in 100 Prozent der Fälle für Weltklasse Webdesign einzusetzen.

Du könntest quasi zu lange an den veralteten Lösungen klammern, schlechten Pagespeed akzeptieren und später den Anschluss an Gutenberg nicht mehr finden. Oder du springst sofort zu WordPress Gutenberg über und nimmst einige Schwächen bezüglich des detaillierten Designs hin. Klingt beides nach einer eher suboptimalen Lösung, wie ich finde.

Genau vor diesem Problem sind wir mit unserer eigenen Designagentur gestanden, mit der wir WordPress Websites für Großkunden bauen. Darum wissen wir, dass es nie eine angenehme Situation ist, sich immer nur für das “geringere Übel” (Performance, Funktionalität oder ansprechendes Design) entscheiden zu müssen.

Doch lieber zu einem anderen CMS wechseln?

Das ist keine gute Idee!  Wie eine Statistik von W3Techs zeigt, machen WordPress Websites bereits über 40 Prozent aller Websites im Internet aus (lass dir das mal für einen Augenblick auf der Zunge zergehen). Dabei scheint der Trend nicht wirklich abzuflachen. Im Gegenteil deuten Nutzerstatistiken eher darauf hin, dass WordPress in Zukunft auf verhältnismäßig noch mehr Websites zum Einsatz kommen wird.

Das soll natürlich nicht bedeuten, dass du mit TYPO3, Joomla!, Squarespace oder anderen CMS eine schlechte Wahl triffst. Es soll lediglich verdeutlichen, dass du mit WordPress auch in Zukunft noch eine sichere Grundlage für deine Website und die Arbeit mit deiner Agentur haben wirst. Und dass du in diesem Kontext auch die beste Lösung (=Gutenberg) innerhalb von WordPress beim Bau von Websites nutzt.

Voraussicht ist immer gut

Wenn du die Entwicklung von WordPress Gutenberg für die Arbeit mit deiner WordPress Agentur weiterhin ignorierst, gehörst du bald zu den bedrohten Arten! Da ein sofortiger Umstieg, aufgrund von mangelnden Möglichkeiten und fehlender Intuitivität von Gutenberg, allerdings oft ein Problem darstellt, empfiehlt sich der Einsatz von externen Lösungen, welche sich auf den Gutenberg Editor spezialisiert haben.

Entweder du setzt dabei auf spezielle Themes (vergessen wir nicht, dass Block Based Themes eine zentrale Rolle der momentanen Gutenberg Phase spielen) oder auf Erweiterungs Plugins für Gutenberg. Ein paar davon habe ich dir in diesem Beitrag vorgestellt.

In jedem Fall solltest du die Entwicklung des WordPress Gutenberg Projekts nicht nur passiv beobachten, sondern aktiv ganz vorne mit dabei sein. Dann wirst du auch als professioneller WordPress Dienstleister noch lange davon profitieren.