Gutenberg 14.8: Benutzeroberfläche des Site-Editors - Usability macht großen Schritt nach vorn

kontinuierliche Arbeit am FSE - nun Site-Editor genannt: in mehreren Iterationen wurde hart am Editor gearbeitet: nun ist die Gutenberg 14.8 da: großes Update - die Usability macht großen Schritt nach vorn :: viele neue Features wie z.B. ein Stilblock: neue Möglichkeiten der Visualsierungen bei Themes u. deren globale Stiländerungen auf Blöcke - mit Vorschau.

in einem neuen Artikel hat Sarah Gooding über die Freigabe von Gutenberg 14.8 berichtet. Gutenberg 14.8 überarbeitet die Benutzeroberfläche des Site-Editors und fügt Stylebook hinzu https://wptavern.com/gutenberg-14-8…adds-style-book

Sarah ... (Zitat): "Gutenberg 14.8 wurde vor wenigen Tagen mit einem großen Update der Benutzeroberfläche des Site-Editors veröffentlicht, wodurch er sich als Design-Tool einheitlicher anfühlt.
Im August teilte der Gutenberg-Designer James Koster einige Modelle für die Aktualisierung des Site-Editors mit einem „navigierbaren Rahmen“, in dem Benutzer links aus einem Menü mit Funktionen und Stilen auswählen können. Dies war eine Antwort auf das, was Koster als unausgewogene Feature-Gewichtung bezeichnete, einen kritischen Designfehler, der sich seiner Meinung nach negativ auf die Benutzererfahrung mit dem Editor auswirkte.
Im Oktober begannen Mitwirkende, diese Idee voranzutreiben, und jetzt feiert die erste Iteration des neuen „Browse-Modus“ ihr Debüt in Gutenberg 14.8. Der von Automattic gesponserte Mitarbeiter Ryan Welcher hat ein Video veröffentlicht, das die neue Benutzeroberfläche für die Navigation im Site-Editor demonstriert:

a. Bildkredit: Gutenberg 14.8 Release-Post

Version 14.8 führt auch den Stilblock ein, der jetzt in das Bedienfeld „Globale Stile“ eingebettet ist. Es bietet eine Möglichkeit, zu visualisieren, wie sich globale Stiländerungen auf Blöcke auswirken, indem eine Vorschau (sowohl Kern- als auch Blöcke von Drittanbietern) in einem anpassbaren Bedienfeld angezeigt wird. Dies ist besonders nützlich, wenn ein Theme viele Stilvariationen aufweist, die andernfalls zeitintensiv zu speichern und dann mit verschiedenen Blöcken in der Vorschau anzuzeigen wären. Es hilft Benutzern bei der Beantwortung der Frage: „Wie werden diese Stile mit meinen Blöcken aussehen?“ Stile können auch für einzelne Blöcke in der Vorschau angezeigt werden.

b. Bildkredit: Gutenberg 14.8 Release-Post

Benutzer, denen das Bedienfeld „Benutzerdefiniertes CSS“ im Customizer gefehlt hat, werden erfreut sein zu hören, dass Gutenberg 14.8 benutzerdefiniertes CSS zum Bedienfeld „Stile“ > „Benutzerdefiniert“ im Site-Editor hinzufügt. Diese erste Iteration wird als experimentell ausgeliefert, sodass Benutzer, die sie testen möchten, im Menü „Gutenberg“ > „Experimente“ im Adminbereich „Globale Stile benutzerdefiniertes CSS“ aktivieren können.

Wenn Sie beim Auschecken von Mustern im Inserter den Mauszeiger über ein Muster bewegen, wird jetzt dessen Titel angezeigt. Die Unsichtbarkeit von Mustertiteln wird zu einem Problem, wenn Muster einander mit geringfügigen Abweichungen visuell ähnlich sind. Wenn der Titel sichtbar ist, hilft es den Benutzern, das beste Muster für ihre Bedürfnisse zu sortieren und auszuwählen.

