WordPress veröffentlicht Gutenberg 13.7 – Fokussiert auf Workflow und bessere Benutzeroberfläche

WordPress hat Gutenberg 13.7 vorgestellt, das zahlreiche Verfeinerungen enthält, die den Arbeitsablauf verbessern, eine genauere Steuerung innerhalb des vollständigen Site-Editors und zahlreiche Verbesserungen der Benutzeroberfläche ermöglichen.

Wie jede andere Version von WordPress ist dies ein kumulatives Update und keine ganz neue Erfahrung.

Das Bearbeitungserlebnis sollte sich jedoch intuitiver und natürlicher anfühlen.

Block Locking bietet eine genauere Kontrolle

13.7 enthält weitere Verbesserungen der Möglichkeit, Blockelemente zu sperren, um zu verhindern, dass sie sich ändern.

Die neueste Verbesserung besteht darin, dass Benutzer jetzt die Möglichkeit haben, die Sperrfunktion auf Blockelemente anzuwenden, die in einem gesperrten Block enthalten sind.

Durch Auswahl eines Umschalters kann die Sperrfunktion, die auf einen Block angewendet wird, von den darin enthaltenen Blöcken übernommen werden.

Sperrmenü blockieren

Wenn Sie auswählen, einen Block zu sperren, erscheint ein weiteres Menü, das Optionen für eine genauere Sperrsteuerung der Blöcke bietet, die in dem zu sperrenden Block enthalten sind.

Nahaufnahme von Block Lock Modal

Verbesserte modale Popup-Menüs

Popup-Menüs, Modals genannt, können oben auf der Seite erscheinen, an der gearbeitet wird, von der aus verschiedene Änderungen vorgenommen werden können, wie z. B. das Aktualisieren von Einstellungen.

Diese Änderung bewirkt, dass das Dokument unterhalb des Menüs weichgezeichnet wird.

Das Verwischen der Seite unter dem modalen Popup-Menü verbessert den Fokus.

Es wurden Bedenken hinsichtlich dieser neuen Funktion geäußert (während sie sich noch in der Entwicklung befand), die sich mit der Möglichkeit befasste, dass der Benutzer aufgrund der Unschärfe den Kontext dessen verliert, was geändert wurde.

Sie schlugen vor, dass das Verwischen des Hintergrunds in einigen Fällen dazu führen würde, dass der Benutzer nicht sehen kann, was geändert wurde, wodurch der Kontext entfernt wird.

Die Person schrieb:

„Ich bin gerade auf ein potenzielles Usability-Problem gestoßen, bei dem es ein Element außerhalb des Modals gibt, das kontextuell mit dem Inhalt des Modals zusammenhängt.

Wenn Sie beispielsweise ein Element in der Listenansicht anpassen, um eine Sperre anzuwenden oder zu entfernen, können Sie bei geöffnetem Modal nicht mehr sehen, welchen (bestimmten) Block Sie markiert haben …“

Die Lösung für dieses Problem war die Beobachtung, dass das modale (Popup-)Menü nicht die beste Benutzeroberfläche ist, wenn der Kontext im Auge behalten werden muss. Dies bedeutet, dass das Verwischen kein Problem darstellt, da Modale nicht in Situationen verwendet werden, in denen der Benutzer auf das zugrunde liegende Dokument verweisen muss.

„…allgemein gesagt, wenn Sie sowohl die modalen Inhalte als auch den Rest der Benutzeroberfläche zusammen beobachten müssen, dann ist ein Modal wahrscheinlich nicht die beste Wahl.“

Beispiel für Unschärfe hinter dem Modal

Das Vorlagensystem bietet mehr Designkontrolle

Diese Änderung bietet dem Benutzer die Möglichkeit, mehr Vorlagen zu erstellen, die für einzelne Kategorien, Tags, Seiten und benutzerdefinierte Beitragstypen spezifisch sein können.

Laut WordPress:

„Zum Beispiel können Sie eine andere Vorlage für alle persönlichen Blogbeiträge, eine zweite für alle entwicklerbezogenen Blogbeiträge und eine dritte für alle Reisebeiträge verwenden.

