WordPress.org

La sortie de WordPress 5.3 est prévue le 12 novembre 2019 ! 💚

Dirigée par Matt Mullenweg, coordonnée par Francesca Marano et comptant pas moins de 3 contributeurs de la communauté francophone sur les 11 personnes de l’équipe de direction de cette version, la version 5.3 de WordPress sera axée autour d’améliorations graphiques de l’interface d’administration de WP, d’améliorations techniques à destination des développeurs et de l’évolution de l’éditeur Gutenberg.

Sans oublier les centaines de correctifs de bugs et petites améliorations diverses associées. Au total, ce sont donc 157 améliorations et nouvelles fonctionnalités et 366 corrections de bugs !

Dans cet article, nous vous proposons de parcourir les principaux changements à venir sur WordPress 5.3. En plus d’un panorama complet des modifications prévues, des liens vous sont proposés vers les notes de développement officielles de chaque évolution ou modification majeure.

Twenty Twenty, le nouveau thème par défaut de WordPress !

Nous reviendrons plus en détails sur ce nouveau thème dans un prochain article sur fr.wordpress.org, mais le travail réalisé est vraiment séduisant !

Ce thème est clairement conçu comme une vitrine des nouvelles fonctionnalités proposées par l’éditeur Gutenberg. Il utilise une police variable (une première pour un thème natif de WordPress), améliorant grandement les performances de chargement. Le thème peut très facilement être adapté pour des besoins très différents, et il existe déjà de nombreux exemples de sites qui l’utilisent en version beta.

Nous vous proposerons un panorama complet des fonctionnalités de Twenty Twenty dans un prochain article 🙂

Accessibilité

Sur les 50 tickets liés à l’accessibilité traités sur WP 5.3, les changements les plus notables concernent les évolutions CSS de l’interface d’administration, les améliorations des formulaires contenus dans la bibliothèque de médias, l’ajout de l’attribut aria-current="page" sur les widgets qui le nécessitent, et l’ajout automatique d’attributs aria-label pour certains menus de navigation qui le nécessitent.

Nous vous invitons à lire les notes de développement concernant ces modifications. Vous les trouverez listées ci-dessous.

Évolution des CSS de l’interface d’administration

Consulter la note de développement (en anglais) :

Noteworthy Admin CSS changes in WordPress 5.3

À noter que ces changements CSS sur l’interface d’administration ont fait l’objet d’une campagne de test des extensions les plus populaires du dépôt WordPress.org afin de s’assurer que celles-ci n’introduisent pas de problèmes de compatibilité majeurs sur les extensions existantes. Les résultats de ces tests ont été consignés dans cet article (en anglais) :

Report: WP 5.3 Admin CSS changes tested against top 20 plugins

Pour résumer, les auteurs d’extensions, de thèmes, ainsi que les développeuses et développeurs sont invités à :

• Ne pas utiliser de hauteur fixe sur les éléments de formulaires dans l’administration de WP : les hauteurs flexibles font partie des standards de code pour WordPress (et l’un des buts principaux de ces changements CSS à venir sur 5.3).
• Ne pas utiliser de valeur personnalisée pour le padding haut et bas des éléments de formulaires (celui-ci est flexible et calculé automatiquement en fonction du contenu).
• Ne pas utiliser de valeur personnalisée pour le line-height (interlignage).
• Si vous surchargez les styles des boutons pour leur donner une couleur d’arrière-plan différente, pensez à mettre à jour leur CSS pour surcharger également leur état focus et hover.

Attribut aria-current dans les widgets

Consulter la note de développement (en anglais) :

Core Widgets: new aria-current attribute in WordPress 5.3

Attribut aria-label dans la navigation entre page/articles/commentaires et types de publications personnalisés

Consulter la note de développement (en anglais) :

Use aria-label to ensure Posts and Comments navigation has proper context in WordPress 5.3

Éditeur (Gutenberg)

