Was Sie über den Gutenberg WordPress Editor wissen sollten

Der Gutenberg WordPress-Editor wird zu den wichtigsten Aspekten des WordPress-Kerns gehören. Aber was bedeutet das überhaupt für Website-Besitzer? Was ist, wenn ein Benutzer bereits einen Seitenersteller verwendet? Diese Fragen und mehr beantworten wir in diesem Ratgeber. Außerdem werden wir über die Grundlagen von Gutenberg sprechen. Darüber hinaus werden wir über alles sprechen, was Sie über die neueste Version wissen müssen. In der Zwischenzeit gibt es hier Seitenerstellungs-Plugins für einfacheres WordPress-Design.

Den Gutenberg WordPress Editor verstehen

Gutenberg WordPress Editor ist ein neuer visueller Editor. Außerdem wurde es so konzipiert, dass es in den WordPress-Kern integriert werden kann. Gutenberg hilft, indem es Funktionen wie Seitenersteller hinzufügt, jedoch mit zusätzlichen Inhaltsblöcken. Beispielsweise könnte TinyMCE als einer der Standard-Inhaltseditoren wiederhergestellt werden.

Bei der Verwendung werden Sie jedoch feststellen, dass der Inhalt in verschiedenen Arten von Blöcken hinzugefügt wird. Außerdem beginnt das Hinzufügen direkt im WordPress-Backend.

Außerdem ist Gutenberg mehr als nur ein Redakteur. Es fügt der gesamten Inhaltsveröffentlichungserfahrung eine individuelle Anpassung hinzu. Es ermöglicht dem Benutzer, ein modernes Design zu erstellen. Außerdem bietet es ein besseres Bearbeitungserlebnis. Darüber hinaus bildet es eine Grundlage für die Zukunft von WordPress-Websites. Gutenberg steht kurz davor, in WordPress 5.0 veröffentlicht zu werden.

Der Hauptzweck des Gutenberg WordPress Editors

Betrachten wir die Hauptzwecke von Gutenberg aus funktionaler Sicht.

Der Hauptzweck besteht darin, das Erlebnis des „Hinzufügens von reichhaltigen Inhalten zu WordPress“ unterhaltsamer und aufregender zu gestalten.

Es ist ein entscheidender Schritt nach vorne in der Entwicklung von WordPress. Ohne Gutenberg enthält die native WordPress-Funktionalität nur einen einfachen Texteditor für Artikel. Außerdem können WordPress-Benutzer mit Gutenberg cool aussehende Inhaltslayouts erstellen. Darüber hinaus gehört Gutenberg zu vielen wichtigen Übergängen, um die WordPress-Benutzererfahrung zu vereinfachen.

Wundern Sie sich über die laufende Debatte über Gutenberg? Dann lesen Sie weiter, während wir dies ausführlicher besprechen.

Matt Mullenweg ist die prominente Figur hinter Gutenberg

Laut der Ankündigung von Mullenweg im „State of the Word 2016“ ist Gutenberg ein visueller Editor. Es ist jedoch einer von drei Hauptschwerpunkten für die Zukunft von WordPress. Anfang 2017 übernahm Mullenweg Gutenberg als Projektleiter. Aber für die weitere Entwicklung stellte Mullenweg Joen Asmussen und Matias Ventura ein. Er stellt sie als Mitarbeiter von Automatic ein. Wenn Sie also auf Mullenweg mehr über Gutenberg lesen möchten, sollten Sie „We Called it Gutenberg for a Reason“ besuchen.

Es ist super einfach, Gutenberg zu deiner WordPress-Seite hinzuzufügen, indem du es als WordPress-Plugin herunterlädst, das du im Verzeichnis der WordPress-Plugins finden würdest.
Das Gutenberg-Plugin wird wöchentlich aktualisiert, da ständig neue und verbesserte Funktionen hinzugefügt werden. Beachten Sie jedoch die Beschreibung dieses Plugins. Es ist immer noch Beta-Software und muss mit angemessener Sorgfalt verwendet werden. Wie bereits erwähnt, wird dieser Editor wahrscheinlich in WordPress 5.0 integriert.

Gutenberg wird noch implementiert

Hier ist, was Sie über die kommenden Funktionen von Gutenberg wissen müssen.

