WordPress 5.9 : Un aperçu approfondi sur la modification complète du site

WordPress 5.9 apportera de nouvelles fonctionnalités et améliorations qui faciliteront encore plus la personnalisation complète du site. Le lancement de cette nouvelle version était le 25 janvier 2022.

La version stable précédente, WordPress 5.8, poussait déjà la modification complète du site avec l’intégration de l’éditeur de blocs Gutenberg pour la construction des articles et des pages. La version 5.9 poussera la fonctionnalité encore plus loin en introduisant un éditeur de thème basé sur des blocs ainsi que d’autres fonctionnalités et changements.

Cet article abordera les nouvelles fonctionnalités, les changements et les corrections de bogues de cette version principale. La version bêta de WordPress 5.9 est actuellement disponible pour être testée, vous pouvez donc l’essayer sur un site de test pour voir ce qui va arriver.

Un aperçu rapide des nouvelles fonctionnalités et des changements

Les nouvelles fonctionnalités et les améliorations apportées à la conception et à l’interface utilisateur visent à rendre possible la conception de sites Web intrinsèques à l’aide de WordPress. WordPress 5.9 offrira les fonctionnalités suivantes :

• L’éditeur de blocs de thèmes – une nouvelle façon de personnaliser les thèmes WordPress.
• Améliorations de la conception et de l’interface utilisateur – nouvelles fonctionnalités pour l’éditeur de blocs, telles que l’affichage en liste repliable et le mode focus.
• Interface de styles globaux – une nouvelle interface de conception cohérente pour modifier les styles globaux du thème.
• Pattern – un ensemble de blocs qui vous permettent de créer une nouvelle section de page en quelques clics.
• Outils de design – diverses nouvelles options de design.
• Thème Twenty-Twenty Two – un nouveau thème par défaut de WordPress conçu pour s’adapter au nouvel éditeur de blocs du thème.
• Chargement paresseux – modifications des paramètres de chargement paresseux pour accélérer les pages.
• Sélecteur de langue de la page de connexion – sélectionnez une langue pour la page de connexion à l’aide d’un menu déroulant.
• Réfracteur de bloc galerie – chaque image dans le bloc galerie sera traitée comme un bloc image.
• Tests PHPUnit – une mise à jour du cadre de test PHP pour permettre la compatibilité avec diverses versions de PHP.
• Nouvelle compatibilité et support – WordPress 5.9 sera compatible avec PHP 8.1, jQuery 3, et l’intégration de Pinterest.

Éditeur de thèmes de blocs

L’un des points forts de WordPress 5.9 est le nouvel éditeur de thème de bloc basé sur Gutenberg. En substance, cette fonctionnalité peut remplacer l’ancien personnalisateur de WordPress. Si vous naviguez dans la section Apparence du tableau de bord d’administration de WordPress, vous trouverez Editor au lieu de personnalisateur.

Cette interface est similaire à l’éditeur de pages et d’articles basé sur Gutenberg de WordPress 5.8. On peut créer des thèmes ou les modifier à l’aide des blocs WordPress, les éléments de thème tels que l’en-tête et le pied de page ayant les leurs.

Parmi les autres nouveaux blocs de thème figurent la navigation, le titre du site et le logo du site. Le bloc de navigation, par exemple, intègre désormais l’accessibilité au clavier et des options de menu réactif.

Avec la sortie formelle de l’éditeur de thèmes de bloc, nous pouvons nous imaginer voir plus de thèmes de bloc WordPress à l’avenir.

Améliorations du design et de l’UX

La nouvelle version de WordPress améliore également le design et l’expérience de l’utilisateur dans l’interface. La vue en liste disposera notamment d’une fonction de glisser-déposer permettant de réorganiser le contenu simplement en glissant et en déposant des éléments.

Les éléments de la vue en liste sont également repliables, ce qui facilite la gestion de sites complexes comportant de nombreux blocs. En outre, il est possible d’ajouter une ancre HTML à n’importe lequel des blocs pour une navigation rapide.

L’éditeur de thème dispose également d’un mode focus pour l’en-tête et le pied de page. Cette fonctionnalité est accessible depuis le panneau supérieur de l’éditeur et ne montre que la partie que vous souhaitez modifier.

Styles de thèmes globaux

WordPress 5.8 a introduit le fichier theme.json, situé dans le répertoire de niveau supérieur du thème, qui vous permet de configurer les styles par défaut du thème en utilisant un minimum de CSS.

WordPress 5.9 introduit l’interface des styles globaux. Cette fonctionnalité vous autorise à modifier les styles globaux dans l’éditeur de thème sans avoir à modifier le contenu du fichier theme.json directement.

L’interface est accessible en cliquant sur le cercle noir et blanc situé dans le coin supérieur droit de l’éditeur. Le panneau apparaîtra sur le côté droit et vous laissera modifier le style de police, le schéma de couleurs et le capitonnage pour l’ensemble du site.

Il est aussi possible de définir un style pour des blocs spécifiques. Par exemple, vous pouvez définir une typographie et une couleur spécifiques uniquement pour les blocs de boutons.