L’éditeur de WordPress a continué ses cycles d’itérations commencés avec WP 5.0. WordPress 5.3 intégrera la version 6.5 de Gutenberg, ce qui fait que douze nouvelles versions de Gutenberg seront directement intégrées dans WP 5.3 (les versions 5.4, 5.5, 5.6, 5.7, 5.8, 5.9, 6.0, 6.1, 6.2, 6.3, 6.4, et 6.5).

Les correctifs de bugs et améliorations de performances des versions  6.6 et 6.7 seront également intégrés.

Les changements majeurs :

• Le temps de chargement pour un article « géant » de 36 000 mots et environ 1000 blocs se charge maintenant en 1,5 secondes
• Une nouvelle API pour gérer les variations de styles des blocs côté serveur (en PHP donc)
• Le bloc groupe/section, permettant de définir différentes sections dans une publication et par exemple de leur appliquer un arrière-plan commun et de les manipuler ensemble
• Améliorations sur l’accessibilité de l’éditeur afin de corriger les problèmes remontés par l’audit indépendant d’accessibilité de Gutenberg réalisé au printemps 2019, avec notamment le mode « navigation » permettant une navigation clavier bien plus performante
• Améliorations sur le HTML/CSS généré par l’éditeur : noms de classes, gestion de l’alignement, gestion des colonnes, gestion des couleurs, gestion des blocs tableau et galerie, etc.

Nouvelles API concernant les blocs de l’éditeur sur WordPress 5.3

Consulter la note de développement (en anglais) :

New Block APIs in WordPress 5.3

WordPress 5.3 : mise à jour de l’éditeur concernant les thèmes

Consulter la note de développement (en anglais) :

Block Editor Theme-related updates in WordPress 5.3

Médias

Sur les 42 changements concernant les médias sur WP 5.3, notons la nouvelle façon de gérer les grosses images en les détectant pour générer une taille maximale optimisée pour le web, l’enregistrement des métadonnées au moment de la création des miniatures ou encore la possibilité d’obtenir une réorientation automatique des images portrait ou paysage en fonction des données exif fournies dans le fichier image par votre appareil photo.

Gestion des images « énormes »

Consulter la note de développement (en anglais) :

Introducing handling of big images in WordPress 5.3

Changements dans le traitement des images

Consulter la note de développement (en anglais) :

Updates to Image Processing in WordPress 5.3

Multisite

Sur les 15 changements concernant la gestion multisite dans WP 5.3, les plus notables sont ceux relatifs à l’optimisation de la base de données, les changements concernant WP_MS_Sites_List_Table, les retours sur le court-circuitage des classes de WP Multisite, et l’amélioration de performances sur l’obtention des informations des sites et réseaux de sites par ID.

Amélioration de l’écran de gestion du réseau de site

Consulter la note de développement (en anglais) :

Enhancements to the Network Sites Screen in WordPress 5.3

Modernisation du code et prise en charge de PHP 7.4

WordPress 5.3 prend d’ores et déjà en charge PHP 7.4, qui devrait sortir à la fin du mois de novembre !

En plus de supporter PHP 7.4, de nombreuses mises à jour du code source de WordPress ont été faites, afin de continuer sa modernisation. Par exemple, WordPress 5.3 utilise maintenant l’opérateur de décomposition (spread operator), et l’extension JSON native de PHP est maintenant utilisée pour faire tourner WordPress.

WordPress et PHP 7.4

Consulter la note de développement (en anglais) :

WordPress and PHP 7.4

PHP : introduction de l’opérateur de décomposition

Consulter la note de développement (en anglais) :

WP 5.3: Introducing the spread operator

L’extension JSON native de PHP est maintenant nécessaire

Consulter la note de développement (en anglais) :

PHP Native JSON Extension Now Required

API REST

Sur les 33 évolutions de l’API REST sur WordPress 5.3, notons l’enregistrement des métadonnées des tableaux et des objets, le filtrage des réponses groupées avec le paramètre de requête _fields, le fait de pouvoir remettre les publications en date de publication « flottante » (« floating date status »), et la meilleure pour la fin : une amélioration de 30 à 40% des performances sur les grosses requêtes sur l’API REST !

