Responsive ontwerpen zonder code

Met WordPress 7.1 kun je zelf bepalen hoe blokken eruitzien op verschillende schermformaten, zoals mobiel, tablet en desktop. Dit kan direct in de editor, zonder dat je CSS hoeft te schrijven.

Nieuwe afbeeldingseditor

Afbeeldingen bewerken is eenvoudiger geworden. De nieuwe media-editor biedt:

• Vrij uitsnijden of werken met vaste verhoudingen
• Afbeeldingen draaien en spiegelen
• Metadata aanpassen
• Alle bewerkingen vanuit één centrale werkomgeving

De bekende knop ‘Bijsnijden’ blijft beschikbaar, maar opent nu de nieuwe editor.

Beheerbalk in alle editors

De beheerbalk blijft zichtbaar in alle editors. Hierdoor weet je altijd waar je bent binnen WordPress en kun je sneller navigeren.

Notities met opmaak en vermeldingen

Notities ondersteunen nu:

• Vetgedrukte en cursieve tekst
• Links en codefragmenten
• @vermeldingen van collega’s
• E-mailmeldingen bij vermeldingen

Je kunt notities toevoegen aan een specifiek stuk tekst en meerdere gesprekken voeren binnen hetzelfde blok.

Audio-afspeellijsten maken

Voeg eenvoudig meerdere audiobestanden toe aan een bericht of pagina. Je kunt daarbij een golfvorm weergeven die tijdens het afspelen zichtbaar is.

Eigen responsive instellingen

Ontwikkelaars kunnen nu zelf bepalen welke schermgroottes als mobiel of tablet worden gezien via theme.json. De ingestelde waarden worden automatisch gebruikt voor responsive stijlen.

Inhoud organiseren met tabbladen

Met het nieuwe Tabs-blok kun je informatie overzichtelijk verdelen over meerdere tabbladen. Hierdoor blijft een pagina rustig en goed leesbaar.

Eigen iconen toevoegen

Ontwikkelaars van thema’s en plugins kunnen hun eigen iconensets toevoegen aan de editor.

Snellere uploads van afbeeldingen

Afbeeldingen worden nu grotendeels verwerkt in de browser. Dit biedt verschillende voordelen:

• Snellere uploads
• Minder belasting van de server
• Kleinere bestanden voor bezoekers
• Ondersteuning voor AVIF, HEIC en HDR-afbeeldingen

Interactieve stijlen instellen

Je kunt nu direct in de editor bepalen hoe knoppen en navigatielinks eruitzien wanneer bezoekers:

• Met de muis over een element bewegen
• Een element selecteren
• Op een element klikken

Hiervoor is geen programmeercode nodig.

Verbeterde toegankelijkheid

WordPress 7.1 bevat diverse verbeteringen op het gebied van toegankelijkheid:

• Betere ondersteuning voor schermlezers
• Duidelijkere labels in het beheergebied
• Nieuwe toegankelijke tooltips
• Verbeterde navigatie binnen de editor

Download WordPress 7.1

Download de nieuwste versie via: WordPress downloaden

Belangrijkste verbeteringen

• Responsive ontwerpen zonder CSS
• Nieuwe afbeeldingseditor
• Notities met @vermeldingen
• Tabs voor het organiseren van content
• Snellere verwerking van afbeeldingen
• Interactieve stijlen zonder code
• Verbeterde toegankelijkheid