c. Bildkredit: Gutenberg 14.8 Release-Post

Der Navigationsblock hat mehrere Aktualisierungen, die die Erfahrung beim Erstellen und Bearbeiten von Menüs verbessern sollten:

The Navigation block - er kommt mit mehrerern Updates ganz im Dienste der UX beim Einrichten von Menüs und Blöcken:
-Navigation block: Add page list to Link UI transforms in Nav block. (46426)
-Navigation block: Add location->primary to fallback nav creation for classic menus. (45976)
-Navigation block: Update fallback nav creation to the most recently created menu. (46286)
-Navigation block: Add a ‘open list view’ button. (46335)
-Navigation block: Removes the header from the navigation list view in the experiment. (46070)
-Gutenberg 14.8 includes dozens of enhancements and bug fixes beyond these highlights. Check out the release post for the full changelog." Ende des Zitats.

weitere Informationen, Daten, Links und Infos:

Gutenberg 14.8 überarbeitet die Benutzeroberfläche des Site-Editors und fügt Stylebook hinzu
https://wptavern.com/gutenberg-14-8…adds-style-book

Make-Artikel: https://make.wordpress.org/core/2022/12/2…-8-21-december/
ein WPTavern-Artikel: https://wptavern.com/james-koster-s…r-friendly-tool
moving the ideas forward: ein WPTAvern-Artikel: https://wptavern.com/gutenberg-cont…the-site-editor
previewd for individual blocks: https://github.com/WordPress/gutenberg/pull/45719

invisibility of pattern titles becomes an issue when patterns are visually similar to one another: https://github.com/WordPress/gutenberg/issues/45595

hier noch ein paar allgemeine weiterführende Links:

wptavern.com: https://wptavern.com - eine generell wichtige Seite
Wordpress-news: https://wordpress.org/news/
wordpress.org/gutenberg: https://wordpress.org/gutenberg/
gutenberg-blocks: https://gogutenberg.com/
noch mehr Dinge: https://gogutenberg.com/blocks/image/

noch mehr Daten, Ideen und Anregungen zu Gutenberg:

links: https://gutenberghub.com/
overview on the block reference https://blocks.wp-a2z.org/block/
Sonjas list of Gutenberg Features: https://www.webtimiser.de/top-10-gutenberg-features/
the Gutenberg-Fibel: https://gutenberg-fibel.de/
the gutenberghub.com - a great Reference-Seite: https://gutenberghub.com/
the WordPress Block reference: https://blocks.wp-a2z.org/

list of some the Blocks https://wpleaders.com/gutenberg-blocks-plugins/

1. Ultimate Blocks
2. Qubely
3. Ultimate Addons for Gutenberg
4. Otter Blocks
5. Atomic Blocks
6. Advanced Gutenberg
7. Stackable
8. Toolset Blocks
9. Kadence Blocks
10. CoBlocks ..
11. Getwid
12. Easy Blocks
13. Blocks by Templatic
14. Advanced Gutenberg Blocks
15. Editor Blocks for Gutenberg
16. Bokez
17. Google

Lieber Arnego,

wow - was ein comment...

ich kann dirs leider nicht ersparen:

vorweg: auch wenn ich kein Gutenberg-Jünger bin - die Sache kommt und da beißt die Maus keinen Faden ab. Du kannst hier nur raus, wenn du WordPress den Abschied gibst.

Auch wenn ich nicht alles toll finde - an Gutenberg.
Und nun mag UX und Usability - nun mögen dies Vokabeln sein die ich dem oben portierten Artikel (er stammt wie gesagt von WPTavern) etwas eigenständig unterlegt, eingeschrieben oder halt selber noch "gegeben" hab. Ich lass das mal so stehen.
Ihr dürft euch nicht gleich aufregen - wenn das mal so ist. Klar - nicht alles am Site-Editor und an Gutenberg & Full Site Editing ist klasse - aber wir kommen ja nicht davon weg. Das ist halt nun mal die Entwicklung.

