Was ist der grosse Deal mit WordPress-Gutenberg?

Gutenberg: der grösste Name in WordPress im Moment.

Nein, nicht Johannes Gutenberg, der Erfinder der beweglichen Schrift, der im Europa des 15. Jahrhunderts zu einer Druckrevolution führte.

Wenn wir Gutenberg sagen, meinen wir die kommende WordPress Version 5.0 Release.

In Erwartung dieser Änderung haben wir untersucht, was Gutenberg für WordPress-Benutzer bedeuten wird und warum ein Wechsel des Editors das heisseste Thema in der WordPress-Welt ist.

Was ist Gutenberg genau?

Gutenberg ist ein Redesign des WordPress WYSIWYG (what you see is what you get) Editors. Es ist nach dem Johaness Gutenberg der Erfinder des modernen Buchdrucks benannt. Wie sein Namensgeber ist es das Ziel, die Art und Weise, wie wir Inhalte erstellen und verbreiten, zu revolutionieren.

Auch wenn das keine grosse Sache zu sein scheint, denken Sie daran, dass wir seit der Einführung von WordPress 2.0 im Jahr 2005 so ziemlich den gleichen TinyMCE-Editor (den Standard-Text-Editor) verwenden, und obwohl es funktioniert, ist es ziemlich begrenzt.

Mit dem aktuellen Editor ist es ziemlich einfach, grundlegende Inhalte zu erstellen. Aber sobald Sie spezielle Layouts verwenden oder sich mit Ihren Bildern oder anderen Medien anfreunden wollen, fällt es auseinander. Wie Sie wahrscheinlich entdeckt haben, wenn Sie jemals WordPress verwendet haben, kann das Schreiben eines einfachen Blog-Posts erfordern, dass Sie zu HTML wechseln, um die Dinge so aussehen zu lassen, wie Sie es wünschen.

Die gute Nachricht ist, dass sich mit Gutenberg alles ändert. Anstatt Inhalte als einen langen Chunk zu erstellen, bietet Gutenberg Ihnen die Möglichkeit, «kleine Blöcke» von Inhalten einzubinden, die komplexere Layoutmöglichkeiten ermöglichen. Dies ist ein wirklich beweglicher Typ für das digitale Zeitalter!

Die Magie der kleinen Blöcke

Mit Gutenberg liegt die Stärke des digitalen Designs endlich in Ihren Händen, wenn Sie Inhalte für Ihre Website erstellen.

Sie werden nicht durch lange Blöcke mit Vanilletext eingeschränkt. Stattdessen kannst du mit vielen verschiedenen Layoutoptionen spielen.

Einige der Dinge, die Sie mit Gutenberg leicht machen können:

• Stilisierte Header
• Einfache Tische
• Tropfenverschlüsse
• Anklickbares Inhaltsverzeichnis
• Auswahl aus 2-4 reaktionsschnellen Säulen
• Flexible Bildstile
• Funktionstasten

Und das Beste daran? Sobald Sie einen stilisierten Inhaltsblock erstellt haben, können Sie ihn als wiederverwendbaren Block speichern, damit Sie die Konsistenz auf Ihrer Website aufrechterhalten können.

Im Wesentlichen werden Sie anfangen, an Ihre Artikel zu denken, eher als würden Sie ein Magazin entwerfen, anstatt eine Semesterarbeit zu schreiben.

Natürlich haben einige WordPress-Themen bereits lustige Layoutoptionen für Zeitschriften. Der Unterschied besteht darin, dass diese Optionen nicht durch das Design festgelegt werden, was bedeutet, dass Sie nicht mit einer Handvoll Auswahlmöglichkeiten für alle Ihre Inhalte beschäftigt sind. Du wirst in der Lage sein, diese Entscheidungen für jeden Artikel oder jede Seite nach Bedarf zu treffen.

