Was ist neu in WordPress 5.8

Nachdem ich mir die Präsentationen auf dem WordCamp Europe 2021 und insbesondere den Vortrag zwischen Matt Mullenweg und Matias Ventura angesehen hatte, der ein Video über die neuen Funktionen enthielt, die im Blockeditor auf uns zukommen, war ich gespannt darauf, diese neue Version von WordPress auszuprobieren 5.8, die Mitte Juli veröffentlicht werden soll.

Daher habe ich die Version WordPress 5.8-beta2 installiert, um Sie über die kommenden neuen Funktionen informieren zu können. Beachten Sie, dass ich diese Version mit dem Twenty Twenty-one-Theme von WordPress.org getestet habe und es vorkommen kann, dass einige der genannten Funktionen, je nachdem, welches Theme Sie auf Ihrer Website installiert haben, möglicherweise nicht verfügbar sind.

Verschachtelte Blöcke und Blockmuster

Mit der Einführung von WordPress 5.5 enthielt der Blockeditor das Konzept der Blockmuster. Die Idee eines Blockmusters ist sehr einfach: Es handelt sich um vordefinierte Abschnitte oder Ausschnitte, die aus einer Gruppe von Blöcken bestehen, die Sie bei der Erstellung von Seiten und Beiträgen verwenden können. Blockmuster können so einfach sein wie ein Abschnitt mit zwei Schaltflächen oder ein Preisabschnitt mit auffälligen und komplexen Layouts oder sogar das Layout einer ganzen Seite.

Es wird viel daran gearbeitet, das Bearbeiten von Blöcken und Blockmustern einfacher und komfortabler zu gestalten. Und vor allem, um das Einfügen und Verschieben zu beschleunigen. Zunächst können wir sie jetzt aus der Liste der Blöcke und Muster, die in der linken Menüleiste angezeigt werden, auswählen und in den Bereich der Seite ziehen, um sie einzufügen.

Kürzlich wurde auch das Ziehsymbol (6-Punkt-Symbol) hinzugefügt, damit wir jeden Block innerhalb des Containers, in dem er sich befindet, verschieben können.

Wenn Sie sich in einem Block befinden, drücken Sie Esc , um in den Auswahlmodus zu wechseln, und drücken Sie die Eingabetaste , um in den Bearbeitungsmodus zurückzukehren.

Im Auswahlmodus (denken Sie daran, Esc zu drücken) wird die Navigation zwischen der Blockstruktur optimiert. Durch Bewegen der Maus innerhalb eines Blocks können wir die Grenzen jedes der darin enthaltenen Blöcke sehen. Auf diese Weise ist es einfacher, die Struktur zu verstehen und Blöcke innerhalb des übergeordneten Blocks zu ziehen.

Und jetzt, mit dieser neuen Version, wenn Sie in den Bearbeitungsmodus wechseln (drücken Sie die Eingabetaste ), werden beim Verschieben eines Blocks auch die Grenzen seines Containers angezeigt, sodass das Auswählen, Ziehen und Ablegen viel einfacher und intuitiver ist.

Bildausgabe

Um mit der Idee fortzufahren, die Blockbearbeitung zu verbessern, ist ein kritischer Block der Bildtypblock. Wir haben bereits gesehen, dass wir jetzt Bilder einfügen können, indem wir sie in Bild-, Text- und Medientypblöcke oder in einen beliebigen Containertypblock wie eine Spalte ziehen.

Aber die große Neuheit ist, dass wir eingefügte Bilder im Editor selbst bearbeiten und ändern können, ohne zur Medienbibliothek gehen zu müssen.

Zusätzlich zu den Symbolen zum Zentrieren und Hinzufügen eines Bildlinks haben wir mit WordPress 5.8 drei neue Symbole: Zuschneiden , Text hinzufügen und Duotone-Filter .

Bild zuschneiden

Durch Klicken auf das Zuschneiden-Symbol erscheinen drei zusätzliche Menüoptionen: Zoomen , Seitenverhältnis ändern und Bild drehen .

Wie Sie sehen, müssen Sie nicht mehr in die Medienbibliothek gehen, um Ihr Bild so aussehen zu lassen, wie Sie es benötigen.

Duotone-Filter

Eine weitere neue Funktion von WordPress 5.8 ist die Möglichkeit, jedes Bild in Duplex zu filtern. Wählen Sie die zwei Farben des Filters aus, die Sie auf das Bild anwenden möchten, und das war's, das Bild hat nur zwei Töne.

Text hinzufügen

Dieses neue Symbol, das einem Bild Text hinzufügt, entspricht der Umwandlung des Bildes in einen Block vom Typ Cover. Und natürlich können Sie nach dieser Änderung den Cover-Block wie in der Vergangenheit mit dem gewünschten Text versehen.

Darüber hinaus können Sie, wie Sie in den Blockeigenschaften sehen, jetzt auch den Abstand ändern und den Text auffüllen, sodass der Text genau dort ist, wo Sie ihn im Bild haben möchten. Die Auffüllung kann für jede der 4 Seiten des Textes gleich oder unterschiedlich definiert werden.