Insertion et création de motifs

Cette fonctionnalité vous permet d’ajouter un modèle – un ensemble de blocs – pour pouvoir créer efficacement une nouvelle section de site Web. Par exemple, créez une section pour un formulaire d’abonnement en ajoutant un modèle préétabli au lieu d’ajouter de nouveaux blocs un par un.

Cliquez sur l’icône plus dans le coin supérieur gauche de l’éditeur, puis sélectionnez l’onglet Motifs. Utilisez le menu déroulant pour choisir une catégorie ou cliquez sur le bouton Explorer pour voir tous les motifs disponibles.

Nouveaux outils de conception

WordPress 5.9 apporte de nombreuses mises à jour aux outils de conception, disponibles dans le panneau de configuration des blocs. Chaque type de bloc possède des outils de conception et des options de personnalisation différents. Voici quelques-uns des nouveaux ajouts notables :

• Pagination – options permettant de modifier les styles de flèches, l’orientation du texte et la disposition des blocs.
• Navigation – options permettant de contrôler l’espace entre les éléments de navigation.
• Boutons – options permettant de régler la justification de la mise en page et de sélectionner l’alignement horizontal ou vertical.
• Image caractéristique – des options de dimension et d’échelle ont été ajoutées.
• Bordure – diverses options de conception de la bordure, telles que le style, la couleur et les propriétés de rayon de la bordure, ont été introduites dans WordPress 5.8. Dans la version 5.9, elles supporteront également les thèmes enfant.
• Filtre Duotone – cette option est maintenant disponible pour les blocs featured image et gallery.

Ce ne sont là que quelques-uns des nouveaux outils de conception disponibles dans WordPress 5.9.

Nouveau thème par défaut de Twenty-Twenty Two

WordPress lance un nouveau thème par défaut chaque année, et 2022 n’était pas une exception. Le nouveau WordPress 5.9 inclut le thème de bloc par défaut Twenty-Twenty Two.

Ce thème de blocs a été conçu dans l’optique d’une édition complète du site. Les développeurs du thème se sont attelés à rendre le thème modifiable via theme.json et le nouvel éditeur, ce qui se traduit par une utilisation minimale de CSS.

Twenty-Twenty Two dispose d’un large éventail de modèles de pages, notamment des pages d’erreur 404, des pages d’articles uniques et des pages d’archives. Les parties du modèle comprennent également un pied de page et trois types d’en-têtes différents – par défaut, sombre avec un petit style, et sombre avec un grand style.

En tant que nouveau thème de bloc, Twenty-Twenty Two dispose aussi de différents motifs, couvrant les en-têtes, les pieds de page, les pages et les colonnes. Au total, il y a plus de 70 motifs, offrant des opportunités infinies d’édition complète du site.

Si vous souhaitez installer ce thème, lisez notre tutoriel.

Images à chargement lent

L’équipe de WordPress a découvert que le fait de ne pas charger paresseusement la première image de contenu de la page augmente de 7 % le tableau moyen du plus grand contenu sans ajouter d’octets d’image.

WordPress 5.9 est susceptible de mettre en œuvre ce changement, en modifiant la fonction de chargement paresseux de l’image pour optimiser la rapidité de la page. Cela dit, la discussion est toujours en cours pour savoir si les images vedettes seront concernées par cette amélioration.

Options de langue sur l’écran de connexion

WordPress 5.9 permettra aux utilisateurs de sélectionner leur langue sur la page de connexion. Le choix de la langue s’appliquera également aux pages dérivées, telles que l’écran de réinitialisation du mot de passe et l’enregistrement de l’utilisateur. Pour activer cette fonctionnalité, les utilisateurs doivent installer plus d’une langue de site.

Réfracteur de bloc de galerie

Le réfracteur de bloc de galerie est l’une parmis les améliorations les plus attendues de WordPress 5.9, même si elle est toujours en cours de développement.

Dans la version précédente de WordPress, le bloc de galerie ne traitait pas les images qu’il comportait de manière individuelle. Cela signifie notamment que vous ne pouviez pas ajouter de texte alt, de liens ou une bordure personnalisée à chaque image.

Le bloc de galerie amélioré traitera chacune des images comme un bloc individuel, ce qui implique qu’elles disposeront d’un outil de conception analogue à celui du bloc d’image, y inclus le texte alt et les liens pour chaque image.

En outre, la propriété de rayon de bordure personnalisable et le filtrage duotone sont également applicables à chaque image.

Tests de PHPUnit

Le cadre de test PHPUnit sera mis à jour dans WordPress 5.9. Cela est dû à l’introduction et à la dépréciation de certaines fonctionnalités de PHP, notamment la version 8.1 récemment publiée. 

Par exemple, le type de retour void a été introduit en PHP 7.1. Tout test sur des versions de PHP inférieures à 8.1 sera affecté si les contributeurs du noyau ajoutent cette fonctionnalité à PHPUnit.

De plus, si les principaux contributeurs s’en tiennent à l’exécution de tests sur les anciennes versions de PHP, les tests sur PHP 8.0 et PHP 8.1 seront de plus en plus difficiles.