Arnego: du schreibst:

Zitat

Ich habe Leute gelesen die allem Ernstes meinten mehr Clicks wäre UX. Was auch erlesen war von einem Theme Verkäufer. Nachhaken ist aus der Mode gekommen.

oh - das kling ja nun nicht grad nach einem selbständigen WordPress-Anwender. Du hast von Leuten gelesen u. gehoert.... wie sekundär...

ich kann dir nur raten mal selbst zu lesen - oder dich selber zu informieren. Machs doch mal:

Zitat

Nachhaken ist aus der Mode gekommen.

Sic - wie wahr. Machs halt... ;)

ich helf dir mal zum Einstieg: - mit nem Film - ist einfach - musst ned mal Lesen - kannst gucken..
musst also ned mal #Leute lesen (was immer das auch sein mag)

das kannst und ja bei Gelegenheit noch erklären. Denn dann verstehen wir dich auch besser
- was ist denn "erlesen von einem Theme Verläufer"
- was ist Leute ...."gelesen"
- und ja: wie sieht bei Dir denn das Nachhaken aus?

Aber ja doch - Nachhaken kann man machen.
machs doch mal.. fang an - und berichte doch mal selber bissle.

und hier die Filme ...:

Building a site with WordPress 5.9 vs WordPress 6.2 (in progress features)

To better show what's changed with the Site Editor from when it was first introduced in WordPress 5.9, this video goes through both a demo of the original state as well as a brief look at what's in place today and what's to come, especially as 6.2 looks to wrap up much of the work around site editing/phase 2 of Gutenberg. Keep in mind that WordPress 6.2 is not out yet and much of what's being shown is very much a work in progress with big opportunities to give feedback along the way. Either way, I hope you enjoy taking a peak back and a look forward.

To help shape the future of WordPress and full site editing, check out the FSE Outreach Program: https://make.wordpress.org/test/handb...

0:00 - 0:38 Intro
0:38 - 1:55 Quick overview of 5.9 vs 6.2
1:55 - 4:33 WordPress 5.9 Site Building Experience
4:33 - 10:41 WordPress 6.2 In Progress Site Building Experience
10:41 - 11:14 Join the FSE Outreach Program
11:14 - 11:30 How to stay in touch

#WordPress #BlockEditor #Gutenberg #FullSiteEditing #BlockTheme

Sehr lohnenswert: der Videochannel von Anne:
https://www.youtube.com/@AnneMcCarthy

What is the WordPress Gutenberg Block Editor? von James

Gutenberg is a codename for a whole new paradigm in WordPress site building and publishing, that aims to revolutionize the entire publishing experience as much as Gutenberg did the printed word. The project is right now in the second phase of a four-phase process that will touch every piece of WordPress - Editing, Customization (which includes Full Site Editing, Block Patterns, Block Directory and Block based themes), Collaboration, and Multilingual - and is focused on a new editing experience, the block editor (which is the topic of the current documentation).

Blocks treat Paragraphs, Headings, Media, and Embeds all as components that, when strung together, make up the content stored in the WordPress database, replacing the traditional concept of freeform text with embedded media and shortcodes. The new editor is designed with progressive enhancement, meaning that it is back-compatible with all legacy content, and it also offers a process to try to convert and split a Classic block into equivalent blocks using client-side parsing. Finally, the blocks offer enhanced editing and format controls.

The Editor offers rich new value to users with visual, drag-and-drop creation tools and powerful developer enhancements with modern vendor packages, reusable components, rich APIs and hooks to modify and extend the editor through Custom Blocks, Custom Block Styles and Plugins.

viel Spass - und hier musst ned mal lesen..

....auch ich sehe Vieles kritisch - ganz bestimmt. Aber mir ists wichtig, die Arbeit der Entwickler auch zu würdigen.

