{"id":286,"date":"2026-08-22T11:26:45","date_gmt":"2026-08-22T09:26:45","guid":{"rendered":"https:\/\/helloblog.io\/de\/wordpress-7-1-mary-lou-responsive-styles-medien-api\/"},"modified":"2026-08-22T11:26:45","modified_gmt":"2026-08-22T09:26:45","slug":"wordpress-7-1-mary-lou-responsive-styles-medien-api","status":"publish","type":"post","link":"https:\/\/helloblog.io\/de\/wordpress-7-1-mary-lou-responsive-styles-medien-api\/","title":{"rendered":"WordPress 7.1 \u201eMary Lou\u201c bringt responsive Styles, Medien-Workflow und neue APIs"},"content":{"rendered":"\n

WordPress 7.1 \u201eMary Lou\u201c ist am 19. August 2026 erschienen. Das Release ehrt die Jazzpianistin, Arrangeurin und Komponistin Mary Lou Williams, deren Arbeit Swing, Bebop und Sacred Jazz verband. Sie spielte bereits mit sechs Jahren \u00f6ffentlich und machte ihre Wohnung in Harlem in den 1940er Jahren zu einem Treffpunkt, an dem unter anderem Thelonious Monk, Dizzy Gillespie und Bud Powell Ideen austauschten und Bebop pr\u00e4gten. Ihre Musik findest du auf YouTube<\/a>.<\/p>\n\n\n\n

Das Release konzentriert sich auf Navigation im Adminbereich, Designsteuerung, Zusammenarbeit und den Ausbau des Editors. Responsive Styles, eine neue Medienbearbeitung, umfangreichere Notizen sowie neue Bl\u00f6cke geh\u00f6ren zu den sichtbaren \u00c4nderungen. Entwickler erhalten zus\u00e4tzlich neue \u00f6ffentliche APIs und Optionen f\u00fcr Themes und Admin-Oberfl\u00e4chen.<\/p>\n\n\n\n <\/i><\/span>\n \n WordPress 7.1 herunterladen<\/span>\n wordpress-7.1.zip<\/span><\/span>\n <\/span>\n <\/i><\/span>\n <\/a>\n\n\n

Responsive Styles direkt im Site Editor<\/h2>\n\n\n\n

Du kannst Bl\u00f6cke in WordPress 7.1 f\u00fcr unterschiedliche Bildschirmgr\u00f6\u00dfen direkt im Site Editor gestalten. Daf\u00fcr stehen die Global Styles und die Einstellungen einzelner Bl\u00f6cke bereit, sodass du kein eigenes CSS schreiben musst. W\u00e4hrend der Arbeit pr\u00fcfst du Anpassungen in verschiedenen Viewport-Gr\u00f6\u00dfen und baust Layouts, die sich an das Nutzungsverhalten auf unterschiedlichen Ger\u00e4ten anpassen.<\/p>\n\n\n\n

\"Responsive
Responsive Styles lassen sich in den globalen Styles und pro Block festlegen. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Adminleiste in allen Editoren<\/h2>\n\n\n\n

Die WordPress-Adminleiste bleibt nun in s\u00e4mtlichen Editoren sichtbar. Dadurch beh\u00e4ltst du beim Wechsel zwischen Dashboard, Beitragseditor und Designwerkzeugen die Orientierung und erreichst vertraute Werkzeuge schnell. Kleine visuelle Anpassungen runden die Adminleiste zus\u00e4tzlich ab.<\/p>\n\n\n\n

\"WordPress-Adminleiste
Die Adminleiste begleitet dich nun durch alle Editoren. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Medien im eigenen Dialog bearbeiten<\/h2>\n\n\n\n

Der neue Medieneditor ersetzt das bisherige Zuschneiden direkt in der Oberfl\u00e4che durch einen eigenen Dialog. Der bekannte Button \u201eZuschneiden\u201c f\u00fchrt weiterhin dorthin. In diesem Workflow kannst du Bilder frei oder mit festem Seitenverh\u00e4ltnis zuschneiden, horizontal und vertikal spiegeln, pr\u00e4zise oder einrastend drehen sowie Metadaten bearbeiten.<\/p>\n\n\n\n

\"Dialog
Der Medieneditor b\u00fcndelt Zuschnitt, Spiegelung, Drehung und Metadaten. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Inline-Notizen f\u00fcr die Zusammenarbeit<\/h2>\n\n\n\n

Notizen unterst\u00fctzen Rich Text und Erw\u00e4hnungen. Du formatierst sie fett, kursiv oder als Code, setzt Links und erw\u00e4hnst Mitarbeitende mit @<\/code>, um sie zu benachrichtigen. Damit formulierst du Feedback klarer und holst gezielt die richtigen Personen in eine Abstimmung.<\/p>\n\n\n\n

Du kannst eine Notiz jetzt an einem bestimmten Textabschnitt hinterlassen, statt nur einen ganzen Block zu kommentieren. Mehrere Unterhaltungen d\u00fcrfen parallel an demselben Block laufen. L\u00e4ngere Notizen lassen sich einklappen, damit der Rand im Editor \u00fcbersichtlich bleibt.<\/p>\n\n\n\n

\"Inline-Notiz
Notizen lassen sich an Textstellen verankern und mit Erw\u00e4hnungen versehen. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Bildverarbeitung im Browser und weitere Formate<\/h2>\n\n\n\n

WordPress komprimiert, skaliert und erzeugt Vorschaubilder jetzt im Browser. Das senkt die Last auf dem Server, erzeugt kleinere Dateien und vermeidet PHP-Speichergrenzen oder Timeouts beim Upload. Technisch nutzt die Verarbeitung einen WebAssembly-Build von libvips.<\/p>\n\n\n\n

Die Mediathek unterst\u00fctzt au\u00dferdem AVIF, HEIC und HDR Gain Maps nativ. Damit verarbeitet WordPress Bildformate direkt, die moderne Kameras und Smartphones erzeugen.<\/p>\n\n\n\n

\"Medien-Upload
Die Medienverarbeitung l\u00e4uft im Browser und unterst\u00fctzt zus\u00e4tzliche Bildformate. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Neue Bl\u00f6cke und detailliertere Gestaltung<\/h2>\n\n\n\n

Playlists erstellen<\/h3>\n\n\n\n

Der neue Playlist-Block b\u00fcndelt mehrere Audiospuren in einer Playlist. Optional zeigt eine Wellenform den Verlauf jeder Spur w\u00e4hrend der Wiedergabe an.<\/p>\n\n\n\n

\"Playlist-Block
Der Playlist-Block kann die Wiedergabe mit einer Wellenform visualisieren. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Breakpoints im Block-Theme festlegen<\/h3>\n\n\n\n

Block-Themes k\u00f6nnen eigene Breakpoints f\u00fcr Mobilger\u00e4te und Tablets in theme.json<\/code> definieren. Diese Werte \u00fcberschreiben die Standardwerte f\u00fcr responsive Styles und die Sichtbarkeit von Bl\u00f6cken.<\/p>\n\n\n\n

\"Einstellungen
Themes k\u00f6nnen mobile und Tablet-Breakpoints selbst bestimmen. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Inhalte mit Tabs ordnen<\/h3>\n\n\n\n

Mit dem neuen Tabs-Block verteilst du zusammengeh\u00f6rige Inhalte auf Registerkarten. So zeigst du nicht alles zugleich an und h\u00e4ltst Seiten mit verwandten Informationen \u00fcbersichtlich.<\/p>\n\n\n\n

\"Tabs-Block
Tabs strukturieren zusammengeh\u00f6rige Inhalte auf engem Raum. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Eigene Icons registrieren<\/h3>\n\n\n\n

Du kannst die Icon-Bibliothek im Editor um eigene Sammlungen erweitern. Eigene Icons stehen dann neben der eingebauten Bibliothek im gesamten Editor zur Verf\u00fcgung.<\/p>\n\n\n\n

\"Auswahl
Eigene Icon-Sammlungen erweitern die Bibliothek im Editor. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Interaktive Zust\u00e4nde f\u00fcr Buttons gestalten<\/h3>\n\n\n\n

F\u00fcr Button-Bl\u00f6cke legst du im Editor unterschiedliche Styles f\u00fcr hover<\/code>, focus<\/code> und active<\/code> fest. Die Styles kannst du f\u00fcr einen einzelnen Button oder f\u00fcr alle Buttons setzen.<\/p>\n\n\n\n

\"Style-Einstellungen
Button-Bl\u00f6cke erhalten eigene Styles f\u00fcr Hover-, Fokus- und aktive Zust\u00e4nde. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

Einheitlicher Beitragseditor<\/h2>\n\n\n\n

Der Beitragseditor l\u00e4uft jetzt f\u00fcr alle Themes vollst\u00e4ndig in einem iframe und entspricht damit dem Site Editor. Die Bearbeitungsfl\u00e4che ist von der WordPress-Adminoberfl\u00e4che getrennt, sodass Admin-Styles nicht in deinen Inhalt eingreifen. Viewport-relative Einheiten und Media Queries zielen direkt auf die Bearbeitungsfl\u00e4che, wodurch sich responsive Layouts beim Erstellen vorhersehbarer verhalten.<\/p>\n\n\n\n

Werkzeuge f\u00fcr Entwickler<\/h2>\n\n\n\n

Die SVG Icon API ist jetzt \u00f6ffentlich. Du registrierst eigene Icon-Sammlungen und einzelne Icons und verwendest sie im Editor \u00fcber wp_register_icon_collection()<\/code>, wp_register_icon()<\/code> und wp_get_icon()<\/code>.<\/p>\n\n\n\n

Die Abilities API erweitert die Infrastruktur aus WordPress 6.9 um einen filterbaren Ausf\u00fchrungslebenszyklus, eigene Validierung und gemeinsame Erkennung. Das erleichtert Integrationen und Automatisierungen auf WordPress-Basis, einschlie\u00dflich KI-gest\u00fctzter Werkzeuge.<\/p>\n\n\n\n

Ein neues Design System schafft Grundlagen, um WordPress-Adminoberfl\u00e4chen zu thematisieren. Es deckt Farben, Rundungen und Cursor-Styles ab. Mit semantischen Design-Tokens und der React-Komponente ThemeProvider<\/code> baust du konsistentere eigene Admin-Oberfl\u00e4chen, die sich dennoch wie WordPress anf\u00fchlen.<\/p>\n\n\n\n

Theme-Autoren erhalten responsive Styles und Pseudo-State-Styles f\u00fcr hover<\/code>, focus<\/code>, focus-visible<\/code> und active<\/code> \u00fcber theme.json<\/code>. Neue Filter konfigurieren au\u00dferdem die DataViews- und DataForm-Oberfl\u00e4chen, welche die Ansichten f\u00fcr Seiten, Templates, Template-Teile und Patterns im Site Editor antreiben.<\/p>\n\n\n\n

Barrierefreiheit im WordPress-Core<\/h2>\n\n\n\n

WordPress 7.1 verbessert die Barrierefreiheit im WordPress-Core und im Editor. Die neuen Funktionen wp_get_tooltip()<\/code> und wp_get_toggletip()<\/code> bringen zug\u00e4ngliche Tooltips in weitere Bereiche des Adminbereichs, darunter Beitrags-Metaboxen und den Login-Bildschirm.<\/p>\n\n\n\n

Screenreader erhalten klarere Beschriftungen und eine besser vorhersehbare Navigation in Tabellen der Beitragslisten. Der Tabs- und der Playlist-Block sowie Verbesserungen bei Navigation und Interaktion im Editor erg\u00e4nzen die Accessibility-Arbeit dieses Releases.<\/p>\n\n\n\n

Weitere Performance-Verbesserungen<\/h2>\n\n\n\n

Eine optional aktivierbare Umwandlung von GIF in Video erzeugt typischerweise kleinere Dateien. Fortschrittsanzeigen beim Upload und automatische Wiederholungsversuche machen Uploads robuster, wenn die Verbindung abbricht.<\/p>\n\n\n\n

Die Mediathek verwendet standardm\u00e4\u00dfig Infinite Scrolling. Jede Nutzerin und jeder Nutzer kann stattdessen wieder eine Paginierung aktivieren. Hosts und Website-Betreiber setzen au\u00dferdem die Vorgaben f\u00fcr spekulatives Laden \u00fcber Umgebungsvariablen oder Konstanten und steuern damit das Prefetching von Seiten ohne eigenes Plugin.<\/p>\n\n\n\n

WordPress 7.1 pr\u00fcfen und gezielt einsetzen<\/h2>\n\n\n\n

Teste nach dem Update besonders responsive Layouts, Styles f\u00fcr Button-Zust\u00e4nde, Uploads gro\u00dfer Bilder und eigene Admin-Oberfl\u00e4chen. Wenn du Block-Themes entwickelst, pr\u00fcfe deine theme.json<\/code>-Konfiguration auf eigene Breakpoints und Pseudo-States. F\u00fcr den vollst\u00e4ndigen \u00dcberblick stehen die Release-\u00dcbersicht<\/a>, die Release Notes<\/a> und der Field Guide<\/a> bereit; Learn WordPress<\/a> bietet au\u00dferdem How-to-Videos, interaktive Workshops und Lektionen.<\/p>\n\n\n

\n

Referenzen \/ Quellen<\/h2>\n