M\u00f6chtest du wissen, was als N\u00e4chstes kommt? Tauchen wir gemeinsam in WordPress 7.1 ein.
\n
Clientseitige Medienverarbeitung<\/h2>\n
Bis WordPress 7.0 wurden die Generierung von Bildabmessungen und Miniaturansichten f\u00fcr die Anzeige im Frontend, die Formatkonvertierung und die Verwaltung der Bilddrehung komplett serverseitig \u00fcber PHP abgewickelt.<\/p>\n
Mit WordPress 7.1 wird nun eine neue Architektur f\u00fcr die Medienverarbeitung eingef\u00fchrt: Die Gr\u00f6\u00dfenanpassung von Bildern, die Formatkonvertierung, die EXIF-Drehung und die Erstellung von Vorschaubildern erfolgen nun clientseitig, direkt im Browser des Nutzers.<\/p>\n
Diese \u00c4nderung sollte die Leistung der Website deutlich verbessern und den Verbrauch von Serverressourcen reduzieren.<\/p>\n
Schauen wir uns mal genauer an, was sich bei der Bildverarbeitung \u00e4ndert:
\n
1. Was ist clientseitige Medienverarbeitung?<\/h3>\n
W\u00e4hrend Bilder zuvor auf dem Server per PHP unter Verwendung der GD-<\/a> oder Imagick-Bibliotheken<\/a> verarbeitet wurden, erfolgen die Erzeugung von Bildern in verschiedenen Gr\u00f6\u00dfen, die Formatkonvertierung und die EXIF-Drehung nun direkt im Browser des Nutzers \u2013 vorausgesetzt, der Browser unterst\u00fctzt den \u201e Da die Verarbeitung im Browser stattfindet, erh\u00e4lt WordPress nicht mehr nur ein einziges Bild, sondern alle resultierenden Bilddateien aus der Verarbeitungskette. Das hat zwei wesentliche Auswirkungen: eine geringere Auslastung von Server-CPU und -RAM sowie mehr HTTP-Anfragen zum Hochladen der einzelnen Miniaturansichten.<\/p>\n Zum Zeitpunkt der Erstellung dieses Artikels unterst\u00fctzen nur Chrome 137+ und Microsoft Edge 137+ (Desktop) die \u201e Aus architektonischer Sicht wird die clientseitige Medienverarbeitung \u00fcber drei Kernpakete verwaltet:<\/p>\n Zus\u00e4tzlich zur Bildverarbeitung f\u00fchrt diese neue Funktion die automatische Konvertierung von animierten GIFs in MP4-\/WebM-Videos ein. Die Konvertierung wird vom neuen \u201e Die clientseitige Medienverarbeitung f\u00fchrt au\u00dferdem neue REST-API-Endpunkte ein ( Die clientseitige Medienverarbeitung verlagert die Bildverarbeitung vom Server auf den Client. Dadurch wird der Server von der hohen Arbeitslast befreit, die durch das Erstellen von Miniaturansichten in verschiedenen Abmessungen, das Drehen von Bildern und das Konvertieren von Formaten entsteht \u2013 diese Aufgaben werden direkt auf den Browser des Nutzers verlagert.<\/p>\n Hier sind einige der Vorteile f\u00fcr Nutzer, die die Medienverarbeitung auf den Client verlagern:<\/p>\n Au\u00dferdem k\u00f6nnen animierte GIFs automatisch in effizientere Autoplay-Videos umgewandelt werden, von iPhones hochgeladene HEIC-Fotos k\u00f6nnen vom Browser vor dem Upload in JPG konvertiert werden (wodurch m\u00f6gliche Kompatibilit\u00e4tsprobleme mit dem Server umgangen werden), und die AVIF-Unterst\u00fctzung funktioniert nun auch ohne serverseitige AVIF-F\u00e4higkeiten (die MIME-Typ-Pr\u00fcfung wird bei clientseitig dekodierten Uploads umgangen).<\/p>\n Entwickler k\u00f6nnen die clientseitige Medienverarbeitung mithilfe des neuen Filters \u201e Dar\u00fcber hinaus gibt es keine gr\u00f6\u00dferen Beeintr\u00e4chtigungen f\u00fcr Plugin-Entwickler. Hooks, die mit der Medienverarbeitung verbunden sind, werden weiterhin ausgel\u00f6st, genau so, als w\u00fcrden die Bilder auf dem Server verarbeitet.<\/p>\n Bestehende Filter lesen die Einstellungen vom Server und funktionieren weiterhin wie erwartet. Der Filter \u201e F\u00fcr Theme-Entwickler werden Bildgr\u00f6\u00dfen, die \u00fcber Obwohl die clientseitige Medienverarbeitung in erster Linie auf Leistung und Effizienz und nicht auf Sicherheit ausgelegt ist, bietet sie mehrere Vorteile, die die Sicherheit von WordPress-Seiten verbessern.<\/p>\n Erstens verringert sie die Angriffsfl\u00e4che. Wie bereits erw\u00e4hnt, st\u00fctzte sich die Bildverarbeitung vor WordPress 7.1 auf serverseitige Bibliotheken wie GD und Imagick. Im Laufe der Zeit waren diese Bibliotheken von verschiedenen Sicherheitsl\u00fccken im Zusammenhang mit der Bilddekodierung betroffen.<\/p>\n Bei der clientseitigen Bildverarbeitung ben\u00f6tigt der Server weder GD noch Imagick mehr, da er bereits vorverarbeitete Bilder erh\u00e4lt. Dadurch wird die Menge an sensiblem Code, der auf dem Server ausgef\u00fchrt wird, erheblich reduziert.<\/p>\n Ein weiterer Sicherheitsvorteil besteht darin, dass die Bildverarbeitung in einer isolierten Browserumgebung stattfindet, wobei WebAssembly in einem Web Worker genutzt wird.<\/p>\n Die clientseitige Verarbeitung verringert zudem das Risiko von Denial-of-Service-Angriffen (DoS), da die Rechenlast auf dem Client liegt.<\/p>\n Um Bilder auf dem Client zu verarbeiten, nutzt WordPress Um den Zugriff auf \u201e Kurz gesagt: W\u00e4hrend das Hauptziel der clientseitigen Medienverarbeitung darin besteht, die Leistung und Effizienz bei der Medienverarbeitung zu verbessern, bringt diese neue Funktion auch bemerkenswerte Sicherheitsverbesserungen mit sich.<\/p>\n Die clientseitige Medienverarbeitung wurde sowohl f\u00fcr Nutzer als auch f\u00fcr Entwickler ausf\u00fchrlich dokumentiert. Schau dir die folgenden Ressourcen an, um mehr zu erfahren:<\/p>\n Notizen wurden erstmals in WordPress 6.9<\/a> eingef\u00fchrt und haben seitdem zahlreiche Erg\u00e4nzungen und Verbesserungen erhalten, die sie zu einem umfassenderen Tool f\u00fcr die Zusammenarbeit machen.<\/p>\n Zun\u00e4chst einmal bietet WordPress 7.1 nun Unterst\u00fctzung f\u00fcr Rich Text in Notizen<\/a>, wodurch diese \u201eausdrucksst\u00e4rker, besser lesbar und besser an die Erwartungen der Nutzer an Tools wie Google Docs, Figma, GitHub und andere kollaborative Editoren angepasst\u201c sind.<\/p>\n Dazu geh\u00f6ren grundlegende Inline-Formatierungen wie Fettdruck (Strg\/\u2318 B), Kursivschrift (Strg\/\u2318 I), Links (Strg\/\u2318 K) und Emojis.<\/p>\n Jetzt kannst du Inline-Notizen hinzuf\u00fcgen, indem du Textfragmente anstelle eines ganzen Blocks ausw\u00e4hlst (Inline-Block-Kommentare<\/a>). Es ist auch m\u00f6glich, mehrere Notizen<\/a> zum selben Block oder zur selben Textauswahl hinzuzuf\u00fcgen.<\/p>\n WordPress 7.1 f\u00fchrt au\u00dferdem @Erw\u00e4hnungen<\/a> ein, mit denen du deine Mitwirkenden in Notizen markieren kannst, wodurch die Notiz-Funktion popul\u00e4ren Kollaborations-Tools \u00e4hnlicher wird. Wenn du das @-Zeichen eingibst, erscheint ein Fenster mit einer Liste der Nutzer deiner Seite, aus der du ganz einfach ausw\u00e4hlen kannst. Der Empf\u00e4nger der Erw\u00e4hnung erh\u00e4lt eine E-Mail-Benachrichtigung mit einem Link zur\u00fcck zum Beitrag.<\/p>\n Eine weitere Neuerung betrifft den sichtbaren Teil der Notizen. Lange Notizen werden nun standardm\u00e4\u00dfig ausgeblendet<\/a>, damit sie nicht zu viel Platz auf dem Bildschirm einnehmen. \u00dcber einen Schalter \u201eMehr<\/strong>anzeigen\/Weniger anzeigen<\/strong> \u201c kannst du den vollst\u00e4ndigen Text ein- oder ausblenden.<\/p>\n Die vollst\u00e4ndige Liste der neuen Funktionen f\u00fcr Notizen in WordPress 7.1 findest du in der Notizen-Iteration f\u00fcr WordPress 7.1<\/a>.<\/p>\n Die Admin-Benutzeroberfl\u00e4che erh\u00e4lt mehrere Aktualisierungen, die die Konsistenz der Oberfl\u00e4che verbessern und die Navigation zwischen den Bildschirmen vereinfachen. Vor WordPress 7.1 wurde die Admin-Leiste im Beitrags- und im Website-Editor nicht angezeigt. Dieses Verhalten war inkonsistent, da die Admin-Leiste das am h\u00e4ufigsten genutzte Element der Admin-Oberfl\u00e4che ist und ihr Weglassen in den Editoren nicht als optimal angesehen wurde. Ab WordPress 7.1 \u00e4ndert sich dieses Verhalten, und die Admin-Symbolleiste ist nun im Beitrags- und im Site-Editor sichtbar<\/a>.<\/p>\n Eine weitere Verbesserung, die darauf abzielt, das Erscheinungsbild aller Admin-Bereiche einheitlich zu gestalten, besteht darin, das vom Benutzer auf seiner Einstellungsseite festgelegte Farbschema nun<\/a> auch auf den Site-Editor anzuwenden. Vor Version 7.1 war die Seitenleiste des Site-Editors fest auf Schwarz eingestellt.<\/p>\n Auch die Editor-Seitenleiste erh\u00e4lt mit WordPress 7.1 ein Update. Das Website-Symbol wurde aus der Editor-Symbolleiste entfernt und erscheint nun in der WordPress-Symbolleiste.<\/p>\n In fr\u00fcheren Versionen musstest du auf das Website-Symbol klicken, um zum WordPress-Admin-Bereich zur\u00fcckzukehren \u2013 dabei handelte es sich technisch gesehen nicht um eine Zur\u00fcck-Schaltfl\u00e4che.<\/p>\n Daher erscheint das Website-Symbol nun nur noch in der Admin-Symbolleiste, w\u00e4hrend in der Editor-Symbolleiste eine deutlich erkennbare Zur\u00fcck-Schaltfl\u00e4che angezeigt wird.<\/p>\n Die Befehlspalette wurde um mehrere Erg\u00e4nzungen und \u00c4nderungen<\/a> erweitert, um ihre Benutzerfreundlichkeit zu verbessern. Zun\u00e4chst wurden die verf\u00fcgbaren Befehle in Abschnitte unterteilt (Zuletzt verwendet, Vorschl\u00e4ge und Ergebnisse), damit sie leichter zu finden sind.<\/p>\n Die Gr\u00f6\u00dfe des Modals wurde angepasst (512px), und die Befehle sind jetzt besser lesbar.<\/p>\n Unter dem Men\u00fc \u201eDesign\u201c<\/strong> im Site-Editor erscheint jetzt ein neuer Eintrag \u201eIdentit\u00e4t<\/strong> \u201c. Auf dem entsprechenden Bildschirm kannst du den Titel, den Slogan<\/a>, das Logo und das Symbol<\/a> deiner Website konfigurieren. So kannst du die Identit\u00e4tseinstellungen deiner Website bearbeiten , ohne den Site-Editor verlassen zu m\u00fcssen.<\/p>\n Bis WordPress 7.0 war es m\u00f6glich, das unendliche Scrollen f\u00fcr die Rasteransicht der Medienbibliothek \u00fcber den Filter \u201e Ab WordPress 7.1<\/a> ist der Filter \u201e Au\u00dferdem kannst du \u00fcber eine neue Einstellung auf der Benutzerprofilseite im WordPress-Admin-Bereich deine Einstellungen f\u00fcr das unendliche Scrollen festlegen.<\/p>\n WordPress speichert die Auswahl des Benutzers in den Benutzeroptionen unter dem Meta-Schl\u00fcssel \u201e WordPress 7.1 f\u00fchrt zwei neue Bl\u00f6cke ein und bringt verschiedene Verbesserungen an bestehenden Bl\u00f6cken mit sich. Mit dem neuen Playlist-Block<\/strong><\/a> kannst du eine einfache Wiedergabeliste in deinen Inhalt einbetten.<\/p>\n Du kannst verschiedene Aspekte des Aussehens des Blocks anpassen, darunter Typografie, Hintergrund, Abmessungen, Rahmen und Elemente. Zu den spezifischen Stiloptionen dieses Blocks geh\u00f6ren \u201eWellenform & Wiedergabetaste\u201c<\/strong> und \u201eHintergrund der Wellenform<\/strong>\u201c. Mit der Option \u201eForm\u201c<\/strong> kannst du die Audio-Visualisierung der Wellenform<\/a> umschalten.<\/p>\n Der Playlist-Block<\/a> unterst\u00fctzt alle Audiodateien, die mit deiner WordPress-Installation kompatibel sind. Wenn du Unterst\u00fctzung f\u00fcr einen neuen MIME-Typ hinzuf\u00fcgst, \u00fcbernimmt der Block diesen automatisch.<\/p>\n Der neue Kernblock \u201eTabs\u201c<\/a> dient dazu, Inhalte in Registerkarten zu organisieren. Jede Registerkarte kann beliebige Bl\u00f6cke enthalten, was ihn besonders n\u00fctzlich f\u00fcr themenbezogene Inhalte, FAQs oder Produkt-\/Dienstleistungsvergleiche macht.<\/p>\n Der \u201eBenutzerdefiniertes HTML\u201c-Block wurde um eine neue Funktion<\/a> erweitert. Jetzt kannst du bearbeitbare Bl\u00f6cke direkt in den HTML-Code einf\u00fcgen. So kannst du statisches HTML und bearbeitbare Bl\u00f6cke innerhalb desselben Snippets kombinieren.<\/p>\n Obwohl sie bearbeitet werden k\u00f6nnen, lassen sich bearbeitbare Bl\u00f6cke weder verschieben noch entfernen, und es k\u00f6nnen auch keine zus\u00e4tzlichen Bl\u00f6cke \u00fcber den visuellen Editor hinzugef\u00fcgt werden. Der zugrunde liegende Code bleibt jedoch im Code-Editor vollst\u00e4ndig bearbeitbar.<\/p>\n Vor WordPress 7.1 mussten deine Inhalte entweder vollst\u00e4ndig aus statischem HTML bestehen oder ausschlie\u00dflich aus Bl\u00f6cken. Jetzt kannst du HTML und Bl\u00f6cke frei mischen, was besonders hilfreich ist, wenn du Inhalte mithilfe von KI-Modellen erstellst.<\/p>\n Diese \u00c4nderung geht einher mit der M\u00f6glichkeit, statischen HTML-Code zu Blockvarianten hinzuzuf\u00fcgen. Dank der neuen Unterst\u00fctzung f\u00fcr \u201e Der Wert \u201e Beachte, dass \u201e Mit WordPress 7.0 wurden ein neuer Icon-Block<\/a> und eine Icon-Bibliothek eingef\u00fchrt. Mit WordPress 7.1 erh\u00e4lt das Icon-Verwaltungssystem eine \u00f6ffentliche API, die es erm\u00f6glicht, Icons programmgesteuert zu registrieren, darzustellen und zu l\u00f6schen sowie \u00fcber die REST-API abzurufen.<\/p>\n Um ein Symbol oder einen Symbolsatz zu registrieren, musst du zun\u00e4chst eine Symbolsammlung registrieren, indem du die neue Funktion \u201e Eine Sammlung hat einen eindeutigen Namen, der sie von Kern-Icons und anderen, von Plugins von Drittanbietern registrierten Icon-Sets unterscheidet. Der Name der Sammlung muss mit einem Kleinbuchstaben beginnen und enden und darf Kleinbuchstaben, Zahlen, Bindestriche und Unterstriche enthalten.<\/p>\n Das zweite Argument der Funktion ist ein Array, das die in der Icon-Bibliothek angezeigte Bezeichnung der Sammlung sowie eine optionale Beschreibung enth\u00e4lt.<\/p>\n Um eine Sammlung zu entfernen, verwende die Funktion \u201e Um ein einzelnes Icon zu registrieren, verwende die Funktion \u201e Im obigen Beispiel haben wir ein Icon mithilfe einer SVG-Zeichenkette registriert. Du kannst ein Icon auch direkt aus einer \u201e Beachte bitte, dass die SVG-Datei mit ` Um ein Symbol zu l\u00f6schen, kannst du die Funktion ` Die Icon-Bibliothek wurde entsprechend aktualisiert und verf\u00fcgt nun \u00fcber eine Seitenleiste, in der die Liste der auf der Seite registrierten Icon-Sammlungen angezeigt wird.<\/p>\n Der Icon-Block wurde ebenfalls aktualisiert. Standardm\u00e4\u00dfig zeigt der Block nun das Info-Symbol an, anstatt wie in fr\u00fcheren Versionen einen leeren Platzhalter. Au\u00dferdem kannst du mit zwei neuen Steuerelementen in der Block-Symbolleiste das Symbol vertikal und horizontal spiegeln.<\/p>\n Es wurden au\u00dferdem neue schreibgesch\u00fctzte REST-API-Endpunkte eingef\u00fchrt, um auf Icon-Sammlungen oder bestimmte Icons zuzugreifen.<\/p>\n F\u00fcr Icon-Sammlungen verwendest du die folgenden Endpunkte:<\/p>\n Zum Lesen von Symbolen verwendest du stattdessen die folgenden Endpunkte:<\/p>\n Ein Benutzer mit der Berechtigung \u201eedit_posts\u201c muss die Anfragen authentifizieren.<\/p>\n Einen ausf\u00fchrlicheren \u00dcberblick \u00fcber das Icon-System in WordPress 7.1 findest du in den Entwicklerhinweisen<\/a>.<\/p>\n Ersteller und Redakteure verf\u00fcgen nun \u00fcber neue, verbesserte Design-Tools, mit denen sie Inhaltsbl\u00f6cke gestalten k\u00f6nnen, ohne auf benutzerdefiniertes CSS zur\u00fcckgreifen zu m\u00fcssen. WordPress 7.1 f\u00fchrt die Unterst\u00fctzung f\u00fcr \u201e In der Seitenleiste der Blockeinstellungen erm\u00f6glicht dir ein neues \u201eHintergrund\u201c-Panel mit separaten Steuerelementen f\u00fcr \u201eBild\u201c, \u201eFarbe\u201c und \u201eFarbverlauf\u201c, mit verschiedenen Kombinationen aus Hintergrundbildern, Farben und Farbverl\u00e4ufen zu experimentieren und dabei Konflikte zu vermeiden.<\/p>\n In WordPress 7.1 ist die Unterst\u00fctzung f\u00fcr \u201e Eine weitere Neuerung in WordPress 7.1, die Designer und Theme-Entwickler begeistern wird, ist die Unterst\u00fctzung f\u00fcr die Abmessung \u201e Theme-Entwickler k\u00f6nnen die Unterst\u00fctzung f\u00fcr die Mindestbreite \u00fcber \u201e Du kannst die Unterst\u00fctzung f\u00fcr die Mindestbreite auch global oder blockweise hinzuf\u00fcgen:<\/p>\n Block-Entwickler k\u00f6nnen die Unterst\u00fctzung f\u00fcr \u201e Die Steuerung ist standardm\u00e4\u00dfig in der Seitenleiste ausgeblendet, du kannst die Standardeinstellung jedoch \u00fcber \u201e WordPress 7.1 f\u00fchrt die Unterst\u00fctzung f\u00fcr \u201e Document-Isolation-Policy<\/code> \u201c (DIP)-Header, um Zugriff auf SharedArrayBuffer<\/code> zu gew\u00e4hren.<\/p>\nDocument-Isolation-Policy<\/code> \u201c vollst\u00e4ndig. Safari und Firefox unterst\u00fctzen die WASM-Pipeline nicht, obwohl Safari die native Dekodierung von HEIC\/HEIF-Formaten<\/a> in JPG unterst\u00fctzt.<\/p>\n![\"Ablaufdiagramm](\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/08\/wp-71-client-side-media-upload-flow.png\")
2. Was sind die technischen Merkmale der clientseitigen Medienverarbeitung?<\/h3>\n
\n
@wordpress\/vips<\/code> \u201c-Paket \u00fcbernimmt die clientseitige Verarbeitung mithilfe der \u201e libvips<\/code> \u201c-Bibliothek<\/a>, die in WebAssembly kompiliert ist (wasm-vips<\/code>). Diese gilt weithin als eine der schnellsten und effizientesten Bildverarbeitungsbibliotheken auf dem Markt. Sie l\u00e4uft parallel in einem Web Worker \u2013 wodurch ein Einfrieren der Benutzeroberfl\u00e4che verhindert wird und eine deutlich bessere Leistung als reines JavaScript erzielt wird.<\/li>\n@wordpress\/upload-media<\/code> \u201c-Paket koordiniert die Upload-Pipeline, einschlie\u00dflich der Verwaltung von Upload-Warteschlangen, der Upload-Parallelit\u00e4t (bis zu 5 gleichzeitige Uploads und 2 Bildverarbeitungsvorg\u00e4nge), automatischer Wiederholungsversuche, der Wiederaufnahme unterbrochener Uploads und der Offline-Unterst\u00fctzung.<\/li>\n@wordpress\/media-utils<\/code> \u201c-Paket \u00fcbernimmt den HTTP-Transport und die REST-API-Anfragen.<\/li>\n<\/ul>\n![\"Architekturdiagramm](\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/08\/wp-71-client-side-media-processing-architecture-overview.png\")
@wordpress\/video-conversion<\/code> \u201c-Paket \u00fcbernommen, das die Bibliothek \u201e mediabunny<\/code> \u201c<\/a> in einen Web Worker einbindet, um undurchsichtige GIFs (ohne transparenten Hintergrund) in kompakte Videodateien umzuwandeln.<\/p>\nsideload<\/code>, finalize<\/code> und replace_file<\/code>) sowie zwei neue Parameter: generate_sub_sizes<\/code> und convert_format<\/code>.<\/p>\n3. Was sind die Vorteile f\u00fcr WordPress-Nutzer?<\/h3>\n
\n
PHP memory limit exceeded<\/code>), die zuvor bei der Verarbeitung gro\u00dfer Bilddateien auftraten.<\/li>\nlibvips<\/code>-Bibliothek nutzt fortschrittliche Komprimierungsalgorithmen, die Bilder erzeugen, die im Durchschnitt etwa 15 % kleiner sind als die von GD oder Imagick generierten. Das f\u00fchrt zu schlankeren Bildern und schnelleren Ladezeiten.<\/li>\n4. Was \u00e4ndert sich f\u00fcr Entwickler?<\/h3>\n
wp_client_side_media_processing_enabled<\/code> \u201c deaktivieren. Hier ist ein Beispiel:<\/p>\nadd_filter( 'wp_client_side_media_processing_enabled', '__return_false' );<\/code><\/pre>\nwp_generate_attachment_metadata<\/code> \u201c wird beispielsweise zweimal ausgef\u00fchrt: zuerst beim ersten Upload (create<\/code>) und ein zweites Mal, nachdem der Finalisierungs-Endpunkt aufgerufen wurde (update<\/code>). Plugins, die diesen Filter nutzen, funktionieren weiterhin wie erwartet.<\/p>\nadd_image_size()<\/code> registriert wurden, nun clientseitig generiert. Wenn ein Theme eine Bildgr\u00f6\u00dfe mit Abmessungen definiert, die mit einer Standardgr\u00f6\u00dfe von WordPress identisch sind, werden die Bilder zu einer einzigen Bilddatei \u201ezusammengef\u00fchrt\u201c, die unter beiden Gr\u00f6\u00dfenbezeichnungen registriert ist.<\/p>\n5. Was sind die Vorteile f\u00fcr die Sicherheit?<\/h3>\n
SharedArrayBuffer<\/code><\/a>, ein JavaScript-Objekt, das es dem Hauptthread und den Web Workers erm\u00f6glicht, denselben Speicherbereich zu nutzen.<\/p>\nSharedArrayBuffer<\/code> \u201c zu gew\u00e4hren, aktiviert WordPress den Header<\/a> \u201e Document-Isolation-Policy: isolate-and-credentialless<\/code> \u201c. Dies bietet einen isolierten Ausf\u00fchrungskontext f\u00fcr den Block-Editor in Chromium-137+-Browsern (Chrome 137+ und Edge 137+).<\/p>\n6. Offizielle Ressourcen<\/h3>\n
\n
Verbesserungen bei den Notizen<\/h2>\n
![\"Notizen](\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/07\/wp-71-notes-formatting-options.png\")
![\"Ein](\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/07\/Screenshot-2026-07-20-alle-08.02.31.png\")
Verbesserungen an der Admin-Benutzeroberfl\u00e4che<\/h2>\n
\nPermanente Admin-Leiste im Beitrags- und Site-Editor<\/h3>\n
![\"Die](\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/07\/wp-71-admin-toolbar-in-post-editor.png\")
![\"Die](\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/07\/wp-71-admin-toolbar-in-site-editor.png\")
Das Farbschema des Benutzers wurde auf den Site-Editor ausgeweitet<\/h3>\n
![\"Die](\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/07\/wp-71-site-editor-ui.jpg\")
![\"Die](\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/08\/editor-toolbar-in-wp-70.png\")
![\"Die](\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/08\/wp-71-editor-toolbar.png\")
Befehlskategorien und verbesserte Benutzeroberfl\u00e4che der Befehlspalette<\/h3>\n
![\"Bereiche](\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/07\/wp-71-command-palette-sections.png\")
![\"Das](\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/07\/wp-71-command-palette-search-results.png\")
Bildschirm \u201eIdentit\u00e4t\u201c im Site-Editor<\/h3>\n
![\"Identit\u00e4tseinstellungen](\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/07\/identity-settings.png\")
Unendliches Scrollen f\u00fcr die Rasteransicht der Medienbibliothek<\/h3>\n
media_library_infinite_scrolling<\/code> \u201c zu aktivieren, der standardm\u00e4\u00dfig auf \u201e false<\/code> \u201c gesetzt war. Entwickler konnten die Standardeinstellung \u00e4ndern, indem sie die folgende Zeile in ihre Plugins einf\u00fcgten:<\/p>\nadd_filter( 'media_library_infinite_scrolling', '__return_true' );<\/code><\/pre>\nmedia_library_infinite_scrolling<\/code> \u201c auf \u201e true<\/code> \u201c gesetzt, was bedeutet, dass das unendliche Scrollen in der Rasteransicht der Medienbibliothek standardm\u00e4\u00dfig f\u00fcr alle Nutzer aktiv ist.<\/p>\n![\"Option](\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/07\/wp-71-disable-infinite-scrolling.png\")
infinite_scrolling<\/code> \u201c. Du kannst die Benutzereinstellung folgenderma\u00dfen abrufen:<\/p>\n$infinite_scrolling = get_user_option( 'infinite_scrolling', $user_id );<\/code><\/pre>\nKernbl\u00f6cke und Verbesserungen an Bl\u00f6cken<\/h2>\n
\nNeue Bl\u00f6cke \u201ePlaylist\u201c und \u201eTabs\u201c<\/h3>\n
![\"Der](\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/07\/wp-71-playlist-block.png\")
![\"Den](\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/07\/wp-71-playlist-block-customized.png\")
![\"Der](\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/07\/wp-71-tabs-block.jpg\")
Bearbeitbare Bl\u00f6cke innerhalb des \u201eBenutzerdefiniertes HTML\u201c-Blocks<\/h3>\n
![\"Der](\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/08\/wp-71-custom-html-block.png\")
innerContent<\/code> \u201c kannst du eine Variante des HTML-Code-Blocks registrieren, wie im folgenden Beispiel gezeigt:<\/p>\nwp.blocks.registerBlockVariation( 'core\/html', {\n\tname: 'custom-image-card',\n\ttitle: 'Custom image card',\n\tdescription: 'A custom HTML block with static header\/footer and an editable image.',\n\tinnerContent: [ \n\t\t'<h2>Static heading<\/h2>\\n', \n\t\tnull, \n\t\t'\\n<footer>Static footer<\/footer>' \n\t],\n\tinnerBlocks: [ \n\t\t[ \n\t\t\t'core\/image', \n\t\t\t{ \n\t\t\t\tid: 419,\n\t\t\t\tsizeSlug: 'medium',\n\t\t\t\tlinkDestination: 'none',\n\t\t\t\turl: 'https:\/\/example.com\/wp-content\/uploads\/...',\n\t\t\t\talt: ''\n\t\t\t} \n\t\t] \n\t],\n} );<\/code><\/pre>\nnull<\/code> \u201c unter \u201e innerContent<\/code> \u201c dient als Platzhalter f\u00fcr den Bildblock.<\/p>\ninnerContent<\/code> \u201c nur f\u00fcr den Block \u201eBenutzerdefiniertes HTML\u201c verf\u00fcgbar ist. Wenn du es auf Varianten anderer Bl\u00f6cke anwendest, hat das keine Wirkung.<\/p>\nVerbesserungen am SVG-Icon-System<\/h2>\n
Icons registrieren und deregistrieren<\/h3>\n
wp_register_icon_collection()<\/code> \u201c in die \u201einit\u201c-Aktion einbindest:<\/p>\nfunction custom_icons_register_icon_collection() {\n\twp_register_icon_collection(\n\t\t'my-icon-set',\n\t\tarray(\n\t\t\t'label' => __( 'My awesome icons', 'my-plugin' ),\n\t\t\t'description' => __( 'My personal set of icons.', 'my-plugin' ),\n\t\t)\n\t);\n}\nadd_action( 'init', 'custom_icons_register_icon_collection' );<\/code><\/pre>\nwp_unregister_icon_collection()<\/code> \u201c. Beim Entfernen einer Sammlung werden automatisch alle damit verbundenen Icons gel\u00f6scht.<\/p>\nwp_register_icon()<\/code> \u201c, wie im folgenden Beispiel gezeigt:<\/p>\nwp_register_icon(\n\t'my-icon-set\/motorbike',\n\tarray(\n\t\t'label' => __( 'Motorbike', 'my-plugin' ),\n\t\t'content' => '<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\">...<\/svg>',\n\t)\n);<\/code><\/pre>\n.svg<\/code> \u201c-Datei registrieren:<\/p>\nwp_register_icon(\n\t'my-icon-set\/motorbike',\n\tarray(\n\t\t'label' => __( 'Motorbike', 'my-plugin' ),\n\t\t'file_path' => plugin_dir_path( __FILE__ ) . 'icons\/motorbike.svg',\n\t)\n);<\/code><\/pre>\nwp_kses<\/code> ` bereinigt wird und derzeit nur die Elemente ` <svg><\/code> `, ` <path><\/code> ` und ` <polygon><\/code> ` zul\u00e4ssig sind. Alle anderen Elemente werden herausgefiltert, wobei die Zulassungsliste in Zukunft m\u00f6glicherweise um weitere Elemente und Attribute erweitert wird.<\/p>\nwp_unregister_icon()<\/code> ` verwenden.<\/p>\nAktualisierungen der Icon-Bibliothek und der Bl\u00f6cke<\/h3>\n
![\"Die](\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/07\/wp-71-icon-collection.png\"){kind=icon}
![\"Die](\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/07\/wp-71-custom-icon-collection.png\"){kind=icon}
![\"Icon-Block-Einstellungen](\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/07\/wp-71-icon-block.png\"){kind=icon}
Neue REST-API-Endpunkte f\u00fcr Symbole<\/h3>\n
GET \/wp\/v2\/icon-collections\nGET \/wp\/v2\/icon-collections\/<collection><\/code><\/pre>\nGET \/wp\/v2\/icons - Introduced with WordPress 7.0.\nGET \/wp\/v2\/icons\/<collection>\nGET \/wp\/v2\/icons\/<collection>\/<name><\/code><\/pre>\nNeue Design-Tools<\/h2>\n
\nUnterst\u00fctzung f\u00fcr Hintergrundverl\u00e4ufe<\/h3>\n
background.gradient<\/code> \u201c<\/a> sowie eine neue Admin-Oberfl\u00e4che f\u00fcr Hintergrundverl\u00e4ufe ein.<\/p>\n![\"Hintergrund](\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/08\/wp-71-background-gradient.jpg\")
background.gradient<\/code> \u201c standardm\u00e4\u00dfig f\u00fcr die Bl\u00f6cke \u201eGruppe\u201c, \u201eAkkordeon\u201c, \u201eZitat\u201c, \u201eBeitragsinhalt\u201c und \u201eZitat\u201c aktiviert. Theme-Entwickler k\u00f6nnen die Unterst\u00fctzung f\u00fcr \u201e background.gradient<\/code> \u201c in der Datei \u201eblock.json\u201c hinzuf\u00fcgen, indem sie eine \u201egradient\u201c-Eigenschaft unter \u201estyles.background\u201c oder blockweise einf\u00fcgen, wie im folgenden Code gezeigt:<\/p>\n{\n\t\"styles\": {\n\t\t\"background\": {\n\t\t\t\"gradient\": \"linear-gradient( 135deg, #1e3c72 0%, #2a5298 100% )\"\n\t\t},\n\t\t\"blocks\": {\n\t\t\t\"core\/group\": {\n\t\t\t\t\"background\": {\n\t\t\t\t\t\"gradient\": \"linear-gradient( 135deg, #f5f7fa 0%, #c3cf8d 100% )\"\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}<\/code><\/pre>\nUnterst\u00fctzung f\u00fcr Mindestbreite<\/h3>\n
minWidth<\/code> \u201c<\/a>. Diese erg\u00e4nzt die bereits vorhandene Unterst\u00fctzung f\u00fcr \u201e height<\/code> \u201c, \u201e minHeight<\/code> \u201c und \u201e width<\/code> \u201c und vervollst\u00e4ndigt damit die Palette der Design-Tools f\u00fcr Abmessungen.<\/p>\ntheme.json<\/code> \u201c hinzuf\u00fcgen, entweder durch Aktivieren der \u201eAppearance Tools\u201c oder durch Hinzuf\u00fcgen des Feldes \u201e dimensions.minWidth<\/code> \u201c unter \u201eEinstellungen\u201c:<\/p>\n{\n\t\"settings\": {\n\t\t\"dimensions\": {\n\t\t\t\"minWidth\": true\n\t\t}\n\t}\n}<\/code><\/pre>\n![\"Steuerung](\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/08\/wp-71-min-width.jpg\")
{\n\t\"styles\": {\n\t\t\"dimensions\": {\n\t\t\t\"minWidth\": \"400px\"\n\t\t},\n\t\t\"blocks\": {\n\t\t\t\"core\/group\": {\n\t\t\t\t\"dimensions\": {\n\t\t\t\t\t\"minWidth\": \"400px\"\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}<\/code><\/pre>\nminWidth<\/code> \u201c auf \u00e4hnliche Weise unter \u201e block.json<\/code> \u201c hinzuf\u00fcgen:<\/p>\n{\n\t\"supports\": {\n\t\t\"dimensions\": {\n\t\t\t\"minWidth\": true\n\t\t}\n\t}\n}<\/code><\/pre>\n__experimentalDefaultControls<\/code> \u201c \u00e4ndern. In den globalen Stilen ist die Steuerung standardm\u00e4\u00dfig sichtbar.<\/p>\nUnterst\u00fctzung f\u00fcr Textschatten in den globalen Stilen<\/h3>\n
text-shadow<\/code> \u201c in den \u201eGlobal Styles\u201c<\/a> ein. Bisher h\u00e4ttest du daf\u00fcr ein Plugin ben\u00f6tigt oder auf benutzerdefiniertes CSS zur\u00fcckgreifen m\u00fcssen.<\/p>\n