mein etwas polemischer Kommentar auf deinen Beitrag, Arnego, der hat damit zu tun.

Arnego, du schreibst:

Zitat

Ich habe Leute gelesen die allem Ernstes meinten mehr Clicks wäre UX. Was auch erlesen war von einem Theme Verkäufer. Nachhaken ist aus der Mode gekommen.

[size=24]bei weitem nicht. Mehr Clicks - das ist noch kein UX...[/SIZE]
[size=24]
im Folgenden geh ich auf das Thema
a. UX u. Usability nochmals ein - und am Ende dieses Beitrags auf die
b. Debatte zur allgem. WordPress-Entwicklung, die wir ja alle paar Wochen hier führen... [/SIZE]
[size=24]

a. ... vielleicht fangen wir mal so an:

hier also nochmals zum Thema UX u. Design. ich bleib natürlich dabei: da tut sich Einiges: ich hab das z.B. vor fast genau 2 Monaten geschrieben:

vgl. [/SIZE][size=24]Gutenberg 14.4 - viele Verbesserungen in User-Experience (UX) u. im Redesign des Pattern-Editors[/SIZE]

https://forum.wpde.org/threads/gutenb…editors.196422/

kurz vorm Release der V 6.1 rasante Entwicklung auf allen Ebenen: neue Gutenberg-Version 14.4 - mit UX-Verbesserungen: hier erste Einblicke - incl. einem ganz neuen Experten-Video von Anne MCarthy ;)

Der neue Artikel auf WPTavern https://wptavern.com/gutenberg-14-4…attern-inserter

Sarah; (Zitat): Das Projekt zur Verbesserung der Usability und User-Experience (UX) - insbesondere in Bezug auf textbasierte Inhalte; es begann mit ersten Erkundungen bereits im Februar, die sich zu einer regelrechten PR entwickelten, die die Mitwirkenden in den letzten Monaten verfeinert haben.

In den Neueentwicklungen der 14.4 ist vieles dabei:
zum Beispiel: der sogenannte "ablenkungsfreie ("distraction-free") Modus - er gilt vielen als eine geradezu bahnbrechende und entscheidende Verbesserung im Vergleich zu den Tagen, als Benutzer Schwierigkeiten hatten, mit verschiedenen UI-Elementen zu schreiben, die ein- und ausgeblendet wurden. Ein weiteres wichtiges Update in 14.4 ist der neu gestaltete Patterns-Editor (Inserter). Es wurde aktualisiert, um die Kategorien vor dem Rendern der Muster anzuzeigen, sodass Benutzer beim Durchsuchen der Musterbibliothek eine flüssigere visuelle Vorschau erhalten. Muster können per Drag-and-Drop aus dem Vorschaufenster auf die canvas gezogen werden.

Andere bemerkenswerte Verbesserungen, die Benutzer möglicherweise bemerken, umfassen die folgenden:

Bildblock: Neue Symbolleistenschaltfläche zum Hinzufügen einer Bildunterschrift: https://github.com/WordPress/gutenberg/pull/44965
Blocksperre: Inhaltssperre zum Navigationsblock hinzugefügt: https://github.com/WordPress/gutenberg/pull/44739
Viele Verbesserungen an der fluid Typografie, einschließlich der automatischen Konvertierung benutzerdefinierter Schriftgrößen in flüssige Werte,
wenn „settings.typography.fluid“ auf „true“ gesetzt ist: https://github.com/WordPress/gutenberg/pull/44765

Inserter: Hover-Effekt hinzufügbar : https://github.com/WordPress/gutenberg/pull/44711
Leistungsbenchmarks zeigen eine Verbesserung der Ladezeit sowohl für die Post- als auch für die Website-Editoren. Seht euch das Release-Posting an, um eine vollständige Liste aller Änderungen und Fehlerbehebungen in 14.4 zu sehen. Diese Version wird nächste Woche nicht in der kommenden WordPress 6.1-Version enthalten sein, aber alle Benutzer, die diese neuen Funktionen gerne schon jetzt sofort übernehmen möchten, können diese jetzt im Gutenberg-Plugin erhalten." (Zitatende, Sarah).