Cette solution est basée sur la bibliothèque PHPUnit Polyfills. La suite de tests du noyau de WordPress peut maintenant fonctionner avec les versions 5.7.21 à 9.5.10 de PHPUnit, ce qui permet de tester toutes les versions PHP prises en charge sans problème.

Intégration de la compatibilité et du support de WordPress 5.9

La nouvelle version de WordPress fournit également plusieurs mises à jour de compatibilité pour d’autres logiciels, langages de programmation et plateformes de médias sociaux. Voici les trois plus importantes :

• jQuery 3 – après plusieurs retards, les contributeurs du noyau de WordPress prévoient de déployer la mise à jour pour la compatibilité avec jQuery 3 en même temps que WordPress 5.9.
• PHP 8.1 – la nouvelle version de WordPress sera compatible avec PHP 8.1, publié en novembre 2021. Toutefois, vérifiez si vos thèmes et extensions le prennent en charge avant d’exécuter votre site Web WordPress sur PHP 8.1.
• Incorporations actives pour Pinterest – WordPress 5.9 prendra en charge l’incorporation transparente de Pinterest grâce à l’ajout d’un bloc dédié. Il suffit d’ajouter le bloc à une page ou un article et de coller l’URL Pinterest souhaitée.

WordPress 5.9 Correction de bogues

Les contributeurs du noyau de WordPress travaillent à la correction de nombreux bogues signalés dans les versions précédentes. Ils vont finaliser la liste à l’approche de la date de sortie, mais voici quelques-unes des corrections de bogues

• bogue du mode sombre – WordPress 5.9 corrige le bogue de l’écran Widget lors de l’utilisation du mode sombre. Le bogue fait que le texte utilise une couleur grise sur un fond blanc, ce qui le rend difficile à voir.
• Écran tremblant sur la page du thème – ce bogue apparaît sur la page Apparence -> Thèmes. L’écran du navigateur peut trembler si vous survolez la vignette d’un thème.
• Disparition de blocs réutilisables – depuis WordPress 5.7, de nombreux utilisateurs ont rencontré des problèmes de disparition de blocs réutilisables. Bien que plusieurs suggestions pour résoudre ce problème soient disponibles, une correction du bogue devrait arriver avec WordPress 5.9.

Comment mettre à jour WordPress 5.9

La mise à jour WordPress 5.9 était publiée le 25 janvier 2022, assurez-vous de mettre à jour le logiciel de base afin d’utiliser ses nouvelles fonctionnalités et de renforcer la sécurité. Il existe plusieurs façons de mettre à jour WordPress :

• À l’aide de hPanel – Les utilisateurs d’hébergement mutualisé et d’hébergement Cloud de Hostinger peuvent mettre à jour le logiciel principal de WordPress à partir de hPanel. Allez sur WordPress -> tableau de bord pour trouver une notification et un bouton pour effectuer la mise à jour en quelques clics.
• Mettez à jour WordPress via le tableau de bord d’administration – connectez-vous à votre tableau de bord WordPress et allez dans Tableau de bord -> Mises à jour. Si vous voyez le message Une version mise à jour de WordPress est disponible, cliquez sur le bouton pour installer la mise à jour.
• Mise à jour manuelle à l’aide d’un client FTP – téléchargez la dernière version de WordPress et extrayez les fichiers. Utilisez un client FTP pour écraser les fichiers WordPress et les dossiers de base wp-includes et wp-admin. Une fois que vous avez terminé le processus, allez sur votresite.com/wp-admin/upgrade.php/ pour vérifier si WordPress a été mis à jour avec succès.
• Utilisez WP-CLI – cette méthode requiert un accès SSH à votre répertoire root public_html. Une fois que vous êtes dans ce répertoire, entrez la commande wp core update pour lancer la mise à jour.

Conclusion

WordPress 5.9 va pousser plus loin l’expérience d’édition de site complet en ajoutant un éditeur de thème de bloc, divers nouveaux outils d’édition, et des améliorations de l’UX. Le nouveau thème par défaut Twenty-Twenty Two est également un point de départ parfait pour les nouveaux utilisateurs de WordPress, car il offre de nombreuses options de modèles et de motifs.

WordPress 5.9 présentera également des fonctionnalités destinées à améliorer le développement et la conception de sites Web, notamment des corrections de bogues et de nouveaux outils de compatibilité.

Essayez les nouvelles fonctionnalités avant la date de sortie en installant la version bêta de WordPress 5.9. Pour ce faire, installez l’extension WordPress Beta Tester et sélectionnez l’option Bleeding Edge. Vous pouvez également télécharger directement le fichier .zip et l’installer manuellement.

Nous vous recommandons de tester la version bêta de WordPress 5.9 sur un nouveau site Web WordPress ou de l’installer dans un sous-domaine pour éviter tout problème. Contribuez au processus de développement en envoyant un rapport de bogue reproductible à la section Alpha/Beta des forums de support ou à WordPress Trac.

Gardez un œil sur WordPress news pour obtenir les dernières mises à jour concernant la sortie de WordPress 5.9.