Wordpress 5.4 ist im Anmarsch

WordPress 5.4 ist im Anmarsch und es ist Zeit, den klassischen Editor in die Wüste zu schicken...

WordPress 5.4 wird vermutlich am 31. März 2020 veröffentlicht und Sie sollten sich schon jetzt darauf freuen. Die Mehrzahl der Verbesserungen, die in der kommenden Version enthalten sein werden, wird sogar die Gutenberg-Verweigerer unter Ihnen überzeugen können, den Classic Editor in die Wüste zu schicken.

Führen Sie sich diesen Beitrag zu Gemüte um für das WP 5.4 Release vorbereitet zu sein

Wenn Sie so fasziniert von WordPress sind wie ich, können Sie wahrscheinlich nicht bis Ende März warten, um die Verbesserungen des Blockeditors auszuprobieren. Wenn Sie eines der coolen Dinge ausprobieren möchten, die wir in diesem Beitrag behandeln, müssen Sie die Beta-Version von WordPress 5.4 installieren. Mit dem WordPress Beta Tester-Plugin können Sie ganz einfach mit den neuesten Funktionen in WordPress herumspielen. Nach der Installation des Plugins müssen Sie in den Einstellungen Bleeding Edge Nightlies aktivieren.

beta-tester-einstellungen-1024x520

Berücksichtigen Sie dabei, dass solche Beta-Versionen für Produktionsumgebungen nicht so gut geeignet sind. Das Herumspielen mit einer Beta-Version von WordPress macht viel Spaß, bietet aber keine stabile Umgebung.

Wenn Sie beim Testen der neuen Funktionen einen Fehler finden, so sollten Sie ihn im Alpha / Best-Testbereich veröffentlichen. Bevor Sie einen Fehler melden, überprüfen Sie bitte, ob es sich bereits um ein bekanntes Problem handelt.

Okay, dann alles aus dem Weg räumen, es ist an der Zeit, die neuen Sachen auszuprobieren!

Erweiterung und Optimierung des Blockeditors

Es gibt einige hochinteressante Verbesserungen im Gutenberg-Blockeditor, einschließlich neuer Blöcke, Farbverläufe und Verbesserungen an vorhandenen Blöcken.

Der neue Einführungsleitfaden

Der WordPress 5.4 “Willkommensleitfaden Modal” bietet eine Mini-Tour und einen Link zu einem WordPress Block Editor Leitfaden. Im Moment noch in Englisch, wird aber sicherlich bald in Deutsch verfügbar sein

willkommens-leitfaden-moda

Was ich an dem Begrüßungsmodal gutheiße, ist, dass die Entwickler ein zusätzliches Tool anbieten, mit dem sie neue Kunden gewinnen oder neue Funktionen einführen können.

Zwei neue Blöcke und eine neue Einbindung

WordPress 5.4 umfasst zwei (Arten von) neue Blöcke, die Sie auf Ihrer Webseite verwenden können.

1. einen Block zur Einbindung von Social Icons

Mit dem Block “Social Icons” können Sie über die Icons einen Link zu zahlreichen beliebten sozialen Plattformen hinzufügen. Der Block sozialen Symbole (Social Icons) kann bzw. wird Ihre Zielgruppe darüber informieren, wo man Sie, ein Teammitglied oder die Konten Ihres Unternehmens finden kann.

social-icons-block-

Es stehen 39 Social Icons zur Verfügung.

Einfügen und Anpassen des Blockes für Social Icons

Um den Block “Social Icons” zu einem Beitrag oder einer Seite hinzuzufügen, geben Sie /social einen leeren Block ein und drücken Sie die Eingabetaste.

Video anzeigen?

Wenn du eingebettete Videos auf dieser Seiten sehen möchtest, werden personenbezogene Daten (IP-Adresse) an den Betreiber des Videoportals gesendet. Daher ist es möglich, dass der Videoanbieter deine Zugriffe speichert und dein Verhalten analysieren kann.

Wenn du den Link hier unten anklickst, wird ein Cookie auf deinem Computer gesetzt, sodass die Website weiß, dass du der Anzeige von eingebetteten Videos in deinem Browser zugestimmt hast. Dieses Cookie speichert keine personenbezogenen Daten, es erkennt lediglich, dass eine Einwilligung für die Anzeige der Videos in deinem Browser erfolgt ist.