weitere Infos und Links zu Ressourcen und vielem anderen mehr:
Release-Posting: https://make.wordpress.org/core/2022/10/2…4-4-26-october/
Gutenberg-Pluging: https://wordpress.org/plugins/gutenberg/

....und hier .... noch weiterführende Links:
- ein Artikel: vgl. https://wptavern.com/wordpress-6-1-…ed-in-2023-2025
- Roadmap: vgl. https://make.wordpress.org/core/2022/06/04/roadmap-to-6-1/

- hier noch ein paar allgemeine weiterführende Links:
wptavern.com: https://wptavern.com - eine generell wichtige Seite
- Wordpress-news: https://wordpress.org/news/
- wordpress.org/gutenberg: https://wordpress.org/gutenberg/
- gutenberg-blocks: https://gogutenberg.com/
- noch mehr Dinge: https://gogutenberg.com/blocks/image/
- noch mehr Daten, Ideen und Anregungen zu Gutenberg:

links: https://gutenberghub.com/
- overview on the block reference https://blocks.wp-a2z.org/block/
- Sonjas list of Gutenberg Features: https://www.webtimiser.de/top-10-gutenberg-features/
- the Gutenberg-Fibel: https://gutenberg-fibel.de/
- the gutenberghub.com - a great Reference-Seite: https://gutenberghub.com/
- the WordPress Block reference: https://blocks.wp-a2z.org/

- list of some the Blocks https://wpleaders.com/gutenberg-blocks-plugins/
1. Ultimate Blocks
2. Qubely
3. Ultimate Addons for Gutenberg
4. Otter Blocks
5. Atomic Blocks
6. Advanced Gutenberg
7. Stackable
8. Toolset Blocks
9. Kadence Blocks
10. CoBlocks ..
11. Getwid
12. Easy Blocks
13. Blocks by Templatic
14. Advanced Gutenberg Blocks
15. Editor Blocks for Gutenberg
16. Bokez
17. Google

und last but not least - der ganz neue Film von Anna McCarthy:

Distraction free mode: my new favorite way to write with the block editor

der Channel von Anne https://www.youtube.com/c/AnneMcCarthy

und hier noch ein paar weitere Filme - zur WordPress 6.1

Major Updates & Changes: & Huge WordPress 6.1 Update Coming - Big Changes, Get Prepared Now

WordPress 6.1 will be released next month, and it comes with some pretty big changes! In this video, I go over the biggest changes in WordPress 6.1 and how they'll affect you.

Table Of Contents
00:00 - Huge Update
00:44 - 2023 Theme
01:28 - Fluid Topography & Spacing
01:52 - Block Editor Changes
04:17 - Full Site Editing
07:02 - Interface Changes
11:09 - Big Performance Improvements
13:18 - My FSE Prediction

und weiters: WordPress 6.1 Features in 5 Minuten - eine Gesamtschau auf das Neue :: in knapp einer Woche erscheint die Wordpress Version 6.1 - wer jetzt schon einen Überblick haben will -wer jetzt schon sehen will was an Neuem kommt, der kann sich einen Videoclip dazu ansehen.

WordPress 6.1 Features in 5 mins - this changes EVERYTHING

Timecodes
0:00 - Intro.
0:19 - Improved Design Tools
0:45 - Fluid Typography
1:06 - Content focused locking
1:28 - Cross Device Preferences
1:54 - Upgraded List & Quote blocks
2:25 - Default Theme with Style Variations
2:42 - More Template Options
3:12 - Block Templates in Classic Themes
3:37 - Improved Nav block fallbacks
4:07 - Starter Patterns for all Post Types
4:45 - Expanded Global Styles Options
5:37 - What's Next?
6:02 - What do you think?
6:18 - Links to Resources