Im Moment, wenn Sie einige der fortgeschrittenen Layouts machen wollen, die standardmässig mit Gutenberg geliefert werden, müssen Sie eine Reihe von Plugins installieren (die Ihre Website verlangsamen können) und Shortcodes verwenden (Bits von Code, die Sie in gerade Klammern einfügen (was den Prozess der Erstellung verlangsamen kann).

Verwirrt? WordPress.org hat eine grossartige Webseite, die Gutenberg mit vielen Beispielen vorstellt.

Also ist es wie das Divi-Template?

Ein häufiges Missverständnis über Gutenberg ist, dass es versucht, WordPress nativen Code mehr wie Divi zu machen. Divi, ein beliebter Themenrahmen von Elegant Themes, ist ein visueller Seitenersteller, mit dem Sie Inhalte und Design gleichzeitig erstellen können. Mit Divi wählen Sie ein grundlegendes Design und Layout und können dann Dinge auf der Seite verschieben und neue Inhalte auf WYSIWYG-Basis hinzufügen.

Mit der aktuellen Version von WordPress erstellen Sie Ihre Inhalte dagegen im Dashboard, weitgehend getrennt von Ihrem Website-Design, und dann müssen Sie die Inhalte speichern und in einem Vorschaumodus anzeigen, um zu sehen, wie sie in Ihrem gewählten Design aussehen.

Was Gutenberg (ohnehin in der ersten Version) ist, ist ein neuer Inhaltseditor wie oben beschrieben, nicht ein neues Thema oder eine komplette Überarbeitung der WordPress-Architektur. Tatsächlich ändert sich WordPress selbst ausserhalb des Editors selbst nicht.

Aufgrund der Art und Weise, wie sie in der Datenbank kodiert werden, sollten Inhaltsblöcke auch bei vielen Themen gut funktionieren. 

Warum Gutenberg momentan keine grosse Sache ist?

Gutenberg wird uns einen neuen Weg zur Erstellung von Webinhalten mit WordPress vorstellen, und das ist riesig.

Aufgrund der Einschränkungen des Content Editors kann eine WordPress-Seite heutzutage etwas schwerfällig aussehen. Mit Gutenberg können Sie viel attraktivere Websites erstellen und verschiedene Arten von Inhalten besser integrieren.

Während Gutenberg im Moment nur ein neuer Post- und Seitenredakteur ist, ist die Zukunft für Gutenberg recht spannend. Die erste Gutenberg-Veröffentlichung nur die erste Stufe. Später werden die Entwickler neue Seitenvorlagen erstellen, und das letztendliche Ziel ist es, einen vollständigen visuellen Site-Builder zu haben.

Im Moment ist es eine aufregende Zeit, ein Content Creator zu sein, denn Sie haben sofort Zugriff auf all diese neuen Optionen. Für WordPress-Entwickler können sie ihren Kunden eine grössere Auswahl an Layoutmöglichkeiten bieten, ohne eine Reihe von Anpassungen vornehmen zu müssen. Und für Themendesigner werden sie in der Lage sein, die Inhaltsblöcke zu greifen, um alle Arten von coolen Designtricks zu machen, die wir uns noch nicht einmal vorstellen können!

Wie besorgt sollten Sie über Gutenberg sein?

Wenn Sie sich auf Software verlassen, um Ihr Unternehmen zu führen, kann es ein wenig beängstigend sein, von einem grösseren Update zu hören. Das gilt, wenn es sich um Ihre Buchhaltungssoftware, Ihre Social Media Management-Tools und Ihre Website handelt.

Gutenberg wird der Standardeditor sein, wenn WordPress 5.0 veröffentlicht wird. Früher oder später werden Sie sich damit auseinandersetzen müssen.

Wir verstehen also, dass Gutenberg Angst machen könnte, genau wie bei jedem anderen grossen WordPress-Update. Wenn du aktualisierst, wird es Ihre Website zerstören? Wenn Sie gerade herausgefunden haben, wie man WordPress verwendet, werden Sie dann von vorne anfangen müssen?

Gutenberg stellt für einige Menschen eine grosse Veränderung dar (siehe unsere beiden Sonderfälle, unten). Und selbst wenn Sie sich über den Start sicher sind, kann es noch etwas dauern, bis Sie sich daran gewöhnt haben. Deshalb ist es eine gute Idee, vor der offiziellen Veröffentlichung es zu testen und zu sehen, wie es funktioniert.

Wie Sie Gutenberg testen können

Auch wenn wir noch keinen offiziellen Veröffentlichungstermin für Gutenberg haben, stehen die Entwickler hinter dir. Sie wollen, dass so viele Leute wie möglich den neuen Editor benutzen, bevor sie ihn offiziell freigeben.

Und es ist einfach, es zu bekommen.

Wenn Sie Websites in WordPress erstellen, haben Sie vielleicht ein Update für Ihr WordPress Dashboard gesehen, das Sie einlädt, eine Beta-Version von Gutenberg zu testen:

Sie können Gutenberg auch als Plugin herunterladen und auf Ihrer Website installieren.

Ein Vorbehalt: Gutenberg gilt immer noch als «Beta»-Software und hat einige Fehler. Es kann sein, dass es perfekt mit Ihrem Design und Ihren Plugins funktioniert oder auch nicht. Wir empfehlen nicht, es auf einer Website zu installieren, für die Sie keine vollständige Datenbanküberwachung haben, falls etwas kaputt geht. Wir warnen Sie auch davor, es auf allen wichtigen Websites wie Ihrem Hauptgeschäft oder Blog zu installieren, bis die endgültige Version freigegeben ist.

Sonderfall #1: Content Management

Wie bereits erwähnt, können einige Menschen von Gutenberg mehr betroffen sein als andere. Content-Manager sind eine Gruppe, die mit ziemlicher Sicherheit betroffen sein wird. Der neue Editor zwingt Sie, Ihren Workflow zu ändern, und das sollten Sie verstehen, bevor er startet.

In der aktuellen Iteration gibt es einige Probleme beim Kopieren von Text aus einem Google Doc. und beim Ablegen in den Gutenberg-Editor, da er alles als einen großen Block platziert.

Möglicherweise treten auch einige Formatierungsprobleme auf, da der versteckte Formatierungscode aus Google Docs und Word stammt. Bei einfachen Dokumenten ist dies vielleicht kein Problem, aber wenn Sie viele Formatierungen haben, können die Dinge unsicher werden, wenn Sie sie übertragen.

Bis die WordPress-Entwickler diese Probleme herausfinden, hier sind ein paar Optionen, die helfen könnten:

• Mammoth.docx Converter ist ein kostenloses Plugin, das.docx-Dateien in sauberes HTML konvertiert, das WordPress besser verstehen kann. Dies ist großartig, wenn Sie es gewohnt sind, Dateien aus MS Word zu kopieren (und Sie sollten es jetzt verwenden!), aber Sie können auch bei Google Docs helfen, wenn Sie Ihr Dokument zuerst als .docx-Datei speichern.
• Wordable ist eine Software, die Ihr Google Doc-Konto mit Ihrer WordPress-Site verbindet und eine nahtlose Integration ermöglicht. Es hat eine monatliche Gebühr und Sie müssen es mit beiden Konten verbinden, die möglicherweise nicht in Unternehmensumgebungen funktionieren.

Wenn alles andere fehlschlägt, können Sie jederzeit ein Plugin installieren, das den bekannten TinyMCE-Editor wieder aktiviert.

Sonderfall #2: Barrierefreiheitsprobleme

Die Zugänglichkeit von Websites ist wichtig. Menschen mit eingeschränkten Seh- oder Mobilitätseinschränkungen oder mit Hilfsmitteln zur Nutzung von Websites können Gutenberg für unbrauchbar halten.

Experten für Barrierefreiheit und regelmäßige Benutzer haben während des gesamten Entwicklungs- und Testprozesses Bedenken geäußert. Eine der größten Sorgen ist Gutenbergs Vertrauen in die Hover-Technologie, die für viele Menschen schwierig zu nutzen sein kann (und wenn man einen Screenreader benutzt, kann es unmöglich sein).

Gary Pendergast, einer der führenden Entwickler und die Person, die die Zusammenführung des Codes in den WordPress-Kern vor der allgemeinen Veröffentlichung leitet, sagte kürzlich gegenüber WP Tavern:

«Gutenberg hat es sich zwar immer zur Aufgabe gemacht, die Barrierefreiheit zu priorisieren, indem er sowohl Werkzeuge zur Verfügung stellte, um den Blockeditor zugänglicher zu machen, als auch die Autoren ermutigte, zugängliche Inhalte zu veröffentlichen, aber es gibt immer noch Bereiche, in denen wir uns verbessern können.»

Wenn Sie Fragen der Barrierefreiheit betreffen, können Sie auch die anderen Artikel lesen, die WP Tavern zu diesem Thema veröffentlicht hat.

Wann wird Gutenberg kommen?

Alle Zeichen deuten auf das Welttreffen Gutenberg in diesem Monat hin.  Der vorläufige Termin ist der 19. November 2018.

Warum «vorläufig»? Die Entwickler haben eine Reihe von Meilensteinen, die sie erreichen müssen, bevor das Update zur Veröffentlichung bereit ist. Die Entwickler müssen auch sicherstellen, dass die Veröffentlichung so stabil wie möglich ist, damit sie die geringsten negativen Auswirkungen auf die aktuellen WordPress-Benutzer hat. 

Wenn Sie Hilfe bei WordPress brauchen, besuchen Sie unsere Support-Seite.