Erfahre mehr über diesen Aspekt der Datenschutzeinstellungen auf dieser Seite: Datenschutzerklärung

Videos anzeigen

Alternativ kannst du auch diesen Link benutzen, der dich direkt zum Video auf die Website des Videoanbieters bringt: Array

Nachdem wir den Block hinzugefügt haben, können wir auf das + rechts neben den Symbolen klicken, um weitere Symbole hinzuzufügen. Um ein Symbol zu verschieben, wählen Sie es aus und verwenden Sie die Pfeile nach links oder rechts, bis es sich an der richtigen Stelle befindet.

Video anzeigen?

Wenn du eingebettete Videos auf dieser Seiten sehen möchtest, werden personenbezogene Daten (IP-Adresse) an den Betreiber des Videoportals gesendet. Daher ist es möglich, dass der Videoanbieter deine Zugriffe speichert und dein Verhalten analysieren kann.

Wenn du den Link hier unten anklickst, wird ein Cookie auf deinem Computer gesetzt, sodass die Website weiß, dass du der Anzeige von eingebetteten Videos in deinem Browser zugestimmt hast. Dieses Cookie speichert keine personenbezogenen Daten, es erkennt lediglich, dass eine Einwilligung für die Anzeige der Videos in deinem Browser erfolgt ist.

Erfahre mehr über diesen Aspekt der Datenschutzeinstellungen auf dieser Seite: Datenschutzerklärung

Videos anzeigen

Alternativ kannst du auch diesen Link benutzen, der dich direkt zum Video auf die Website des Videoanbieters bringt: Array

Anschließend müssen wir den Symbolen noch die richtigen URLs hinzufügen. Klicken Sie auf ein Symbol und geben Sie die entsprechende URL ein.

Video anzeigen?

Wenn du eingebettete Videos auf dieser Seiten sehen möchtest, werden personenbezogene Daten (IP-Adresse) an den Betreiber des Videoportals gesendet. Daher ist es möglich, dass der Videoanbieter deine Zugriffe speichert und dein Verhalten analysieren kann.

Wenn du den Link hier unten anklickst, wird ein Cookie auf deinem Computer gesetzt, sodass die Website weiß, dass du der Anzeige von eingebetteten Videos in deinem Browser zugestimmt hast. Dieses Cookie speichert keine personenbezogenen Daten, es erkennt lediglich, dass eine Einwilligung für die Anzeige der Videos in deinem Browser erfolgt ist.

Erfahre mehr über diesen Aspekt der Datenschutzeinstellungen auf dieser Seite: Datenschutzerklärung

Videos anzeigen

Alternativ kannst du auch diesen Link benutzen, der dich direkt zum Video auf die Website des Videoanbieters bringt: Array

2. Schaltflächen (Buttons) Block

Raus mit dem alten Button-Block und rein mit dem neuen Button-Block. Getreu seinem Namen können Sie mit dem Buttons-Block mehrere Buttons in einem einzigen Block hinzufügen

So verwenden Sie den neuen Block für Klickenknopf (Button Block)

Um den Button-Block zu einem Beitrag oder einer Seite hinzuzufügen, geben Sie mit /buttons einen leeren Block ein und drücken Sie die Eingabetaste. Klicken Sie auf das + rechts neben der neuen Schaltfläche, um in dem gleichen Block eine weitere Schaltfläche hinzuzufügen.

Video anzeigen?

Wenn du eingebettete Videos auf dieser Seiten sehen möchtest, werden personenbezogene Daten (IP-Adresse) an den Betreiber des Videoportals gesendet. Daher ist es möglich, dass der Videoanbieter deine Zugriffe speichert und dein Verhalten analysieren kann.

Wenn du den Link hier unten anklickst, wird ein Cookie auf deinem Computer gesetzt, sodass die Website weiß, dass du der Anzeige von eingebetteten Videos in deinem Browser zugestimmt hast. Dieses Cookie speichert keine personenbezogenen Daten, es erkennt lediglich, dass eine Einwilligung für die Anzeige der Videos in deinem Browser erfolgt ist.

Erfahre mehr über diesen Aspekt der Datenschutzeinstellungen auf dieser Seite: Datenschutzerklärung

Videos anzeigen

Alternativ kannst du auch diesen Link benutzen, der dich direkt zum Video auf die Website des Videoanbieters bringt: Array

