{"id":1176,"date":"2019-06-19T12:13:41","date_gmt":"2019-06-19T10:13:41","guid":{"rendered":"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/?p=1176"},"modified":"2023-01-30T11:08:59","modified_gmt":"2023-01-30T10:08:59","slug":"wordpress-gutenberg-editor-revolution","status":"publish","type":"post","link":"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/webprogrammierung\/wordpress-gutenberg-editor-revolution\/","title":{"rendered":"Der WordPress Gutenberg-Editor – Eine echte Revolution?"},"content":{"rendered":"

Mit der WordPress Version 5.0 hat ein neuer Editor Einzug gehalten. Unter dem Namen Gutenberg wird der neue Block-Editor mittlerweile seit Anfang 2017 stetig weiterentwickelt. Wir zeigen, was es damit auf sich hat.<\/p>\n

Gutenberg \u2013 eine Revolution by WordPress?<\/h2>\n

Der Namenspatron f\u00fcr den neuen Content-Editor f\u00fcr WordPress ist nicht irgendwer: Johannes Gutenberg<\/a><\/strong>. Seine Erfindung des Buchdrucks z\u00e4hlt zu den bedeutendsten Erfindungen der Menschheit \u00fcberhaupt und war zu Beginn der Neuzeit eine Revolution. Das, so sollte man sich vor Augen f\u00fchren, ist der Claim, den WP hiermit beansprucht: eine umw\u00e4lzende Erfindung<\/em>.<\/p>\n

F\u00fcr Software-Entwickler, Programmierer und ihre Kunden eine echte Herausforderung, da gro\u00dfe Ungewissheit herrschte, worauf man sich einzustellen hatte. Andererseits waren mit den Vorab-Plugins schon Testversionen einsehbar, mit denen man sich einarbeiten und vorbereiten konnte.<\/p>\n

Doch wir wollen die Angelegenheit mal genauer betrachten. Als WordPress Agentur<\/a> erl\u00e4utern wir die Vor-<\/strong> und Nachteile<\/strong> sowie die Chancen<\/strong> des Gutenberg-Editors.<\/p>\n

Ein Content-Management-System<\/a> stellt sich den Herausforderungen<\/h2>\n

Content, Content, Content<\/em> \u2013 digitales Publizieren, aber auch die Bauk\u00e4sten zur Website- bzw. Homepage-Erstellung stehen unter Zeitdruck. Content hat eine kurze Halbwertzeit und die Handhabung zum Erstellen neuer Seiten und neuer Inhalte soll beschleunigt und vereinfacht werden. Die Texterstellung bei WordPress war bereits bisher auch schon eine wirklich nutzerfreundliche Angelegenheit<\/strong>, zumal sich WP in der vergangenen Zeit zu einem vollwertigen CMS (Content-Management-System) gemausert hat.<\/p>\n

Auch die Webseiten, die wir f\u00fcr unsere Kunden erstellen, basieren auf WordPress und das auch zurecht. Kein anderes System ist so vielseitig einsetzbar<\/strong> und gleichzeitig trotzdem so intuitiv<\/strong>.<\/p>\n

Das Unternehmen Automattic<\/a>, welches die einstmals als Blog-System ausgerichtete Software immer weiter entwickelt, hat sich mit dem neuen Editor den Herausforderungen gestellt. Es m\u00f6chte seinen beeindruckenden Marktanteil von rund sechzig Prozent, bezogen auf CMS-Webseiten, nicht verlieren und den Ver\u00e4nderungen der Nutzergewohnheiten Rechnung tragen.<\/p>\n

\"Gutenberg<\/a><\/figure>\n

Ein Editor f\u00fcr alle Webseiten \u2013 der Gutenberg-Editor<\/h2>\n

Die Layout-Vorgaben bei WordPress stehen als sogenannte Themes<\/strong> zur Verf\u00fcgung. Mit einem Theme bew\u00e4ltigt WP die Trennung von Design und Programmierung. Man w\u00e4hlte sich im Grunde damit ein Design mit bestimmten \u201eF\u00e4higkeiten\u201c aus und schrieb los. Das war nicht nur gut, sondern wirkte auf viele Nutzer, die \u00fcberhaupt keine Ahnung davon haben, wie man seine eigene Website publiziert, \u00e4u\u00dferst attraktiv.<\/p>\n

W\u00e4hrend der Entwicklungszeit des neuen Gutenberg-Editors<\/a> konnten ihn die Nutzer bereits als Plugin testen und ausprobieren. Hat WordPress sich bisher zum Thema digitales Publizieren viele Verdienste erworben, stellt sich die Gemeinde bei der Einf\u00fchrung des neuen Gutenberg-Editors allerdings ein wenig uneins dar.<\/p>\n

In WP 5.0 bis 5.2 ist der Gutenberg-Editor nun standardm\u00e4\u00dfig integriert<\/strong>. Der bisherige TinyMCE Editor wurde ersetzt, der „neue“ ist ein astreiner WYSIWYG-Editor<\/strong> (\u201eWhat-you-see-is-what-you-get\u201c). Damit ist gemeint, dass der Nutzer keine (kryptischen) Codes verfassen muss, sondern beim Zusammenbau seiner Seite sofort „sieht, was er bekommt“.<\/p>\n

Der bisher notwendige Einsatz von externen Pagebuildern<\/strong> bei der Erstellung grafischer und vom Seitenaufbau anspruchsvollerer Webseiten entf\u00e4llt, denn der Nutzer erh\u00e4lt alle passenden und geeigneten Pagebuilding-Elemente vom Gutenberg-Editor bereits geliefert. Die Schwelle f\u00fcr den normalen Internetnutzer ist somit erneut um ein weiteres Mal deutlich gesunken und die Pflege der Website<\/strong> wieder ein St\u00fcck simpler geworden<\/strong>. Auch wenn WordPress bei unseren Kunden schon seit jeher als sehr einfach zu erlernend gesehen wurde, kann die Content-Pflege gerade bei etwas komplexer aufgebauten Internetseiten eine hohe Einstiegsh\u00fcrde bedeuten, die nicht jeder \u00fcberwinden kann oder m\u00f6chte.<\/p>\n

Bl\u00f6cke \u2013 eine gute Idee<\/h2>\n

Es kommt ganz darauf an:<\/em> Wer schreibt, der schreibt \u2013 und konzentriert sich auf das Inhaltliche. Und ist froh, wenn die Seite schon steht. Der Text ist das Wichtigste. Blogger sind nun gezwungen, sich ihre Seite gleich \u201emitzubauen\u201c, sagen die einen. Pures Schreiben allein kann man allerdings auch weiterhin, entgegnen die anderen. Sowohl mit dem Plugin Classic Editor<\/strong>, mit dem sich weiterbloggen l\u00e4sst wie bisher, als auch mit dem neuen Gutenberg-Editor. Die Nutzung der neuen M\u00f6glichkeiten l\u00e4sst sich einfach auf wenige Blocks (zum Beispiel Abs\u00e4tze mit minimaler Formatierung) begrenzen.<\/p>\n

Egal, ob man neue Seiten oder neue Beitr\u00e4ge erstellen m\u00f6chte, f\u00fcr beides kann man den Gutenberg-Editor nutzen\u2026 oder auch nicht. Bereits beim Erstellen sieht der Anwender die Neuerungen: Zun\u00e4chst f\u00e4llt der Wei\u00dfraum auf \u2013 die schlichte, helle Seite. Alles, was das Theme hergibt, l\u00e4sst sich nun in Form der Bl\u00f6cke einfach als Drag-und-Drop-Einheiten<\/strong> zusammenstellen oder, wenn man so will, \u201ekomponieren\u201c. Komplexere Layouts oder selbst Landingpages konnte man bisher ohne technische Kenntnisse nicht so einfach bauen. Ein gelungener Coup. Das muss man Matthew Mullenweg schon lassen.<\/p>\n

Ein Pagebuilder war das, was WordPress seit Jahren fehlte<\/h2>\n

Konsultiert man WordPress selbst, so sieht die Argumentation insgesamt noch ein wenig positiver aus. Medienreiche Seiten und Beitr\u00e4ge wurden durch die Neukonzeption v\u00f6llig anders gestaltet. Bl\u00f6cke bringen eine hohe Flexibilit\u00e4t<\/strong> mit sich. Der Gutenberg-Editor ist nun so optimiert, dass auf s\u00e4mtlichen Bildschirmgr\u00f6\u00dfen<\/strong> gearbeitet werden kann und somit den so wichtigen responsiven Faktor mit einbezieht. Er ber\u00fccksichtigt also, dass immer mehr Menschen Webinhalte auf dem Smartphone oder Tablet nutzen. Multimedialastige Layouts sind modern? Richtig. Immer mehr Seiten hatten in den letzten Jahren Pagebuilder-Plugins installiert. Und f\u00fcr Automattic war klar, das muss WordPress nun auch k\u00f6nnen.<\/p>\n

\u201eWerde ein Baumeister\u201c, r\u00e4t WordPress und meint damit vor allem, den Verzicht auf Codes<\/strong> und die schnelle Anwendung verschiedener Standard-Bl\u00f6cke<\/strong>, mit denen die Seite schnell und einfach aufgebaut werden kann. WP nennt sie \u00fcbrigens \u201eneue beste Freunde\u201c und \u201eein gro\u00dfartiges neues Werkzeug, um ansprechende Inhalte aufzubauen\u201c.<\/p>\n

Was sind die Bl\u00f6cke im Einzelnen<\/h2>\n

Webbeitr\u00e4ge werden zuk\u00fcnftig, wenn es nach WordPress geht, aus aufeinanderfolgenden Bl\u00f6cken bestehen. Die \u00fcbrigens superleicht hin- und hergeschoben werden k\u00f6nnen. Doch was sind Bl\u00f6cke genau?<\/p>\n

Wir haben hier das, worum sich alles dreht, einmal zusammengestellt:<\/em><\/p>\n

    \n
  • Absatz<\/li>\n
  • \u00dcberschrift<\/li>\n
  • Zwischen\u00fcberschrift<\/li>\n
  • Zitat<\/li>\n
  • Bild<\/li>\n
  • Galerie<\/li>\n
  • Titelbild<\/li>\n
  • Video<\/li>\n
  • Audio<\/li>\n
  • Spalten<\/li>\n
  • Datei<\/li>\n
  • Code<\/li>\n
  • Liste<\/li>\n
  • Button<\/li>\n<\/ul>\n

    Wer sich einen ersten Eindruck zum Gutenberg-Editor<\/strong> an sich bzw. \u00fcber dessen M\u00f6glichkeiten<\/strong> bzw. Vorteile<\/strong> machen will, dem seien die folgenden Videos von elmastudio<\/em> w\u00e4rmstens empfohlen:<\/p>\n