Wenn Ihre Website zusätzliche Beitragstypen wie Bücher oder Produkte registriert hat, listet Ihre Editor-Instanz diese automatisch im Auswahlfeld für die Schaltfläche „Neue Vorlage hinzufügen“ auf.“

Dies ist eine willkommene Ergänzung, da es eine eklatante Einschränkung beseitigt und die Möglichkeit erweitert, bessere Websites zu erstellen, wenn der Gutenberg-Editor für vollständige Websites verwendet wird.

Verbesserungen am Arbeitsablauf

Es gibt weitere Verbesserungen, die den Arbeitsablauf verbessern und rationalisieren sollen, indem zusätzliche Optionen bereitgestellt werden.

Zu diesen Änderungen gehört die Möglichkeit, ein vorgestelltes Bild aus dem Medienplatzhalter auszuwählen, anstatt es hochzuladen oder aus der Medienbibliothek auszuwählen.

Screenshot des empfohlenen verbesserten Modals

Der Grund für diese Verbesserung ist im Pull-Request dokumentiert:

„Diese PR ermöglicht unterstützende Medienblöcke, um Benutzern die Möglichkeit zu bieten, mit dem vorgestellten Bild aus dem Platzhalterstatus zu beginnen.

Warum
Um zu vermeiden, dass Sie ein anderes Medium auswählen müssen, um erst dann die Option zu erhalten, und weil das vorgestellte Bild jetzt hinter der Blocksteuerung „Medien hinzufügen“ im Medienersetzungsfluss verborgen ist.“

Neu: Zeit zum Lesen

Die Möglichkeit, zu überprüfen, wie lange das Lesen des Dokuments dauern wird, ist ebenfalls eine neue Funktion, die hinzugefügt wurde.

Diese neue Funktion wird der Informationsleiste im Post-Editor-Bildschirm hinzugefügt, die derzeit Feedback zur Anzahl der Wörter, Zeichen, verwendeten Überschriftenelemente, Anzahl der Absätze und Anzahl der Blöcke bietet.

Die Zeit, die ein durchschnittlicher Leser benötigt, um ein Dokument zu lesen, ist eine sehr nützliche Information.

Screenshot der aktualisierten Informationsleiste

Benutzeroberfläche des Seitenleisten-Einstellungsfelds verbessert

Ein weiteres Beispiel für die verbesserte Benutzeroberfläche ist das Seitenleisten-Einstellungsfeld, das ein Update erhält, um die Verwendung zu vereinfachen.

Das Layout des Einstellungsfelds ist intuitiver und einfacher zu scannen und aus den Menüoptionen auszuwählen.

Screenshot von Vorher und Nachher

WordPress beschrieb die verbesserte Oberfläche:

„Das Ergebnis ist eine übersichtlichere, besser organisierte Anzeige, die Ihnen helfen sollte, auf einen Blick leichter auf alle wichtigen Informationen zu Ihrem Beitrag/Ihrer Seite zuzugreifen.“

So viele Verbesserungen

Das neue Gutenberg 13.7 ist ein kumulatives Update und keine radikale Änderung gegenüber der Vorgängerversion. Die Verbesserungen springen vielleicht nicht sofort ins Auge, tragen aber zu einem natürlicheren Bearbeitungserlebnis bei.

Dieses Update berührt fast jeden Bereich des Gutenberg-Editors, von neuen Komponenten wie einem Farbwähler, verbesserten Dokumenteinstellungen, einer besseren Bearbeitung der gesamten Website und zahlreichen Fehlerbehebungen.

Zitate

Lesen Sie die vollständige WordPress-Ankündigung

Was ist neu in Gutenberg 13.7?

Lesen Sie den Block Lock Pull Request

Blocksperre: Fügen Sie die Option #41876 „Auf innere Blöcke anwenden“ hinzu

Hintergrundunschärfe bei Modalen

Aktualisieren Sie das modale Design #40781

Beginnen Sie mit dem Featured Image Pull Request

Beginnen Sie mit dem Beitragsbild im Medienplatzhalter Nr. 41722

Vorgestelltes Bild von Shutterstock/Vulp
Vom Autor geändert