Die Schaltflächenblöcke (Button Blocks) haben zwei verschiedene Stile. Sie können zwischen den einzelnen Stilen in der Block-Symbolleiste oder in der Seitenleiste für die Blockeinstellungen wechseln.

Video anzeigen?

Wenn du eingebettete Videos auf dieser Seiten sehen möchtest, werden personenbezogene Daten (IP-Adresse) an den Betreiber des Videoportals gesendet. Daher ist es möglich, dass der Videoanbieter deine Zugriffe speichert und dein Verhalten analysieren kann.

Wenn du den Link hier unten anklickst, wird ein Cookie auf deinem Computer gesetzt, sodass die Website weiß, dass du der Anzeige von eingebetteten Videos in deinem Browser zugestimmt hast. Dieses Cookie speichert keine personenbezogenen Daten, es erkennt lediglich, dass eine Einwilligung für die Anzeige der Videos in deinem Browser erfolgt ist.

Erfahre mehr über diesen Aspekt der Datenschutzeinstellungen auf dieser Seite: Datenschutzerklärung

Videos anzeigen

Alternativ kannst du auch diesen Link benutzen, der dich direkt zum Video auf die Website des Videoanbieters bringt: Array

TikTok-Videos einbinden

Das neue WordPress 5.4 wird mit einer neuen Einbettung für TikTok-Videos verteilt.

tiktok-video

Verbesserungen bei der Farbanpassung

WordPress 5.4 bietet eine Menge Verbesserungen bei der Farbanpassung.

So legen Sie die Hintergrundfarbe einer Blockgruppe im Menü Blockeinstellungen fest

block-background-color

Eine wirklich coole Ergänzung zu WordPress 5.4 sind Hintergrundfarben mit Farbverlauf für die Schaltflächen, das Cover und die Spaltenblöcke.

gradient-all-the-things

Sie können im Menü Blockeinstellungen entweder einen linearen oder einen radialen Verlaufstyp auswählen .

gradient-all-the-things
Video anzeigen?

Wenn du eingebettete Videos auf dieser Seiten sehen möchtest, werden personenbezogene Daten (IP-Adresse) an den Betreiber des Videoportals gesendet. Daher ist es möglich, dass der Videoanbieter deine Zugriffe speichert und dein Verhalten analysieren kann.

Wenn du den Link hier unten anklickst, wird ein Cookie auf deinem Computer gesetzt, sodass die Website weiß, dass du der Anzeige von eingebetteten Videos in deinem Browser zugestimmt hast. Dieses Cookie speichert keine personenbezogenen Daten, es erkennt lediglich, dass eine Einwilligung für die Anzeige der Videos in deinem Browser erfolgt ist.

Erfahre mehr über diesen Aspekt der Datenschutzeinstellungen auf dieser Seite: Datenschutzerklärung

Videos anzeigen

Alternativ kannst du auch diesen Link benutzen, der dich direkt zum Video auf die Website des Videoanbieters bringt: Array

Der lineare Verlaufstyp bietet eine Option zum Anpassen des Verlaufwinkels.

Verlauf aus dem Mittelpunkt
Video anzeigen?

Wenn du eingebettete Videos auf dieser Seiten sehen möchtest, werden personenbezogene Daten (IP-Adresse) an den Betreiber des Videoportals gesendet. Daher ist es möglich, dass der Videoanbieter deine Zugriffe speichert und dein Verhalten analysieren kann.

Wenn du den Link hier unten anklickst, wird ein Cookie auf deinem Computer gesetzt, sodass die Website weiß, dass du der Anzeige von eingebetteten Videos in deinem Browser zugestimmt hast. Dieses Cookie speichert keine personenbezogenen Daten, es erkennt lediglich, dass eine Einwilligung für die Anzeige der Videos in deinem Browser erfolgt ist.

Erfahre mehr über diesen Aspekt der Datenschutzeinstellungen auf dieser Seite: Datenschutzerklärung

Videos anzeigen

Alternativ kannst du auch diesen Link benutzen, der dich direkt zum Video auf die Website des Videoanbieters bringt: Array

Im Menü Blockeinstellungen können Sie Verlaufspunkte hinzufügen und die Farbe anpassen.

3. Block für die Überschriften (H1 - H6)

Der Block Überschriften bietet jetzt die Kontrolle über die Textfarbe.

H-Überschriften

