WordPress 7.1 Beta: Responsives Design endlich ohne CSS – Das kommt im August

WordPress 7.1 ist noch nicht veröffentlicht – die finale Version erscheint am 19. August 2026 im Rahmen von WordCamp US – doch die Beta-Phasen zeigen bereits jetzt, was die nächste Major-Version für Website-Betreiber und Entwickler verändern wird. Im Mittelpunkt stehen drei lang ersehnte Funktionen: responsives Styling direkt im Editor, interaktive Zustände für Blöcke ohne CSS sowie eine Reihe komplett neuer Blöcke. Die Community testet, diskutiert und bereitet sich vor – und das aus gutem Grund.

Responsives Styling: Was sich wirklich ändert

Die größte Neuerung in WordPress 7.1 ist die native Unterstützung für responsives Styling in Global Styles und auf Block-Ebene. Bislang musste man für gerätespezifische Darstellungen entweder auf Seitenbuilder wie Elementor oder Divi zurückgreifen oder eigenes CSS in die style.css oder das Customizer-Feld schreiben – eine fehleranfällige und schwer wartbare Lösung.

Mit 7.1 können Sie im Site Editor gezielt einstellen, wie ein Block auf verschiedenen Bildschirmgrößen aussehen soll: andere Schriftgröße auf dem Handy, ein engerer Innenabstand auf dem Tablet, eine größere Überschrift auf dem Desktop. All das ist ohne Code direkt im visuellen Editor einstellbar.

Ergänzend dazu hat Gutenberg 23.5 die starren Vorschau-Schaltflächen (Desktop / Tablet / Mobil) durch ein frei skalierbares Vorschaufenster ersetzt. Das gibt Ihnen ein realistischeres Bild davon, wie Ihre Seite auf konkreten Bildschirmgrößen aussieht – nicht nur auf den drei festen Breakpoints.

Ein weiteres Detail für Theme-Entwickler: Theme-Autorinnen und -Autoren können in der theme.json eigene responsive Breakpoints definieren. Das bedeutet mehr Kontrolle darüber, bei welchen Bildschirmbreiten sich das Layout tatsächlich verändert.

Pseudo-State-Styling: Hover, Focus und Active direkt konfigurieren

Bis WordPress 7.0 gab es keine einfache Möglichkeit, über den Editor zu steuern, wie ein Button aussieht, wenn man mit der Maus darüber fährt – oder wie ein Link beim Fokus hervorgehoben wird. Das war eine reine CSS-Aufgabe, oft im Child-Theme oder über Zusatz-Plugins gelöst.

WordPress 7.1 schließt diese Lücke mit standardisierten Pseudo-State-Controls. In den Block-Einstellungen und in Global Styles erscheinen neue Reiter für Zustände wie :hover, :focus und :active. Sie wählen den Zustand aus und definieren Farbe, Hintergrund, Rahmen oder Typografie – genau wie bei normalen Block-Stilen. Das Ergebnis: konsistente, zugängliche Interaktionszustände ohne eine einzige Zeile CSS.

Für Projekte, die Barrierefreiheit ernst nehmen (und das sollte jede professionelle Website), ist das eine besonders wertvolle Funktion. Fokus-Stile für Tastaturnavigation lassen sich nun direkt im Editor definieren und visuell prüfen.

Neue Blöcke: Playlist, Inhaltsverzeichnis und Tabs

Drei neue Kern-Blöcke kommen mit WordPress 7.1:

Playlist-Block: Ermöglicht die Einbindung mehrerer Mediendateien (Audio oder Video) in einer strukturierten, abspielbaren Liste – nativ, ohne Plugin. Für Podcaster, Bildungsanbieter und Content-Creator eine willkommene Ergänzung.

Table of Contents (Inhaltsverzeichnis): Generiert automatisch ein verlinktes Inhaltsverzeichnis aus den Überschriften im Beitrag. Langer Content profitiert davon sofort – sowohl in Sachen Nutzererlebnis als auch für SEO, weil Google Inhaltsverzeichnisse mit Ankern in den Suchergebnissen hervorhebt.

Tabs-Block: Strukturiert Inhalte in Registerkarten. Bisher brauchte man dafür zwingend ein Plugin oder einen Page Builder. Mit dem nativen Tabs-Block können Inhalte übersichtlich segmentiert werden – und das mit vollständiger Gutenberg-Kompatibilität.

Alle drei Blöcke sind in den laufenden Betas verfügbar und werden bis zur Finalversion weiter stabilisiert.

Iframed Editor als Standard für Block-Themes

WordPress 7.1 setzt den iframed Post Editor als Standard für alle Block-Themes durch. Das klingt technisch, hat aber praktische Auswirkungen: Der Editor rendert Inhalte in einem isolierten iFrame, wodurch Theme-Styles genauer im Bearbeitungskontext sichtbar sind. Was Sie im Editor sehen, entspricht künftig noch besser dem, was Besucher auf der Live-Seite sehen.

Für Websites, die noch auf Classic-Themes basieren, ändert sich nichts. Für Block-Theme-Nutzer bedeutet es ein konsistenteres Editing-Erlebnis.

Speculative Loading: Neue Standardeinstellung

Eine Performance-relevante Änderung: WordPress 7.1 setzt den Standard für Speculative Loading von „konservativ” auf „moderat”, wenn ein Caching-System erkannt wird. Speculative Loading lädt verlinkte Seiten vor, bevor der Nutzer darauf klickt – was die wahrgenommene Ladegeschwindigkeit deutlich verbessert. Mit dem neuen Standard profitieren mehr Websites automatisch von dieser Technik, ohne dass Admins manuell eingreifen müssen.

Sollten Sie jetzt schon auf 7.1 wechseln?

Die kurze Antwort: Noch nicht. Beta-Versionen sind für Produktions-Websites nicht geeignet. Aber es lohnt sich, jetzt schon eine Staging-Umgebung einzurichten und die neuen Features zu testen – insbesondere responsives Styling und Pseudo-States. So sind Sie bereit, wenn die finale Version am 19. August erscheint, und können die neuen Möglichkeiten von Tag eins an nutzen.

Außerdem: Wenn Sie Plugins von Drittanbietern einsetzen, prüfen Sie jetzt schon deren Kompatibilität mit WordPress 7.1. Plugin-Entwickler haben bis August Zeit, Updates zu veröffentlichen – erfahrungsgemäß erscheinen kurz nach Major-Releases noch Kompatibilitäts-Patches.

Was WordPress 7.1 für Ihre Agentur bedeutet

Responsives Styling ohne CSS, interaktive Zustände über den Editor und neue native Blöcke senken die Einstiegshürde für anspruchsvolles Webdesign deutlich. Das ist gut für alle, die WordPress selbst bedienen – und es bedeutet auch, dass Agenturen effektiver arbeiten können, weil weniger Spezial-CSS und weniger Zusatz-Plugins nötig sind.

Wenn Sie wissen möchten, was WordPress 7.1 konkret für Ihre Website bedeutet, welche Plugins Sie vorab prüfen sollten und wie Sie das Update sicher einspulen, hilft Ihnen das Team der WordPress-Agentur Frankfurt am Main dabei – von der Staging-Analyse bis zum Live-Update inklusive Qualitätssicherung.

Quellen

• WordPress 7.1 Beta 1 – WordPress News — offizielle Ankündigung
• What’s new in Gutenberg 23.6? (July 22, 2026) — r/wordpress
• Call for Testing: Responsive Styling — r/wordpress