Pour en savoir plus :

The REST API in WordPress 5.3

Utilitaire de santé du site

Sur les 31 améliorations concernant l’état de santé du site, notons des changements concernant la graduation d’état de santé du site, les améliorations concernant la gestion des e-mails du mode de récupération, des changements sur filtres pour ajouter/modifier/supprimer les tests d’état de santé, et un nouvel écran de vérification de l’e-mail de l’administrateur du site.

Quoi de neuf sur l’utilitaire de santé de votre site ?

Consulter la note de développement (en anglais) :

What’s new in Site Health for WordPress 5.3

Vérification de l’e-mail de l’administrateur du site

Consulter la note de développement (en anglais) :

WordPress 5.3: Site Admin Email Verification Screen

Autres évolutions diverses à venir avec WordPress 5.3

Améliorations concernant la date et l’heure dans WordPress

De nombreuses améliorations sont prévues sur la gestion de la date, de l’heure, et des fuseaux horaires dans WP.

Consulter la note de développement (en anglais) :

Date/Time component improvements in WordPress 5.3

Modifications dans le but d’empêcher les moteurs de recherche d’indexer les sites ne souhaitant pas l’être

Cette modification fait suite à des changements concernant la prise en compte de noindex par les moteurs de recherche.

Consulter la note de développement (en anglais) :

Changes to prevent search engines indexing sites.

Prise en charge de l’attribut rel=UGC dans les liens hypertextes, et utilisation native au sein des commentaires

Ce changement fait suite à l’introduction de cette nouvelle valeur de l’attribut rel par Google.

Consulter la note de développement (en anglais) :

WP 5.3 introduces new functions to add UGC attribute to links, and implements it to comments

Changements dans la structure HTML de Twenty Nineteen

Quelques changements de structure HTML qui intéresseront les personnes utilisant Twenty Nineteen, surtout si vous avez surchargé sa feuille de styles CSS.

Consulter la note de développement (en anglais) :

Changes on Twenty Nineteen HTML structure in WordPress 5.3

Changement de la structure HTML générée par la fonction wp_die()

Consulter la note de développement (en anglais) :

Changes to wp_die() HTML output in WordPress 5.3

Des opérateurs de comparaison de clés de métadonnées étendus

Consulter la note de développement (en anglais) :

Expanded meta key comparison operators in 5.3

Mise à jour de la bibliothèque Backbone dans WP 5.3

Cette note de développement vous concerne si vous surchargez ou modifiez le comportement de la bibliothèque Backbone (qui sert notamment à la gestion des médias), car celle-ci à été mise à jour de la version 1.3.3 à 1.4.0.

WordPress 5.3: Backbone Upgrade Guide

Les slugs de menus composés uniquement d’un nombre entier ne sont plus supportés

De toute façon, cela n’était déjà pas recommandé pour des questions de lisibilité (et de logique), mais cet usage va maintenant renvoyer une notification « doing it wrong » aux développeurs.

Consulter la note de développement (en anglais) :

Integer menu slugs are no longer supported from WordPress 5.3

Un nouveau bouton « Afficher le mot de passe » dans l’écran de connexion à votre administration WP

Très souvent utilisé sur nombre d’applications web, WordPress adopte également un petit bouton permettant de visualiser le mot de passe que l’on est en train de saisir.

Consulter la note de développement (en anglais) :

WordPress 5.3 adds a “Show” button next to the password field on the login screen

Et pour finir, un petit florilège de modifications diverses

Miscellaneous Developer Focused Changes in 5.3

---

Pour rappel, la sortie de WordPress 5.3 est prévue le 12 novembre 2019. Vous pouvez d’ores et déjà la tester en version Release Candidate en installant l’extension officielle WordPress Beta Tester puis en allant dans ses réglages et cocher la case « Bleeding Edge » / version de développement puis en mettant à jour votre installation de façon classique.

WordPress Beta Tester

Merci à Wolforg, Marie Comet et Thomas Piron pour leur relecture attentive 💚