WordPress 5.0 und Gutenberg: Was Sie wissen müssen

Sie sind sich zweifellos bewusst, dass WordPress 5.0 ein massives Update ist, das die Art und Weise, wie wir Inhalte über WordPress erstellen, grundlegend verändert.

Wenn Sie WordPress schon eine Weile verwenden, wissen Sie wahrscheinlich, wie sehr sich die Plattform im Laufe der Zeit verändert hat. Was einst ein einfaches Blogging-Tool war, ist zu einer umfassenden Plattform für den Website-Aufbau und die Verwaltung geworden.

WordPress 5.0 (genannt „Bebo“) ist eine grundlegende Veränderung in der Art und Weise, wie wir die Plattform nutzen. Mit diesem Update hat sich das WordPress-Team auf Benutzerfreundlichkeit und Zugänglichkeit konzentriert. Sie möchten, dass jeder beeindruckend schöne und mobilfreundliche Websites erstellen kann, ohne Code schreiben zu müssen.

In diesem Artikel möchten wir Ihnen die Neuerungen von WordPress 5.0 vorstellen, Gutenberg erklären und wie man es benutzt, und dann darauf eingehen, wie sich dies auf Ihr bevorzugtes Zahlungs-Plugin, WP Simple Pay, auswirkt.

WordPress 5.0 Funktionen

Das WordPress-Team hatte drei Ziele bei der Entwicklung von WordPress 5.0:

1. Einen Weg für Benutzer finden, mehr Inhalte mit Rich-Media- und Designelementen zu erstellen, anstatt einfache, textlastige Seiten zu erstellen.
2. Einen einheitlichen Standard für die Interaktion mit der Benutzeroberfläche schaffen, damit der Website-Aufbau intuitiv ist. Sie möchten nicht, dass Sie Rich-Text, Shortcodes, HTML, kopierten Code von anderen Plattformen und andere Formate mischen. Sie möchten, dass Sie nur ihr Block-System verwenden.
3. Die Kernfunktionen auffindbar machen. Sie möchten, dass Sie die verschiedenen Inhaltstypen direkt vor sich sehen (Video, Bilder, Trennlinien, Spalten usw.), damit Sie nicht in WordPress suchen oder Plugins von Drittanbietern zusammenbasteln müssen.

Das sind ehrgeizige Ziele, aber WordPress 5.0 erreicht sie alle. Sehen Sie sich ihr Werbevideo an:

Hier ist eine Liste der wichtigsten Updates, die mit WordPress 5.0 einhergehen.

• WordPress unterstützt jetzt offiziell die PHP-Version 7.3.
• Das neue JavaScript-Sprachpaket ermöglicht es Ihnen, übersetzbare Zeichenfolgen direkt in den JS-Code einzufügen.
• Meta-Boxen werden gespeichert, wenn Sie auf die Schaltfläche „Vorschau“ klicken.
• Entwürfe werden gespeichert, wenn Sie auf die Schaltfläche „Vorschau“ klicken.
• Verbesserte mobile Optimierung.
• Sie können Hintergrundbilder zuschneiden, bevor Sie live gehen.
• Die CSS-Klasse wp-image wurde hinzugefügt, sodass Sie Größenattribute für Bilder verwenden können.
• Mehrere bedeutende Verbesserungen an der WordPress Rest API (die Entwicklern hilft, Anwendungen zu erstellen, die sich mit WordPress integrieren lassen).
• Der klassische Editor wurde durch den Gutenberg-Editor ersetzt (mehr dazu gleich).

Warum hat das WordPress-Team diese Änderungen vorgenommen?

Einfach ausgedrückt, muss sich WordPress mit anderen Lösungen für den Website-Aufbau wie Squarespace, Wix, Shopify usw. messen. Ja, diese Plattformen ziehen Nischen-Communities an, aber sie sind immer noch Konkurrenten für WordPress. WordPress' Marktanteil wächst weiter, aber das gilt auch für seine Konkurrenten.

Neues Theme: Twenty Nineteen

Die Designer bei WordPress stellen jedes Jahr gerne ein neues Theme vor. WordPress 5.0 enthielt auch das neueste Standard-Theme, Twenty Nineteen.

Wie die meisten Themes des WordPress-Teams ist Twenty Nineteen modern, minimalistisch, leicht und professionell. Es ist sehr anpassbar und sieht auf Mobilgeräten großartig aus.

Am wichtigsten ist, dass das neue Theme speziell für den neuen Gutenberg-Block-Editor entwickelt wurde. Da der Gutenberg-Editor brandneu ist, ist er eines der wenigen verfügbaren Themes, das perfekt funktioniert. Das WordPress-Team sagt, dass sie ältere WordPress-Themes (bis zurück zu Twenty Ten) im Laufe der Zeit aktualisieren werden, um Gutenberg zu unterstützen.

Gutenberg-Block-Editor

Der neue Editor ist die dramatischste Änderung in WordPress 5.0. Er überarbeitet komplett, wie wir Inhalte für Seiten und Beiträge erstellen. Gutenberg ist seit mehreren Monaten als eigenständiges Plugin verfügbar, sodass Sie ihn vielleicht schon ausprobiert haben. Er ist jetzt der Standard-WordPress-Editor.

„Gutenbergs allumfassendes Ziel ist eine Beitrag- und Seitenerstellungs-Erfahrung, die es einfach macht, reichhaltige Layouts zu erstellen“, sagt das WordPress-Team.