• Gutenberg ist noch nicht fertig. Verschiedene Funktionen von Gutenberg werden derzeit implementiert. Darüber hinaus hat die neue Version Verbesserungen an früher implementierten Funktionen und der Benutzeroberfläche vorgenommen.
• Machen Sie sich keine Sorgen, wenn Gutenberg derzeit nicht richtig für Sie funktioniert. Probleme werden angegangen, während das Team die Entwicklung fortsetzt.
• Der Editor wird mit Hilfe von React JavaScript geschrieben. In Anbetracht der derzeitigen Neulizenzierung des Projekts durch Facebook unter dem Namen MIT-Lizenz kündigte Mr. Matt jedoch an, dass Gutenberg und wordpress.com mit einer anderen Bibliothek neu geschrieben würden. Dies wird Gutenbergs Fortschritt für eine Weile verzögern.

Gutenberg-Einbettungen und -Blöcke

Um das Layout und den Inhalt anzupassen, bietet Gutenberg eine Reihe von Blöcken an.

Hier sind die angebotenen Embeds von Gutenberg.

Die Vorteile von Gutenberg

Hier sind einige der großen Vorteile der Einbindung von Gutenberg in WordPress 5.0.

Fortschritt für den visuellen Editor von WordPress

• Jahrelang war der visuelle Editor von WordPress ziemlich langweilig.
• Der Zweck von Gutenberg ist es, eine Benutzeroberfläche zu integrieren, die für Benutzer sehr intuitiv ist. Es wurde entwickelt, um WordPress dabei zu helfen, mit anderen visuellen Editoren wie Squarespace und Wix zu konkurrieren.

Ein kluger Schachzug zum Speichern von Blockinformationen mithilfe von HTML-Kommentaren

• Gutenberg speichert Blockinformationen in HTML-Kommentaren.
• Diese Kommentare werden nicht aktiv auf den Live-Seiten der Website wiedergegeben und können nur im Backend der Website angezeigt werden.

Sie können Gutenberg einfach deaktivieren, ohne die Website zu beschädigen

• Im Gegensatz zu anderen Seiteneditoren können Sie diesen visuellen Editor – Gutenberg – einfach deinstallieren, ohne die Website zu beschädigen.
• Es besteht keine Chance, zuvor arrangierte Blöcke zu verlieren, wenn Sie Gutenberg erneut aktivieren. Die HTML-Kommentare bleiben immer im Inhalt erhalten.
• Beachten Sie, dass bei deaktiviertem Gutenberg die HTML-Kommentare möglicherweise vom Seitenquelltext gerendert werden.

Bessere Ausführung der Copy/Paste-Routine

• In früheren Gutenberg-Versionen war die Implementierung von Kopieren/Einfügen nichts weniger als ein Durcheinander. Auch die Formatierung ist bei diesem ganzen Vorgang früher verloren gegangen, aber das ist nicht mehr der Fall.
• Eingefügte Listen, Überschriften, Absätze usw. landen in den entsprechenden Blöcken, die von Gutenberg automatisch erstellt werden.
• Textauszeichnungen wie kursiv und fett bleiben ebenfalls erhalten.

Starke HTML5-Ausgabe

• Gutenberg verwendet HTML 5-Tags wie Abbildung und Abschnitt, um Ausgabeinhalte zu blockieren.
• Mit Hilfe von HTML-5-Tags lassen sich zukunftssichere Inhalte in Gutenberg aufbauen.

Leicht zu schreibende Blöcke

• Um benutzerdefinierte Inhalte zu erstellen, können Entwickler ihre eigenen persönlichen Blöcke erstellen.
• Es gibt viele Online-Ressourcen, um mehr Informationen über das Schreiben eines Blocks in Gutenberg zu erhalten.

Die Nachteile der Verwendung von Gutenberg

Keine Komposition mehr im Browser

• Der Fokus der Benutzeroberfläche von Gutenberg liegt auf dem Inhaltslayout und nicht auf der Erstellung von Inhalten.
• Die alten Zeiten, in denen Entwickler Inhalte mithilfe des Beitragsfensters erstellten, sind vorbei.

Möglicherweise finden Sie die Benutzeroberfläche etwas klobig

