WordPress 5.4 Block-Editor Block Gutenberg

WordPress 5.4.1 ist da …

WordPress 5.4 – (nicht nur) neue Blöcke

WordPress 5.4 ist am 31. März 2020 veröffentlicht worden. Die WordPress-Version ist die erste größere Version des Jahres 2020 sein und enthält einige bedeutende Verbesserungen. Dabei hat man sich auf mehrere neue Funktionen, die hauptsächlich Verbesserungen des Block-editors (auch als Gutenberg bezeichnet) betreffen, konzentriert. Es gibt einige neue Blöcke und geänderten Optionen bei bereits vorhandenen Blöcken. Zusätzlich gibt es natürlich noch einige wichtige Änderungen, die für Entwickler interessant sind.

Wir hatten uns den Release Candidate 2 (Stand 11.3.2020) angesehen. Bei den vorherigen Betaversionen von WordPress 5.4 haben wir auf unserer lokalen Entwicklungsumgebung bereits das Beta-Tester-Plugin eingesetzt. Man kann mit diesem Plugin ohne Bedenken schon frühzeitig die neuen Versionen testen. Sollten dann Fehler auftauchen, kann man ggfs. auch Bugreports schreiben.

Schon gewusst? – Man kann oben links auf das WordPress-Icon klicken und sich noch mal alle neuen Optionen und Features der aktuell installierten Version ansehen.


WordPress 5.4.1 veröffentlicht – Sicherheitslücken und Fehler behoben

WordPress 5.4.1 behebt sechs Sicherheitsprobleme in der Version 5.4, die bereits in vorherigen Versionen von WordPress enthalten waren. Daher wird ein Update auf 5.4.1 empfohlen. Die Sicherheitslücken wurden auch in den vorherigen Versionen behoben, wenn Sie noch nicht auf die aktuelle Version upgedatet haben. Außerdem wurden einige Fehler behoben. Alle weiteren Informationen zu der Version 5.4.1 kann man hier nachlesen.


Verbesserungen beim Block-Editor (Gutenberg)

WordPress 5.4 enthält hauptsächlich Verbesserungen des Block-Editors (Gutenberg) durch die Aufnahme neuer Funktionen und die Erweiterung der bestehenden Blöcke.

Begrüßung (Welcome Guide) in WordPress 5.4

WordPress 5.4 wird mit einem neuen Willkommens-Popup geliefert. Dieses Popup ist praktisch eine kleine Einführung, um neue Benutzer mit dem Block-Editor vertraut zu machen. Es handelt sich um eine einfache Show, die Blöcke erklärt, die Benutzer auf die Block-Bibliothek verweist und einen Link zum Block-Editor-Tutorial enthält. Das Tutorial ist genau wie das Popup (noch) in englischer Sprache, enthält aber auch Videos, in denen erklärt wird, wie man die Blöcke nutzen kann. Allerdings gibt es auch gute Anleitungen zum Block-Editor in deutscher Sprache, z. B. hier oder hier

Die Begrüßung kann neu gestartet werden, indem man auf das Drei-Punkte-Menü in der rechten oberen Ecke des Bearbeitungsbildschirms und dann auf „Welcome Guide“ klickt. Die Übersetzung auf deutsch ist teilweise noch nicht erfolgt. Sicher wird beim Erscheinen der neuen Version dieser Begriff entsprechend übersetzt sein.

WordPress 5.4 Block-Editor Welcome
Grafik: haurand.com

Fullscreen-Modus in WordPress 5.4

Wenn man mit WordPress eine neue Webseite aufsetzt, startet WordPress jetzt im Fullscreen-Modus. Dieser Modus soll dazu führen, dass man ohne Ablenkung Seiten oder Beiträge bearbeiten kann.

Wenn man auf das Menü (drei Punkte oben rechts) klickt, kann man wieder auf den „normalen“ Modus umschalten. Dazu braucht man lediglich auf die Option „Vollbildmodus“ (Fullscreen mode) zu klicken. Dann verschwindet das Häkchen vor dem Vollbildmodus und man hat wieder die gewohnte Arbeitsumgebung.

WordPress 5.4 Fullscreen
Der Fullscreen-Modus

Neue Blöcke in WordPress 5.4

Social-Icons-Block

Mit dem „Social Icons“ können ganz einfach Links zu Social-Media-Profilen innerhalb der WordPress-Beiträge und -Seiten hinzugefügt werden.

Die einzelnen Icons können dann eingefügt und bezeichnet werden. Für den Austausch mit den Sozialen Medien wird allerdings weiter ein entsprechendes Plugin benötigt.

Wir nutzen auf unseren Seiten das Plugin Shariff Wrapper und sind damit sehr zufrieden. Dieses Plugin bietet den Vorteil, dass man datenschutzkonforme Teilen-Buttons einbinden kann. So ganz kann ich mich mit diesem neuen Block vom Block-Editor nicht anfreunden.

