Responsieve stijlen in de Site Editor<\/h2>\n\n\n\n
Je kunt blocks nu voor verschillende schermgroottes stijlen vanuit Globale stijlen of vanuit de instellingen van een afzonderlijk block. Daarvoor hoef je geen eigen CSS meer te schrijven. Wissel tijdens het ontwerpen tussen viewportformaten om direct te zien hoe je layout zich aanpast aan verschillende schermen.<\/p>\n\n\n\n De WordPress-adminbalk volgt je voortaan door alle editors. Daardoor houd je tijdens het schrijven van een bericht en het aanpassen van het siteontwerp toegang tot dezelfde vertrouwde navigatie en tools. De balk kreeg ook kleine visuele verbeteringen.<\/p>\n\n\n\n De nieuwe media-editor vervangt de eerdere inline tool voor bijsnijden. De bekende knop Bijsnijden<\/strong> opent nog steeds de bewerking, maar je werkt nu in een apart venster. Daar combineer je vrij bijsnijden en bijsnijden op beeldverhouding met horizontaal of verticaal spiegelen, nauwkeurig of vast roteren en het bewerken van metadata.<\/p>\n\n\n\n Notities ondersteunen rich text en Meerdere gesprekken kunnen naast elkaar op hetzelfde block blijven bestaan. Klap langere notities in om de marge overzichtelijk te houden. Daarmee ondersteunt de editor beter het heen-en-weer tijdens gezamenlijke contentreviews.<\/p>\n\n\n\n WordPress comprimeert, schaalt en maakt thumbnails nu in de browser. Dat verlaagt de belasting van je server en levert kleinere bestanden op, zonder tegen PHP-geheugenlimieten of uploadtimeouts aan te lopen. De browserverwerking gebruikt een WebAssembly-build van libvips.<\/p>\n\n\n\n De mediaverwerking ondersteunt ook AVIF, HEIC en HDR gain maps rechtstreeks. Daarmee kan WordPress overweg met beeldformaten die moderne camera\u2019s en telefoons al produceren.<\/p>\n\n\n\n Met het nieuwe Playlist-block breng je meerdere audiotracks samen in \u00e9\u00e9n afspeellijst. Je kunt optioneel een waveform tonen, zodat luisteraars tijdens het afspelen een visuele indruk van iedere track krijgen.<\/p>\n\n\n\n Blockthema\u2019s kunnen in Het nieuwe Tabs-block verdeelt gerelateerde content over panelen met tabs. Zo toon je niet alle informatie tegelijk en houd je een pagina overzichtelijker.<\/p>\n\n\n\n Ontwikkelaars kunnen de iconenbibliotheek van WordPress uitbreiden met eigen collecties. Die aangepaste iconen worden vervolgens naast de ingebouwde bibliotheek beschikbaar in de hele editor.<\/p>\n\n\n\n Stel voor Button-blocks aparte stijlen in voor de staten hover, focus en active. Pas die stijlen toe op \u00e9\u00e9n knop of op alle knoppen, rechtstreeks vanuit de stijlopties van de editor.<\/p>\n\n\n\n De berichteditor draait nu voor alle thema\u2019s volledig in een iframe, net als de Site Editor. Het bewerkingscanvas staat daardoor los van de WordPress-admininterface en adminstijlen be\u00efnvloeden je content niet meer. Viewportrelatieve eenheden en media queries richten zich direct op het canvas, waardoor responsieve layouts tijdens het bouwen voorspelbaarder werken.<\/p>\n\n\n\n De SVG Icon API is nu een publieke API. Registreer eigen iconencollecties en afzonderlijke iconen en gebruik ze overal in de editor met De Abilities API bouwt voort op de infrastructuur uit WordPress 6.9. De API krijgt een filterbare uitvoeringslevenscyclus, eigen validatie en gedeelde discovery. Daardoor kun je eenvoudiger integraties en automatisering op WordPress bouwen, waaronder tooling met AI.<\/p>\n\n\n\n Een nieuw Design System legt een basis voor het thematiseren van WordPress-admininterfaces. Het ondersteunt kleuren, afrondingen en cursorstijlen. Gebruik semantische designtokens en de React-component Themaontwikkelaars krijgen via De functies Schermlezers krijgen duidelijkere labels en een voorspelbaardere navigatie in berichtlijsten. Het Tabs-block, het Playlist-block en verbeteringen aan navigatie en interactie in de editor dragen ook bij aan de toegankelijkheid van deze release.<\/p>\n\n\n\n Je kunt GIF-naar-video-conversie inschakelen om doorgaans kleinere bestanden te produceren. Uploads tonen voortgang en proberen automatisch opnieuw verbinding te maken wanneer die wegvalt. Daardoor blijven uploads robuuster bij instabiele verbindingen.<\/p>\n\n\n\n De mediabibliotheek gebruikt standaard oneindig scrollen. Elke gebruiker kan in de eigen instellingen terugschakelen naar paginering. Hosts en site-eigenaren kunnen standaardwaarden voor speculatief laden via omgevingsvariabelen of constanten instellen, zodat WordPress pagina\u2019s vooraf ophaalt zonder dat je daarvoor een plugin schrijft.<\/p>\n\n\n\n Bekijk de release notes van WordPress 7.1<\/a> voor installatie-informatie, verbeteringen, opgeloste problemen en gewijzigde bestanden. Raadpleeg als ontwikkelaar ook de WordPress 7.1 Field Guide<\/a> met uitgebreide technische notities.<\/p>\n\n<\/div>\n\n\n\n Werk je WordPress-installatie bij naar 7.1 nadat je back-up en compatibiliteit van thema\u2019s en plugins hebt gecontroleerd. Verken daarna de nieuwe mogelijkheden in de feature showcase van WordPress 7.1<\/a> of via Learn WordPress<\/a>, met how-to-video\u2019s, interactieve workshops en lesplannen.<\/p>\n\n\n![\"Responsieve](\"https:\/\/helloblog.io\/app\/uploads\/sites\/7\/2026\/08\/Apply-responsive-styles.jpg\")
De adminbalk blijft zichtbaar in elke editor<\/h2>\n\n\n\n
![\"De](\"https:\/\/helloblog.io\/app\/uploads\/sites\/7\/2026\/08\/Admin-bar-now-in-every-editor-1024x632-1.jpg\")
Afbeeldingen bewerken vanuit \u00e9\u00e9n venster<\/h2>\n\n\n\n
![\"Nieuwe](\"https:\/\/helloblog.io\/app\/uploads\/sites\/7\/2026\/08\/A-new-way-to-crop.png\")
Notities op tekst met vermeldingen en opmaak<\/h2>\n\n\n\n
@<\/code>-vermeldingen. Maak tekst vet, cursief of als code, voeg links toe en vermeld een samenwerker om diegene een melding te sturen. Je kunt een notitie bovendien aan een specifiek tekstdeel koppelen, in plaats van alleen aan een volledig block.<\/p>\n\n\n\n![\"Rich-textnotities](\"https:\/\/helloblog.io\/app\/uploads\/sites\/7\/2026\/08\/Inline-notes-with-mentions-and-rich-text.jpg\")
Snellere media en moderne afbeeldingsformaten<\/h2>\n\n\n\n
![\"Ondersteuning](\"https:\/\/helloblog.io\/app\/uploads\/sites\/7\/2026\/08\/More-image-formats-with-faster-uploads.png\")
Nieuwe blocks en fijnere ontwerpcontrole<\/h2>\n\n\n\n
Maak afspeellijsten<\/h3>\n\n\n\n
![\"Playlist-block](\"https:\/\/helloblog.io\/app\/uploads\/sites\/7\/2026\/08\/Create-playlists.jpg\")
Bepaal breakpoints vanuit je blockthema<\/h3>\n\n\n\n
theme.json<\/code> eigen breakpoints voor mobiel en tablet vastleggen. Die waarden overschrijven de standaardwaarden voor responsieve stijlen en blockzichtbaarheid.<\/p>\n\n\n\n![\"Instellingen](\"https:\/\/helloblog.io\/app\/uploads\/sites\/7\/2026\/08\/Customize-responsive-breakpoints.png\")
theme.json<\/code>. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\nOrden content met tabs<\/h3>\n\n\n\n
![\"Tabs-block](\"https:\/\/helloblog.io\/app\/uploads\/sites\/7\/2026\/08\/Organize-with-tabs-scaled-1.jpg\")
Voeg eigen iconen toe<\/h3>\n\n\n\n
![\"Eigen](\"https:\/\/helloblog.io\/app\/uploads\/sites\/7\/2026\/08\/Add-custom-icons.jpg\"){kind=icon}
Stijl knopinteracties<\/h3>\n\n\n\n
![\"Interactieve](\"https:\/\/helloblog.io\/app\/uploads\/sites\/7\/2026\/08\/Set-interactive-styles.jpg\")
Een consistenter bewerkingscanvas<\/h2>\n\n\n\n
Nieuwe mogelijkheden voor ontwikkelaars<\/h2>\n\n\n\n
wp_register_icon_collection()<\/code>, wp_register_icon()<\/code> en wp_get_icon()<\/code>.<\/p>\n\n\n\nThemeProvider<\/code> om eigen admininterfaces consistenter te maken zonder dat ze vreemd aanvoelen binnen WordPress.<\/p>\n\n\n\ntheme.json<\/code> responsieve styling en pseudostaten voor hover, focus, focus-visible en active. Nieuwe filters maken het ook mogelijk om de schermen van DataViews en DataForm te configureren die in de Site Editor pagina\u2019s, templates, templateonderdelen en patronen aansturen.<\/p>\n\n\n\nToegankelijkheid in core en editor<\/h2>\n\n\n\n
wp_get_tooltip()<\/code> en wp_get_toggletip()<\/code> maken toegankelijke tooltips beschikbaar op meer plekken in de WordPress-admin. Je kunt ze onder meer gebruiken in postmetaboxen en op het inlogscherm.<\/p>\n\n\n\nUploads en navigatie presteren beter<\/h2>\n\n\n\n
Verdiep je v\u00f3\u00f3r je update<\/h4>\n\n\n