Adapter les blocs \u00e0 chaque \u00e9cran<\/h2>\n\n\n\n
WordPress 7.1 ajoute des contr\u00f4les de style responsive dans l\u2019\u00e9diteur de site. Vous pouvez d\u00e9finir l\u2019apparence d\u2019un bloc selon la taille de l\u2019\u00e9cran, soit depuis les styles globaux, soit dans les r\u00e9glages du bloc, sans \u00e9crire de CSS personnalis\u00e9.<\/p>\n\n\n\n
Les options de style responsive s\u2019ajoutent aux r\u00e9glages existants qui affichent ou masquent les blocs. L\u2019\u00e9diteur propose aussi un aper\u00e7u \u00e0 plusieurs tailles de viewport pendant la conception, ce qui permet de v\u00e9rifier directement l\u2019adaptation des mises en page aux diff\u00e9rents appareils.<\/p>\n\n\n\n La barre d\u2019administration accompagne d\u00e9sormais vos d\u00e9placements dans tous les \u00e9diteurs. Elle conserve ainsi les outils habituels et les rep\u00e8res de navigation, que vous \u00e9criviez une publication ou modifiiez la conception du site.<\/p>\n\n\n\n WordPress ajuste \u00e9galement l\u00e9g\u00e8rement son rendu visuel afin d\u2019unifier davantage cette exp\u00e9rience entre le tableau de bord et les \u00e9diteurs.<\/p>\n\n\n\n Le bouton \u00ab\u00a0Recadrer\u00a0\u00bb ouvre toujours l\u2019outil d\u2019\u00e9dition des images, mais WordPress le pr\u00e9sente maintenant dans une fen\u00eatre d\u00e9di\u00e9e plut\u00f4t que dans l\u2019interface de recadrage int\u00e9gr\u00e9e pr\u00e9c\u00e9dente. Ce flux centralise les op\u00e9rations li\u00e9es \u00e0 l\u2019image.<\/p>\n\n\n\n Vous pouvez recadrer librement ou selon un ratio, retourner l\u2019image horizontalement ou verticalement, r\u00e9gler pr\u00e9cis\u00e9ment sa rotation ou l\u2019aligner par incr\u00e9ments, puis modifier ses m\u00e9tadonn\u00e9es au m\u00eame endroit.<\/p>\n\n\n\n Les notes prennent d\u00e9sormais en charge le texte enrichi et les mentions. Vous pouvez mettre du texte en gras ou en italique, ins\u00e9rer du code ou des liens, puis saisir Vous pouvez attacher une note \u00e0 une s\u00e9lection de texte, et non plus seulement \u00e0 un bloc entier. Un m\u00eame bloc peut h\u00e9berger plusieurs conversations, tandis que les longues notes se replient pour conserver une marge lisible pendant la relecture.<\/p>\n\n\n\n WordPress compresse, redimensionne et g\u00e9n\u00e8re maintenant les miniatures des images dans le navigateur. Le serveur traite donc moins de donn\u00e9es, les fichiers produits sont plus petits et les envois volumineux \u00e9vitent les limites de m\u00e9moire PHP ainsi que les d\u00e9lais d\u2019expiration.<\/p>\n\n\n\n Le traitement s\u2019appuie sur une compilation WebAssembly de libvips. WordPress 7.1 prend aussi en charge nativement les images AVIF et HEIC, ainsi que les gain maps HDR, des formats que produisent d\u00e9j\u00e0 les appareils photo et t\u00e9l\u00e9phones r\u00e9cents.<\/p>\n\n\n\n Le nouveau bloc Playlist rassemble plusieurs pistes audio dans une m\u00eame liste de lecture. Vous pouvez ajouter une forme d\u2019onde facultative pour donner aux auditeurs un rep\u00e8re visuel pendant la lecture de chaque piste.<\/p>\n\n\n\n Les th\u00e8mes de blocs peuvent maintenant d\u00e9finir leurs propres points de rupture mobile et tablette dans Le nouveau bloc Onglets organise des contenus li\u00e9s dans des panneaux \u00e0 onglets. Il \u00e9vite d\u2019afficher toutes les informations simultan\u00e9ment et r\u00e9duit ainsi l\u2019encombrement d\u2019une page.<\/p>\n\n\n\n Vous pouvez enrichir la biblioth\u00e8que d\u2019ic\u00f4nes de WordPress avec vos propres collections. Elles deviennent disponibles dans l\u2019ensemble de l\u2019\u00e9diteur aux c\u00f4t\u00e9s de la biblioth\u00e8que int\u00e9gr\u00e9e, notamment pour le bloc Ic\u00f4ne.<\/p>\n\n\n\n Les contr\u00f4les de style de l\u2019\u00e9diteur permettent maintenant de d\u00e9finir les \u00e9tats L\u2019\u00e9diteur de publications s\u2019ex\u00e9cute d\u00e9sormais enti\u00e8rement dans une iframe, comme l\u2019\u00e9diteur de site. Son canevas reste s\u00e9par\u00e9 de l\u2019interface d\u2019administration, ce qui emp\u00eache les styles d\u2019administration d\u2019interf\u00e9rer avec le contenu.<\/p>\n\n\n\n Les unit\u00e9s relatives au viewport et les media queries ciblent directement ce canevas. Les mises en page responsives se comportent donc de mani\u00e8re plus pr\u00e9visible pendant la conception, avec une exp\u00e9rience coh\u00e9rente quel que soit le th\u00e8me.<\/p>\n\n\n\n L\u2019API d\u2019ic\u00f4nes SVG devient une API publique. Elle permet d\u2019enregistrer des collections et des ic\u00f4nes, puis de les r\u00e9utiliser dans l\u2019\u00e9diteur avec L\u2019Abilities API enrichit l\u2019infrastructure introduite dans WordPress 6.9 avec un cycle d\u2019ex\u00e9cution filtrable, une validation personnalis\u00e9e et une d\u00e9couverte partag\u00e9e. Ces ajouts simplifient la cr\u00e9ation d\u2019int\u00e9grations et d\u2019automatisations au-dessus de WordPress, y compris des outils qui s\u2019appuient sur l\u2019IA.<\/p>\n\n\n\n Un nouveau Design System apporte une base pour th\u00e9matiser les interfaces d\u2019administration WordPress. Il couvre notamment les couleurs, l\u2019arrondi et les styles de curseur.<\/p>\n\n\n\n Les d\u00e9veloppeurs peuvent employer des design tokens s\u00e9mantiques et le composant React Les auteurs de th\u00e8mes acc\u00e8dent aux styles responsives et aux pseudo-\u00e9tats WordPress 7.1 ajoute les fonctions Les lecteurs d\u2019\u00e9cran b\u00e9n\u00e9ficient de libell\u00e9s plus explicites et d\u2019une navigation plus pr\u00e9visible dans les tableaux de listes de publications. Les blocs Onglets et Playlist, ainsi que les am\u00e9liorations de navigation et d\u2019interaction dans l\u2019\u00e9diteur, compl\u00e8tent ce travail d\u2019accessibilit\u00e9.<\/p>\n\n\n\n La conversion facultative des GIF en vid\u00e9os produit g\u00e9n\u00e9ralement des fichiers plus petits. Des indicateurs de progression et des tentatives automatiques renforcent aussi la fiabilit\u00e9 des envois lorsque la connexion se coupe.<\/p>\n\n\n\n La biblioth\u00e8que de m\u00e9dias active par d\u00e9faut le d\u00e9filement infini. Chaque utilisateur peut toutefois revenir \u00e0 la pagination dans ses propres r\u00e9glages.<\/p>\n\n\n\n Les h\u00e9bergeurs et propri\u00e9taires de sites peuvent d\u00e9finir les valeurs par d\u00e9faut du chargement sp\u00e9culatif \u00e0 l\u2019aide de variables d\u2019environnement ou de constantes. Ils configurent ainsi la mani\u00e8re dont WordPress pr\u00e9charge les pages sans d\u00e9velopper d\u2019extension.<\/p>\n\n\n\n T\u00e9l\u00e9chargez WordPress 7.1, puis v\u00e9rifiez vos th\u00e8mes de blocs, vos styles responsives et les interfaces d\u2019administration personnalis\u00e9es avant le d\u00e9ploiement. Consultez aussi les notes de version<\/a> pour l\u2019installation, les am\u00e9liorations, les corrections, les ressources d\u2019apprentissage et la liste des fichiers modifi\u00e9s.<\/p>\n\n\n\n Le Field Guide de WordPress 7.1<\/a> d\u00e9taille les changements destin\u00e9s aux d\u00e9veloppeurs. Pour explorer les fonctionnalit\u00e9s depuis l\u2019interface, les ressources de Learn WordPress<\/a> proposent des vid\u00e9os pratiques, des ateliers interactifs et des plans de cours.<\/p>\n\n\n\n Vous pouvez \u00e9galement parcourir la pr\u00e9sentation des fonctionnalit\u00e9s de WordPress 7.1<\/a> pour visualiser l\u2019ensemble des nouveaut\u00e9s de cette version.<\/p>\n\n\n![\"R\u00e9glages](\"https:\/\/helloblog.io\/app\/uploads\/sites\/4\/2026\/08\/Apply-responsive-styles.jpg\")
Retrouver la barre d\u2019administration dans tous les \u00e9diteurs<\/h2>\n\n\n\n
![\"Barre](\"https:\/\/helloblog.io\/app\/uploads\/sites\/4\/2026\/08\/Admin-bar-now-in-every-editor-1024x632-1.jpg\")
\u00c9diter les images dans une fen\u00eatre d\u00e9di\u00e9e<\/h2>\n\n\n\n
![\"Fen\u00eatre](\"https:\/\/helloblog.io\/app\/uploads\/sites\/4\/2026\/08\/A-new-way-to-crop.png\")
Collaborer avec des notes plus pr\u00e9cises<\/h2>\n\n\n\n
@<\/code> pour mentionner un collaborateur et le notifier.<\/p>\n\n\n\n![\"Notes](\"https:\/\/helloblog.io\/app\/uploads\/sites\/4\/2026\/08\/Inline-notes-with-mentions-and-rich-text.jpg\")
Traiter davantage de m\u00e9dias dans le navigateur<\/h2>\n\n\n\n
![\"Prise](\"https:\/\/helloblog.io\/app\/uploads\/sites\/4\/2026\/08\/More-image-formats-with-faster-uploads.png\")
Utiliser les nouveaux blocs et contr\u00f4les de pr\u00e9sentation<\/h2>\n\n\n\n
Cr\u00e9er des playlists<\/h3>\n\n\n\n
![\"Bloc](\"https:\/\/helloblog.io\/app\/uploads\/sites\/4\/2026\/08\/Create-playlists.jpg\")
D\u00e9finir les points de rupture dans theme.json<\/h3>\n\n\n\n
theme.json<\/code>. Ces valeurs remplacent les valeurs par d\u00e9faut utilis\u00e9es par les styles responsives et par la visibilit\u00e9 des blocs.<\/p>\n\n\n\n![\"Configuration](\"https:\/\/helloblog.io\/app\/uploads\/sites\/4\/2026\/08\/Customize-responsive-breakpoints.png\")
Organiser du contenu en onglets<\/h3>\n\n\n\n
![\"Bloc](\"https:\/\/helloblog.io\/app\/uploads\/sites\/4\/2026\/08\/Organize-with-tabs-scaled-1.jpg\")
Ajouter des ic\u00f4nes personnalis\u00e9es<\/h3>\n\n\n\n
![\"Ajout](\"https:\/\/helloblog.io\/app\/uploads\/sites\/4\/2026\/08\/Add-custom-icons.jpg\"){kind=icon}
D\u00e9finir les \u00e9tats interactifs des boutons<\/h3>\n\n\n\n
hover<\/code>, focus<\/code> et active<\/code> du bloc Bouton. Vous pouvez r\u00e9gler ces styles pour un seul bouton ou les appliquer \u00e0 tous les boutons.<\/p>\n\n\n\n![\"R\u00e9glages](\"https:\/\/helloblog.io\/app\/uploads\/sites\/4\/2026\/08\/Set-interactive-styles.jpg\")
Rendre le canevas d\u2019\u00e9dition plus fiable<\/h2>\n\n\n\n
\u00c9tendre WordPress avec les nouvelles API<\/h2>\n\n\n\n
Enregistrer des ic\u00f4nes SVG<\/h3>\n\n\n\n
wp_register_icon_collection()<\/code>, wp_register_icon()<\/code> et wp_get_icon()<\/code>.<\/p>\n\n\n\nAutomatiser avec l\u2019Abilities API<\/h3>\n\n\n\n
Harmoniser les interfaces d\u2019administration<\/h3>\n\n\n\n
ThemeProvider<\/code> afin de construire des interfaces d\u2019administration personnalis\u00e9es coh\u00e9rentes avec l\u2019environnement WordPress.<\/p>\n\n\n\n\u00c9tendre les th\u00e8mes et les vues de donn\u00e9es<\/h3>\n\n\n\n
hover<\/code>, focus<\/code>, focus-visible<\/code> et active<\/code> via theme.json<\/code>. De nouveaux filtres permettent \u00e9galement de configurer les \u00e9crans DataViews et DataForm qui alimentent les vues Pages, Mod\u00e8les, Parties et Compositions dans l\u2019\u00e9diteur de site.<\/p>\n\n\n\nAm\u00e9liorer l\u2019accessibilit\u00e9<\/h2>\n\n\n\n
wp_get_tooltip()<\/code> et wp_get_toggletip()<\/code> pour proposer des infobulles accessibles dans davantage de zones de l\u2019administration. Elles concernent notamment les bo\u00eetes de m\u00e9tadonn\u00e9es des publications et l\u2019\u00e9cran de connexion.<\/p>\n\n\n\nConfigurer les am\u00e9liorations de performance<\/h2>\n\n\n\n
Pr\u00e9parer votre mise \u00e0 jour vers 7.1<\/h2>\n\n\n\n