• Einige einfache Aufgaben erfordern möglicherweise mehr Aktionen als in der Vergangenheit. Wenn Sie eine Seite aktualisieren, müssen Sie zweimal klicken und nicht einmal. Es sind einige unscheinbare Symbole verfügbar, die nicht viele Hinweise auf ihre genaue Funktionalität haben.
• Bei kleineren Displays kann das dreispaltige Layout verwirrend sein, wenn ein Benutzer nach unten scrollt. Diese drei Spalten umfassen den Gutenberg-Editor, das Admin-Menü und die Gutenberg-Seitenleiste. Dies gilt insbesondere, wenn Ihre Bildschirmgröße 12 Zoll oder kleiner ist.
• Neben und unter dem Editor sind Metaboxen in erweiterten Einstellungen nicht sichtbar.

Absätze haben keine Shortcodes

• Vorerst gibt es keine Möglichkeit, Shortcodes in Absatzblöcken oder Textspalten auszuführen.
• Damit sie funktionieren, müssen sie in den Shortcode-Block integriert werden.
• Wenn der Shortcode Inline-Inhalte wie das Jahr oder einen der Inline-Handlungsaufrufe erzeugt, kann dies zu Problemen führen.
• Beachten Sie, dass Shortcodes in Beiträgen/Seiten möglicherweise weiterhin funktionieren, auch wenn Gutenberg in eine bestehende Website integriert ist. Entwickler haben bessere Arbeit geleistet, um sicherzustellen, dass die aktuelle Plattform nicht kaputt geht.

Keine weiteren Einbettungen oder Bilder in Absätzen

• In Gutenberg brauchen Bilder ihren Block. Sie können also keinen Text um Bilder fließen lassen.
• Ebenso benötigen Einbettungen wie Video oder Audio ihren Block. Andernfalls funktionieren Einbettungen von Vimeo, YouTube etc. möglicherweise nicht mehr in Textspalten oder Absätzen von Gutenberg.

Wichtige Bedenken hinsichtlich der Barrierefreiheit (zumindest vorerst)

• Im Moment hat Gutenberg Probleme mit der Barrierefreiheit. Beim Zugriff über das Backend des Editors kann es zu erheblichen Problemen kommen. Dies gilt auch für die Ausgabe von Inhalten auf dem Frontend (zB Inline-CSS).
• Vor der endgültigen Veröffentlichung wird das WP Accessibility-Team diese Probleme wahrscheinlich lösen.
  - Generell steht Barrierefreiheit für WordPress an erster Stelle.
  - Da Inline-CSS derzeit in HTML-Kommentaren vor dem Rendern auf dem Frontend beibehalten wird, ist nun eine große Frage, wie Entwickler dieses Problem angehen werden.

Ältere Themes adressieren keine HTML 5-Ausgabe

• Der Editor blockiert Ausgabeinhalte mit der Verwendung von HTML 5-Tags wie Abbildung und Abschnitt.
• Viele ältere Themes besitzen kein CSS, um das Tag-Styling zu adressieren. Daher sind Polsterung oder Ränder für solche Tags möglicherweise nicht vorhanden.
• Gutenberg selbst hat dafür keine eigenen Stylesheets.

Bei Gutenberg ist noch vieles ungeklärt

Die Beziehung zwischen den Themen und dem Gutenberg-Editor:

• Wie bereits erwähnt, geht es bei Gutenberg mehr um den Inhalt und nicht um das gesamte Styling. Sie können immer noch einige Hintergrundfarben für Blöcke hinzufügen, aber dies wird eher wie ein Inline-Stil ausgeführt.
• Vorerst werden die Ränder und Blockauffüllungen nicht berücksichtigt.
• Andere WordPress-Seitenersteller ermöglichen dem Benutzer eine einfache Feinabstimmung der Kontrolle über Spalten, Zeilen, Abstände usw. Derzeit ist Gutenberg dafür auf ein Thema angewiesen.
• In Bezug auf die Unterstützung des Gutenberg-Themas gibt es in den Dokumenten nur sehr wenige Informationen. Dazu gehören auch breite Bildunterstützung, Blockunterstützung und Farbpalettenunterstützung.
• In der Dokumentation finden Sie einige Informationen zum Anwenden von Stilen auf den Gutenberg-Editor und zum Verwenden von Stylesheets.
• Das Hauptproblem ist, dass Gutenberg noch Probleme für Webentwicklungs-/Design-Neulinge lösen muss. Sie sind das Publikum, dem Gutenberg helfen möchte, aber die meisten dieser Leute haben keine Ahnung, wie die Beziehung zwischen Themen und dem System von WordPress funktioniert.

Wie wird Gutenberg in den Kern von WordPress integriert?