Wenn Sie jemals einen Seitenersteller wie Thrive Architect, Elementor, Visual Composer oder Beaver Builder verwendet haben, werden Sie das neue Standard-System von WordPress wiedererkennen.

Gutenberg ist ein hochentwickelter blockbasierter Editor. Anstatt Ihre Inhalte in ein großes Textfeld einzugeben oder einzufügen, „bauen“ Sie Inhalte mit modularen Blöcken.

Verschiedene Blöcke haben unterschiedliche Zwecke. Zum Beispiel ist der Bildblock für Bilder. Der Überschriftenblock ist für Überschriften. Der Absatzblock ist für – Sie haben es erraten – Absätze. Jeder Block hat einen bestimmten Zweck und Sie können ihn nicht anders verwenden.

WordPress 5.0 kommt mit mehr als 40 Standardblöcken. Sie können zusätzliche Plugins von Drittanbietern mit eigenen Blöcken installieren. Wenn Sie mehr Blöcke wünschen, schauen Sie sich Atomic Blocks, Stackable, Advanced Gutenberg Blocks oder CoBlocks an.

Wie funktioniert Gutenberg?

Um einen Block hinzuzufügen, wählen Sie ihn einfach aus dem Menü oder durch Klicken auf eines der „+“-Symbole auf Ihrer Seite aus. Sie können Blöcke verschieben, indem Sie sie einfach an einen neuen Ort ziehen.

Diese Methode des Stapelns von Inhaltsblöcken gibt Ihnen die Kontrolle über das endgültige Design, ohne den Code zu berühren. Möchten Sie dieses Bild über einem anderen Absatz platzieren? Das ist ein einfaches Ziehen mit der Maus, ohne Neufomattierung oder doppelten Code im HTML.

Darüber hinaus bieten die Layout-Blöcke mehr Funktionalität als je zuvor. Sie können Spalten, Trennlinien, Schaltflächen und Widgets (für Shortcodes) schnell und einfach erstellen.

Jeder Block verfügt über ein eigenes Einstellungsfeld, sodass Sie Ihre Inhalte genau nach Ihren Wünschen erstellen können. Wenn Sie auf einen Block klicken, ändert sich ein Menü auf der rechten Seite Ihrer Benutzeroberfläche, um die Einstellungen dieses Blocks anzuzeigen.

Wenn Sie einen Block erstellen, den Sie woanders verwenden möchten (entweder auf dieser Seite oder woanders auf Ihrer Website), können Sie ihn als wiederverwendbar speichern. Dies gibt Ihnen die Möglichkeit, den Block mit diesen Einstellungen schnell auf dieser oder einer anderen Seite hinzuzufügen.

Sie denken vielleicht, dass dieser neue „Aufbau“-Stil der Inhaltserstellung komplizierter ist als das einfache Tippen in ein Textfeld, aber WordPress hat ihn durch viele Tastenkombinationen weiter vereinfacht. Diese Befehle helfen Ihnen, Blöcke schnell hinzuzufügen, zu entfernen und zu bearbeiten, damit Sie Inhalte schnell erstellen können.

Wir werden in den kommenden Monaten zweifellos viele Updates für Ihre Lieblings-Plugins und -Themes sehen (falls nicht schon geschehen). Sie werden Änderungen vornehmen wollen, um Gutenberg zu unterstützen.

Gutenberg und WP Simple Pay

Wie wirkt sich Gutenberg also auf WP Simple Pay aus?

Glücklicherweise wirkt es sich nicht stark aus. Wenn Sie ein WP Simple Pay-Formular zu einer Seite hinzufügen möchten, fügen Sie einfach einen neuen Block hinzu, suchen Sie den Shortcode-Block in der Kategorie Widgets und fügen Sie dann Ihren Shortcode ein.

Alternativ können Sie Ihren Shortcode in einen Absatzblock einfügen. Der Block sollte sich automatisch in einen Shortcode-Block umwandeln.

Das Schöne an Gutenberg ist, dass das Blocksystem Ihr Zahlungsformular in einer eigenen Zeile hält, sodass es keine Formatierungskonflikte mit anderen Elementen auf der Seite gibt.

Zukünftige Entwicklungen

Obwohl es möglich ist, ein Plugin zu installieren, das den klassischen Editor zurückbringt, empfehlen wir Ihnen, sich so schnell wie möglich mit dem Block-Editor vertraut zu machen. Sobald Sie den Dreh raus haben, werden Sie feststellen, dass Sie schnell unglaubliche Seiten und Beiträge erstellen können, ohne Code anfassen zu müssen.

Ehrlich gesagt, wir denken, dass Gutenberg und WordPress 5.0 nur der Anfang einer Verschiebung hin zu Barrierefreiheit und professionellem Design sind. WordPress – und andere Content-Management-Systeme – möchten, dass Sie Ihre gesamte Website auf ihrer Plattform aufbauen, mit so wenigen Drittanbieter-Tools wie möglich.

Sie werden im Web viel Kritik am Rollout von Gutenberg und WordPress 5.0 finden, aber wir sind gespannt, wie die Leute es nutzen werden und auf die Zukunft von WordPress.

Oh, und wenn Sie einen Fehler finden, melden Sie ihn unbedingt! WordPress ist auf seine engagierte Community angewiesen, um Feedback zu erhalten, damit sie ihr Produkt kontinuierlich weiterentwickeln können.