WordPress 5.4 Block-Editor Social Icons
Grafik: haurand.com

Button Block

Mit dem neuen Button-Block können jetzt mehr als eine Schaltfläche nebeneinander eingefügt werden. Dabei können eigene Text- und Hintergrundfarben verwendet und auch Farbverläufe für den Hintergrund hinzugefügt werden.

Außerdem können wie bisher zwei verschiedene Stile verwendet werden („Füllen“ und „Kontur“).

WordPress 5.4 Block-Editor Button
Grafik: haurand.com

Block-Verbesserungen in WordPress 5.4

WordPress 5.4 enthält viele Verbesserungen des WordPress-Block-Editors (Gutenberg) sowie einzelner Blöcke. Nachfolgend führen wir einige der nach unserer Meinung wichtigsten geplanten Verbesserungen auf. So gibt es zum Beispiel jetzt mehr Farboptionen für Cover, Gruppe und Spaltenblöcke.

Darüberhinaus gibt es natürlich wieder viele Verbesserungen, die für Entwickler interessant sind, die hier nachgelesen werden können.
Nachfolgend beschreiben wir einige wichtige Änderungen, Erweiterungen bzw. Verbesserungen:


Bilder können per Drag & Drop eingefügt werden. Wenn man also z. B. den Windows-Explorer mit einem Ordner geöffnet hat, kann man die entsprechenden Dateien markieren und in das Feld ziehen.

Gutenberg Drag&Drop
Grafik: haurand.com

In WordPress 5.4 können die Bildgrößen in einer Galerie gewählt werden (Vorschaubild, mittel, groß, vollständige Größe)

Gutenberg WordPress Bildgröße Galerie
Grafik: haurand.com

Über den Block „Neueste Beiträge“ können die enthaltenen Bilder ab WordPress 5.4 zusätzlich angezeigt werden. Das ist übrigens eine Option, die uns sehr gefehlt hat. Wir hatten aus diesem Grund einen entsprechenden Shortcode erstellt. Der ist jetzt wohl überflüssig.

Block-Editor Gutenberg
Grafik: haurand.com

Innerhalb eines Absatzes können Textstellen farblich anders gestaltet werden. Bis jetzt war es immer notwendig, diese farbliche Gestaltung umständlich vorzunehmen. Zunächst musste der Block in einen HTML-Block umgewandelt werden und dann über Inline CSS (z. Bsp. <span style="color:blue;">WordPress<\span>) umzusetzen. Jetzt gibt es eine weitere Option in dem entsprechenden Kontextmenü (siehe screenshot), mit dem diese Änderung bequem durchgeführt werden kann.

Block-Editor Gutenberg
Grafik: haurand.com

Das Gutenberg-Plugin

Im Gutenberg-Plugin werden übrigens Features (Erweiterungen und neue Blöcke) entwickelt, die zumindest teilweise in einem der nächsten WordPress-Updates berücksichtigt werden. Insofern kann man das Plugin durchaus installieren, um sich einen Überblick zu verschaffen. Das muss ja nicht unbedingt auf einer Produktivseite sein.


Fazit

Nach unserer Meinung wurde die neue Version von WordPress wieder einen Schritt weiterentwickelt und insbesondere die Erweiterungen beim Block-Editor (Gutenberg). Insbesondere der Button-Block, die Anzeige der Bilder im Block „Neueste Beiträge“ fanden wir interessant. Andere Dinge (z. B. der neue TikTok-Block) war zumindest für uns nicht wichtig. Bei unseren Tests konnten wir zumindest bis jetzt keine Probleme feststellen. Die Version läuft bei uns auf der lokalen Entwicklungsumgebung schon sehr stabil.
Sehr viele interessante Anpassungen gerade für Entwickler findet man komprimiert in dem folgenden Beitrag von kinsta

Updaten auf WordPress 5.4?

Nach einem intensiven Test während der Betaphase haben wir am 1.4.2020 die neue Version auch bei einigen Liversionen unserer Webseiten upgedatet. Diese Webseite zum Beispiel haben wir heute auf WordPress 5.4 upgedatet. Bisher konnten wir keine gravierenden Probleme feststellen. Lediglich bei der Formatierung des Blocks „Neueste Beiträge“ gab es bei uns Probleme bei der Darstellung. Auch im Forum halten sich die Meldungen im Rahmen und bisher hatten die dort genannten Probleme andere Ursachen.

Am 29.4.2020 wurde WordPress 5.4.1 veröffentlicht. WordPress 5.4.1 behebt sechs Sicherheitsprobleme und einige Fehler.


Mehr erfahren auf dieser Webseite

Grafik: wordpress.org


Infos im Blog

Mehr erfahren auf unserer Webseite

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.