Bisher deutet alles darauf hin, dass Gutenberg Teil des WordPress-Kerns werden wird. Die WordPress-Version 5.0 wird voraussichtlich im Jahr 2018 veröffentlicht.
Wenn Sie sich fragen, ob der Editor standardmäßig aktiviert ist oder wahlweise deaktiviert werden kann, müssen diese Fragen noch beantwortet werden. An dieser Stelle kann nichts mit Sicherheit gesagt werden. Möglicherweise wird der Editor auf die gleiche Weise wie die REST-API ausgeführt (standardmäßig aktiviert). Es kann auch einfach deaktiviert werden, indem ein Einzweck-Plugin oder verschiedene Sicherheits-Plugins wie iThemes Security verwendet werden.

Die meisten Leute denken, dass es mit einem Plugin oder Codeblock zum Deaktivieren von Gutenberg geliefert wird. Vielleicht enthalten die berühmten Seitenersteller eine Option zum Deaktivieren von Gutenberg in ihren Einstellungen. Ein beliebter Vorschlag ist, es auf Jetpack anzubieten und den Benutzer über diese Plattform aktivieren zu lassen.

Das Veröffentlichungsdatum des Gutenberg WordPress Editors

Bisher wurde noch kein offizielles Veröffentlichungsdatum bekannt gegeben.

Allerdings hat Matt Mullenweg gesagt, „Das Team von Gutenberg macht einen Schritt zurück. Sie tun es, um Gutenberg durch die Verwendung einer anderen Bibliothek neu zu schreiben. Dies könnte zu einer Verzögerung der Veröffentlichung von Gutenberg führen, zumindest um einige Wochen. Genau aus diesem Grund die Veröffentlichung von Gutenberg wurde auf das Jahr 2018 verschoben."

Es gab viele heftige Reaktionen auf diese spezielle Aussage. Zum Beispiel hat Yoast gesagt:

„Bei Yoast waren wir ziemlich schockiert über diese Worte. In seiner jetzigen Form ist Gutenberg überhaupt nicht bereit für den Mainstream-Einsatz. Tatsächlich sehen wir es nicht als bereit, irgendwo in der ersten Hälfte des Jahres 2018 veröffentlicht zu werden "Bereit zur Veröffentlichung" bedeutet auch, dass die Community genügend Zeit hatte, alle ihre Integrationen zu reparieren. Doch zu diesem Zeitpunkt ist es für Plugins überhaupt nicht möglich, sich mit Gutenberg zu integrieren. Wie um alles in der Welt sollten Plugin-Autoren dazu in der Lage sein ihre Integrationen innerhalb weniger Monate aufzubauen? Das ist nicht möglich. Zumindest nicht, ohne Dinge kaputt zu machen.“

Yoast empfiehlt einen alternativen Kurs für Gutenberg

„Wir sind sehr begeistert von der Idee der Blöcke. Wir haben jedoch große Bedenken hinsichtlich einiger technischer Entscheidungen. Auch hinsichtlich der Geschwindigkeit des Implementierungsprozesses. Außerdem machen wir uns Sorgen über die mangelnde Priorität, die Fragen der Barrierefreiheit in der Dennoch sind wir sehr besorgt darüber, dass Plugins nicht in den neuen Editor integriert werden können.“

Yoast diskutierte das Konzept, sein Plugin mit Gutenberg zu integrieren.

„Wir begannen damit, alle unsere Funktionen aufzuschlüsseln. Darüber hinaus haben wir nachgeschaut, wo wir sie in Gutenberg integrieren könnten. Wir glauben jedoch nicht, dass das Festhalten an einem einzigen, massiven Feld unter dem Editor unseren Kunden am besten dienen wird. Wir würden viel lieber direkt dort integrieren, wo das Geschehen stattfindet. Gutenberg bietet uns diese Chance.“

Was ist deine Meinung zu Gutenberg?

Um dies zu beantworten, probieren Sie Gutenberg auf jeden Fall aus. Erkunden Sie auch den Gutenberg WordPress-Editor, indem Sie ihn auf einer Testseite verwenden. Teilen Sie uns danach mit, was Ihnen daran gefällt oder nicht gefällt.

Trotzdem können Sie Ihr Feedback direkt an das Gutenberg-Team senden. Gehen Sie zum Feedback-Bereich im Seitenleistenmenü von Gutenberg. Erzählen Sie ihnen von Ihren Erfahrungen bei der Arbeit mit Gutenberg. Dadurch tragen Sie zum Erfolg dieses Projekts bei.