Die WP 6.1 wird in der kommenden Woche erwarte ;)

und nun nochwas: Wir haben die Debatte zur allgem. WordPress-Entwicklung ja alle paar Wochen.: etwa so...

- wo läuft die Entwicklung hin!?
- soll man noch bei WP bleiben!?
- was bringen die Neuerungen!?

vgl etwa hier in der Diskussion in der auch @threadi, @DummyGirl und r23 drinne waren:

https://forum.wpde.org/threads/wp-6-1…81/#post-822585

Zitat

ich lasse mich von den neuerungen (erstmal) nicht verrückt machen. so wie ich zwar einen mac nutze aber keine apple apps da die apps von apple immer schlechter sind als die des freien marktes, so nutze ich wp aber kein gutenberg weil die pagebuilder des freien marktes immer besser sind als die standards von wp. wp ist schließlich nicht so populär geworden weil es so ein tolles cms wäre sondern weil es dafür so viele tolle pugins und themes gibt.

yep...ich seh das genauso wie du: Ein Blick auf die Plugin-Ressource zeigt den Reichtum https://wordpress.org/plugins: Extend your WordPress experience! Browse 60,232 free plugins.

Bei WordPress gibt es nichts was man als Plugin sich noch wünschen müsste :: Die große Gruppe der WordPress-Engagierten - ist gut organisiert - vgl: https://central.wordcamp.org/

Statistisch gesehen: Der gesamte kollaborative Aufwand für die Entwicklung von WordPress wird auf 151 Jahre geschätzt, die für den Aufbau benötigt wurden, mit geschätzten Kosten von über 8 Millionen Dollar. vgl. https://kinsta.com/de/blog/wordpress-statistiken/

und so weiter und so fort: https://forum.wpde.org/threads/wp-6-1…81/#post-822585

hier noch drei gute Clips zum Thema im Ganzen.

WordPress 6 .1 - Major Updates & Changes 27.09.2022

Exploring 3 new features in WordPress 6.1 | WordPress tutorial | Gutenberg | WP 6.1
by Ryan Welcher Codes

WP 6.1 Nav Block Features in 5 mins
by Dave on WP
https://youtu.be/5ovtyIyFOoA

Hallo @Kurt Singer, hi @r23 und auch @arnego2, :)
hallo auch @SuMu :)

....vielen dank an dich Kurt, für deine nette und so freundliche Rückmeldung. :)

Zitat

Ich sehe Dich nicht als Werber für WP oder Gutenberg, sondern als Informanten. Man muß nicht alles lieben, aber man sollte es kennen. Und da helfen Deine Beiträge auf jeden Fall, und dafür sage ich Dir danke, denn Du gibts Dir schon Mühe damit. :)

Dankeschön. Ja, so seh ich das auch - ich bin oft verwundert, warum die Entwicklung gerade den ein oder anderen Weg einschlägt. Da ich das aber nicht aussuchen kann versuch ich das Beste draus zu machen u. die Entwicklung zu "begleiten" indem ich mich einarbeite. Die Texte sind ein Weg dabei - und wenns hier nicht ganz umsonst ist - umso besser.

Vielen Dank auch für Deine tollen Supportbeiträge hier - ich bin immer wieder sehr beeindruckt, wie viel du hier tust. Du bist für mich einer der ganz starken Supporter hier.
Dito r23 und arnego2 - macht weiter so!!!

@arnego: nochmals, ich bin auch nicht in jedem Falle ein Gutenbergfan - mir gehts oft wie Euch allen hier. Großes SORRY dafür, wenn ich heut Morgen etwas sehr kritisch in meine Beiträgen war.

Wünsche Euch allen einen schönen Freitag, einen tollen Einstieg ins Wochenende und einen guten Rutsch ins Neue Jahr.

Viele Grüße an Euch alle!!

Servus - euer
SüdTiroler :)