Ich persönlich finde es toll, dass man all diese Transformationen direkt im Editor hinzufügen und durchführen kann, ohne in die Mediathek gehen zu müssen. Wenn Sie Ihre Bilder jedoch für SEO optimieren möchten, müssen Sie leider immer noch in die Bibliothek gehen.

Transformationen blockieren

So wie wir gesehen haben, wie man einen Block vom Bildtyp in den Covertyp umwandelt, enthält der Blockeditor jetzt andere Arten von Transformationen. Sie können beispielsweise drei Absätze auswählen und sie in Überschriften, Spalten, eine Liste usw. umwandeln. Und bevor Sie die Umwandlung durchführen, wird das neue Erscheinungsbild der Umwandlung in einer Vorschau angezeigt.

In ähnlicher Weise können Sie einen Satz von Bildtypblöcken in einen Bildgalerieblock oder sogar einen Satz von Schaltflächen usw. ändern.

Der Abdeckblock

Mit all diesen neuen Funktionen, die im Editor selbst enthalten sind, ermöglicht uns der Cover-Block, sehr unterschiedliche Designs zu erstellen, die wir bisher hatten. Zum Beispiel können wir jetzt zwei verschachtelte Cover-Blöcke haben (mit einer Polsterung zwischen dem untergeordneten und dem übergeordneten Block) und jeder mit seiner eigenen Farbe, seinem eigenen Text und seinem eigenen Fokus.

Der Navigationsblock

Eine weitere großartige neue Funktion der Blockeditor-Vorschau in dem auf WordCamp vorgestellten Video ist der neue Navigationsblock. Wir sehen, dass dieser Block nicht in der installierten Beta-Version enthalten ist, aber Sie finden ihn in der neuesten Version 10.8.1 des Gutenberg-Plugins.

Mit diesem Block können Sie auf jeder Seite ein Menü mit Links hinzufügen, damit Ihre Besucher zu jeder anderen Seite gehen können. Es soll kein Ersatz für die bereits von WordPress bekannten Navigationsmenüs sein, sondern eine Alternative, wenn man auf einer Seite ein zusätzliches Menü einfügen möchte.

Neben der Angabe, ob Sie das Menü horizontal oder vertikal haben möchten, haben Sie beim Erstellen des Menüs mehrere Optionen:

• Erstellen Sie es aus einem vorhandenen Menü: Sie können ein Menü anzeigen, das Sie bereits auf Ihrer Website erstellt haben.
• Leer erstellen: Dadurch wird ein leeres Menü erstellt, in dem Sie jeden Link, den Sie in der Navigation anzeigen möchten, manuell hinzufügen können.
• Erstellen Sie es aus allen Seiten der obersten Ebene – Dadurch wird automatisch jede vorhandene Seite Ihrer Website als Link hinzugefügt, den Sie dann bearbeiten und neu anordnen können. Hier werden nur Seiten der obersten Ebene hinzugefügt.

Um einen neuen Link zur Navigation hinzuzufügen, müssen Sie auf das + -Symbol klicken, mit dem Sie wählen können zwischen:

• Seitenlink: eine Seite auf Ihrer Website.
• Post-Link: ein Post auf Ihrer Website.
• Kategorielink: alle Beiträge mit einer bestimmten Kategorie.
• Tag-Link: alle Beiträge mit einem bestimmten Tag.
• Benutzerdefinierter Link: eine externe URL.
• Soziale Symbole: Symbole für soziale Netzwerke.
• Suche: Ein Suchfeld für Besucher, um Ihre Inhalte zu durchsuchen.

Sobald Sie ein Menü erstellt haben, haben Sie auch die Möglichkeit, seinen Stil (Schriftart, Schriftart und Hintergrundfarbe) zu ändern, Untermenüs hinzuzufügen, Elemente zu verschieben usw.

Mit diesem Block können Sie also sehr einfach Menüdesigns erstellen.

Wie Sie sehen können, wird dieser neue Blocktyp viel mehr Möglichkeiten bei der Gestaltung unserer Seiten und Beiträge bieten.

Vorlagendesign

Eine weitere große Änderung, die mit dieser neuen Version des WordPress-Editors auf uns zukommt, ist, dass das Vorlagendesign vollständig in den Blockeditor integriert ist. Auf diese Weise können Sie eine Vorlage aus einer erstellten Seite erstellen, und es fügt auch die Option hinzu, dass Sie in der linken Seitenleiste ihre Struktur auflisten können.

Wir können uns durch die Struktur der Vorlage bewegen und jedes Element wird im Editor hervorgehoben, so dass es sehr einfach ist, gegebenenfalls Änderungen vorzunehmen, und Sie haben einen schnellen Überblick über alle Elemente, die in jedem Containerblock verschachtelt sind.

Und es gibt noch mehr …

Und schließlich wurde uns in dem auf WordCamp Europe präsentierten Video auch die Möglichkeit gezeigt, direkt im Blockeditor globale Stile des Themas zu definieren, um die Farbpalette, Typografie usw. zu ändern. Falls Sie noch Zweifel hatten, mit diesem neuen WordPress 5.8 kommen wir dem Ziel immer näher, keinen weiteren Page Builder mehr für die Erstellung Ihrer Website-Seiten zu benötigen.

Vorgestelltes Bild von XPS auf Unsplash .