WordPress 7.1, met de codenaam “Mary Lou”, is een release van het open source contentmanagementsysteem WordPress. De versie richt zich op responsieve vormgeving, mediabewerking, samenwerking en een consistentere bediening van de editor.
De veranderingen zijn relevant voor websitebeheerders, redacteuren, ontwerpers en ontwikkelaars. Veel handelingen waarvoor eerder aangepaste CSS of aanvullende oplossingen nodig waren, kunnen nu rechtstreeks binnen WordPress worden uitgevoerd.
Je leest welke functies zijn toegevoegd, hoe de vernieuwde mediaworkflow werkt en wat er verandert voor toegankelijkheid en prestaties. Ook komen praktische aandachtspunten voor updates, thema’s en plugins aan bod.
Wat is WordPress 7.1 “Mary Lou”?
WordPress 7.1 is vernoemd naar Mary Lou Williams, een invloedrijke jazzpianist, arrangeur en componist. Haar werk ontwikkelde zich door verschillende jazzperioden heen, waaronder swing, bebop en sacred jazz. WordPress verbindt haar vermogen tot vernieuwing en samenwerking aan het uitgangspunt van deze release.
De kern van versie 7.1 bestaat uit verbeteringen aan de beheeromgeving, blokeditor, Site Editor en mediabibliotheek. De release voegt daarnaast nieuwe blokken en ontwikkelaarsfuncties toe. Het gaat dus niet om één grote wijziging, maar om een combinatie van nieuwe mogelijkheden en verfijningen van bestaande werkprocessen.
Voor een bestaande website blijft de praktische impact afhankelijk van het gebruikte thema, de actieve plugins en de manier waarop de site is opgebouwd. Een blokthema kan bijvoorbeeld meer profiteren van de nieuwe responsieve instellingen dan een klassiek thema.
Hoe werken de nieuwe responsieve stijlen?
WordPress 7.1 laat je het uiterlijk van blokken aanpassen aan verschillende schermformaten zonder daarvoor zelf CSS te schrijven. De responsieve instellingen zijn beschikbaar via Global Styles en via de instellingen van afzonderlijke blokken.
Een blok kan daardoor op een mobiel scherm andere stijlwaarden gebruiken dan op een groter beeldscherm. Tijdens het bewerken kun je verschillende viewportformaten bekijken. Zo zie je eerder of tekst, afbeeldingen en andere onderdelen goed op elkaar aansluiten.
Blokthema’s kunnen via theme.json eigen breekpunten voor mobiele apparaten en tablets definiëren. Deze waarden hebben invloed op responsieve stijlen en de zichtbaarheid van blokken. Themaontwikkelaars moeten daarom duidelijk bepalen welke schermbreedtes bij hun ontwerp passen. Controleer wijzigingen altijd op echte apparaten, omdat een voorbeeldweergave niet iedere browser en schermverhouding volledig nabootst.
Wat verandert er in de editor en samenwerking?
De beheerbalk blijft in WordPress 7.1 zichtbaar wanneer je tussen de verschillende editors beweegt. Hierdoor blijven bekende navigatieopties bereikbaar tijdens het schrijven van een bericht of aanpassen van het siteontwerp.
De berichteditor werkt voortaan voor alle thema’s volledig binnen een iframe, zoals de Site Editor dat al deed. Het bewerkingscanvas staat daarmee los van de beheerinterface. Stijlen uit het beheergedeelte beïnvloeden de inhoud minder snel, terwijl media queries en eenheden op basis van de viewport op het canvas worden toegepast. Dat zorgt voor voorspelbaarder gedrag tijdens het ontwerpen.
Notities kunnen nu aan specifieke tekst worden gekoppeld in plaats van uitsluitend aan een compleet blok. Ze ondersteunen opgemaakte tekst, links en vermeldingen met het teken @. Ook kunnen meerdere gesprekken bij hetzelfde blok bestaan. Deze uitbreiding helpt vooral wanneer redacteuren en andere betrokkenen gezamenlijk teksten beoordelen.
Welke verbeteringen krijgt mediabewerking?
WordPress 7.1 brengt uitsnijden, spiegelen, roteren en het bewerken van metadata samen in een afzonderlijke media editor. De bekende knop voor uitsnijden blijft het startpunt, maar opent een uitgebreidere workflow.
Je kunt afbeeldingen vrij uitsnijden of een vaste beeldverhouding gebruiken. Horizontaal en verticaal spiegelen is eveneens mogelijk. Voor rotatie zijn zowel nauwkeurige instellingen als vaste stappen beschikbaar. Hierdoor hoef je voor veel eenvoudige correcties niet eerst een extern beeldbewerkingsprogramma te openen.
Compressie, schalen en het genereren van miniaturen vinden in de browser plaats via een WebAssembly uitvoering van libvips. Dat vermindert de verwerking op de webserver en helpt problemen door PHP geheugenlimieten of time outs bij grotere uploads te voorkomen. WordPress 7.1 ondersteunt daarnaast AVIF, HEIC en HDR gain maps. Of iedere bezoeker een beeldformaat kan weergeven, blijft afhankelijk van de gebruikte browser en het apparaat.
Welke nieuwe blokken en ontwerpopties zijn toegevoegd?
WordPress 7.1 introduceert de blokken Playlist en Tabs. Het Playlist blok groepeert meerdere audiotracks en kan optioneel een golfvorm tonen. Het Tabs blok verdeelt gerelateerde inhoud over tabbladen, zodat niet alle informatie tegelijkertijd zichtbaar hoeft te zijn.
Knopblokken krijgen afzonderlijke stijlinstellingen voor hover, focus en actieve toestanden. Je kunt zulke stijlen voor één knop of voor alle knoppen instellen. Vooral de focusstatus is belangrijk voor bezoekers die een website met het toetsenbord bedienen.
Ontwikkelaars kunnen via de openbare SVG Icon API eigen pictogramcollecties registreren en beschikbaar maken in de editor. De functies wp_register_icon_collection(), wp_register_icon() en wp_get_icon() ondersteunen deze toepassing. Een nieuw Design System biedt daarnaast semantische ontwerptokens en een ThemeProvider component voor consistentere aangepaste beheerinterfaces.
Wat betekenen de wijzigingen voor prestaties en toegankelijkheid?
De prestatieverbeteringen richten zich onder meer op uploads en de mediabibliotheek. Uploads tonen voortgang en kunnen na een verbroken verbinding automatisch opnieuw worden geprobeerd. Een optionele omzetting van GIF naar video kan kleinere bestanden opleveren. De mediabibliotheek gebruikt standaard doorlopend laden, waarbij een gebruiker kan terugschakelen naar paginering.
Voor toegankelijkheid voegt WordPress functies voor toegankelijke tooltips en toggletips toe. Schermlezers krijgen duidelijkere labels en voorspelbaardere navigatie in onder meer berichtlijsten. Ook de nieuwe Tabs en Playlist blokken maken deel uit van de bredere toegankelijkheidsverbeteringen.
Controleer vóór een update of jouw thema en plugins geschikt zijn voor WordPress 7.1 en maak een recente back-up. Test belangrijke formulieren, navigatie, media en aangepaste editorfuncties bij voorkeur eerst in een aparte testomgeving. Bij een nieuwe website kun je een WordPress website maken en hosting kiezen die past bij het verwachte gebruik. Flexahosting biedt hiervoor WordPress webhosting met een omgeving voor het publiceren en beheren van jouw website.