WordPress-Versionen die vor der neuen Version 5.4 benutzt wurden, beschränken den Text in einem Absatzblock auf eine einzige Farbe. Jetzt können Sie jedoch eine beliebige Textzeichenfolge in einem Absatzblock markieren und die Farbe in der Blocksymbolleiste anpassen.

Absatz Text Farbänderung Gif

Farbänderungen im Beitrag-Text
Video anzeigen?

Wenn du eingebettete Videos auf dieser Seiten sehen möchtest, werden personenbezogene Daten (IP-Adresse) an den Betreiber des Videoportals gesendet. Daher ist es möglich, dass der Videoanbieter deine Zugriffe speichert und dein Verhalten analysieren kann.

Wenn du den Link hier unten anklickst, wird ein Cookie auf deinem Computer gesetzt, sodass die Website weiß, dass du der Anzeige von eingebetteten Videos in deinem Browser zugestimmt hast. Dieses Cookie speichert keine personenbezogenen Daten, es erkennt lediglich, dass eine Einwilligung für die Anzeige der Videos in deinem Browser erfolgt ist.

Erfahre mehr über diesen Aspekt der Datenschutzeinstellungen auf dieser Seite: Datenschutzerklärung

Videos anzeigen

Alternativ kannst du auch diesen Link benutzen, der dich direkt zum Video auf die Website des Videoanbieters bringt: Array

Verbesserungen des Bildeditors

Innerhalb des Galerieblockes in WordPress 5.4 können Sie die Größe aller Bilder in einer Galerie anpassen.

gallery-image-size-setting

Und der Block “Letzter Beitrag” zeigt jetzt das ausgewählte Bild an.

Letzter Block

Sie können jetzt direkt in die Feature-Image-Einstellung ziehen und dort ablegen.

Video anzeigen?

Wenn du eingebettete Videos auf dieser Seiten sehen möchtest, werden personenbezogene Daten (IP-Adresse) an den Betreiber des Videoportals gesendet. Daher ist es möglich, dass der Videoanbieter deine Zugriffe speichert und dein Verhalten analysieren kann.

Wenn du den Link hier unten anklickst, wird ein Cookie auf deinem Computer gesetzt, sodass die Website weiß, dass du der Anzeige von eingebetteten Videos in deinem Browser zugestimmt hast. Dieses Cookie speichert keine personenbezogenen Daten, es erkennt lediglich, dass eine Einwilligung für die Anzeige der Videos in deinem Browser erfolgt ist.

Erfahre mehr über diesen Aspekt der Datenschutzeinstellungen auf dieser Seite: Datenschutzerklärung

Videos anzeigen

Alternativ kannst du auch diesen Link benutzen, der dich direkt zum Video auf die Website des Videoanbieters bringt: Array

Weitere Verbesserungen am Gutenbergblock-Editor

Die Blockeditor-Symbolleiste wird am oberen Bildschirmrand fixiert.

weiter Block-Verbesserungen

Sie können am unteren Rand einer Tabelle eine Beschriftung hinzufügen.

Tabellen-Block

Mit Spalten können Sie jetzt eine feste Breite festlegen.

feste Spaltenbreite bestimmen

Verbesserungen der Barrierefreiheit

WordPress 5.4 enthält die folgenden Verbesserungen der Barrierefreiheit.

  1. Bessere Fokusverwaltung in den Bildschirmen “Menü”, “Customizer” und “Site Health”, um einige der vorhandenen Probleme bei der Tastaturnavigation zu beheben.
  2. Modale Tastaturnavigation von Easer Media.
  3. Eine leichter zu lesende Datenschutzrichtlinie.

Andere Verbesserungen

  • Verbesserter Upload nicht optimierter großer Bilder von Smartphones
  • Reduzierung der Ladezeit um 14%
  • Automatische Bilddrehung
  • Verbesserte Site Health Checks
  • Regelmäßige E-Mail-Überprüfung durch den Administrator

Schlussbetrachtung

WordPress 5.4 wird eine riesige Version sein, die eine Menge Verbesserungen enthält. 2020 wird ein aufregendes Jahr für den WordPress-Blockeditor.

Dieser Beitrag ist eine Übersetzung dieses Beitrages von iThemes.com und enthält auch die Bilder und Videos dieses Beitrages. Ich danke iThemes.com für diese Beitrag. | Fotos & Videos © 2020 iThemes.com