WordPress 5.9 est arrivé ! Quels grands changements avez-vous manqués ?

WordPress 5.9 Joséphine est là ! Cette version de WordPress devait initialement sortir le 14 décembre 2021. Cependant, en raison de certains problèmes et bogues non résolus, la version finale a été retardée et finalement publiée le 25 janvier 2022.

Si vous vous demandez quel est le changement le plus important, la réponse est Full Site Editing (FSE). Et vraiment, la plupart des nouvelles fonctionnalités ne sont disponibles que si vous utilisez un thème qui prend en charge l'édition complète du site, comme Twenty Twenty Two, le nouveau thème par défaut.

Avec WordPress 5.9, nous arrivons à la deuxième phase de la feuille de route de Gutenberg : la phase de personnalisation.

Maintenant, découvrons les détails !

Styles globaux : une interface graphique pour le fichier 'theme.json'

Avec WordPress 5.8, la manipulation du fichier 'theme.json' est devenue le moyen standard pour les développeurs de thèmes de personnaliser les styles et les paramètres de l'éditeur.

WordPress 5.9 le fait passer au niveau supérieur en introduisant une interface graphique pour lui. Désormais, les utilisateurs peuvent personnaliser les préréglages de style pour leur site, soit au niveau du bloc, soit globalement, sans toucher à une seule ligne de code.

Étant donné que les styles globaux affectent certains aspects de la conception de sites Web WordPress, cela changera radicalement la façon dont vous personnalisez l'apparence de votre site.

Tout d'abord, l'interface Global Styles remplace Customizer. Et c'est actuellement le seul moyen de personnaliser les styles et les paramètres avec des thèmes de blocs.

De même, les pages d'administration d'options de thème complexes ne seront plus nécessaires. Cela fournit une nouvelle façon standard de configurer les paramètres et les styles de thème.

Dans l'éditeur de site, une nouvelle barre latérale est désormais disponible. En haut, vous trouverez un petit panneau de prévisualisation et cinq éléments dans l'ordre suivant :

• Aperçu des styles
• Typographie
• Couleurs
• Disposition
• Blocs

Regardons de plus près!

Aperçu des styles

Le premier élément est un panneau de prévisualisation. Il vous permet de vérifier le résultat de vos personnalisations. Ceci est particulièrement utile lorsque vos modifications s'appliquent à des éléments qui ne sont pas visibles dans le canevas de l'éditeur.

Typographie

C'est là que vous contrôlez la typographie de votre site. Les commandes disponibles dans ce panneau dépendent du contenu du fichier "theme.json".

Couleurs

Ici, vous pouvez afficher et modifier le jeu de couleurs et personnaliser la couleur de certains éléments du site Web.

En cliquant sur l'un de ces éléments, vous accédez à un nouveau panneau dans lequel vous pouvez choisir les couleurs parmi trois palettes : Thème, Principal et Personnalisé. Ici, vous pouvez définir et modifier la couleur de l'élément choisi.

Disposition

Le dernier ensemble d'outils est destiné aux personnalisations de mise en page. Ceci est limité au conteneur du site dans un contexte global.

Blocs

Avec la mise en œuvre du style global, vous pouvez désormais également modifier l'apparence de blocs spécifiques, tels que les paragraphes, les boutons, les colonnes, etc.

Notez que les styles de bloc ne peuvent être personnalisés à partir d'ici que si le bloc déclare la prise en charge de fonctionnalités spécifiques dans le fichier 'block.json' respectif.

Par exemple, étant donné que le bloc principal du titre de l'article prend en charge la typographie et les couleurs, vous trouverez les entrées correspondantes dans les paramètres de style global de son bloc.

Le thème Twenty Twenty-Two et les thèmes de blocs WordPress

Avec WordPress 5.9, vous n'avez pas besoin d'installer le plugin Gutenberg pour activer l'édition complète du site sur votre site. Il vous suffit d'utiliser un thème de bloc.

De plus, WordPress 5.9 a été doté d'un tout nouveau thème par défaut : Twenty Twenty-Two. C'est un changement de jeu car c'est le premier thème de bloc par défaut de tous les temps. De plus, Twenty Twenty-Two est un thème très personnalisable et flexible.

Une fois que vous avez utilisé un thème de bloc, un nouvel élément de menu "Éditeur (bêta)" apparaîtra dans le menu d'administration du tableau de bord WordPress.

Sur l'interface d'édition, vous pouvez modifier visuellement la page d'accueil, les modèles et les parties de modèle de votre site Web. Vous pouvez également accéder à l'interface des styles globaux à partir d'ici.

Comme vous pouvez le voir, vous ne trouverez pas le Customizer. C'est parce qu'il ne prend pas en charge les thèmes de bloc. C'est aussi pourquoi vous ne pouvez pas prévisualiser les thèmes de blocs inactifs.

Si vous utilisez un thème traditionnel, comme Woostify, et que vous vous inquiétez de la rétrocompatibilité, rassurez-vous. Vous pouvez continuer à l'utiliser.

Il existe actuellement quatre catégories de thèmes différentes à choisir :

• Thème de bloc : thèmes conçus pour l'édition complète du site
• Thème général : thèmes qui fonctionnent à la fois avec Customizer et Editor (bêta)
• Thèmes hybrides : thèmes classiques prenant en charge les fonctionnalités d'édition de site complet
• Thème classique : Thèmes avec fichiers « functions.php », templates PHP, etc.

Le bloc de navigation mis à jour

Le bloc de navigation en est à ses balbutiements depuis un certain temps. Maintenant que tous les problèmes en suspens ont été résolus, nous pouvons enfin commencer à utiliser l'une des fonctionnalités les plus puissantes de WordPress 5.9.

Lorsque vous ajoutez un bloc de navigation pour la première fois, l'espace réservé du bloc propose trois options :

• Choisissez un menu existant,
• Créer un menu avec toutes les pages,
• Ou recommencez avec un menu vierge.

Le nouveau menu de navigation vous permet d'importer des menus créés via l'écran des menus d'apparence disponibles avec des thèmes classiques.

Par conséquent, si vous passez d'un thème classique à un thème de bloc, vous n'aurez pas à reconstruire vos menus existants. Sélectionnez simplement l'un de vos « menus classiques » actuels. Et il sera automatiquement converti en un menu de navigation basé sur des blocs.

Les nouveaux liens de navigation sont ajoutés immédiatement au bloc de navigation en cliquant sur l'icône plus sur le côté droit, sauf si d'autres types de blocs ont déjà été ajoutés au menu.

Cliquer sur le bouton Modifier dans la barre d'outils du bloc Lien de navigation transforme un élément de menu en un lien personnalisé. Ainsi, vous pouvez ajouter, modifier, réorganiser et supprimer des éléments individuels.

Vous pouvez également convertir des liens en blocs en cliquant sur le bouton Transformer de la barre d'outils des blocs. Vous pouvez donc ajouter directement des blocs spécifiques au menu de navigation.

Dans la barre latérale Paramètres, vous trouverez un ensemble complet d'options pour contrôler de nombreuses parties de votre menu de navigation.

Un autre ajout utile ajouté au bloc de navigation est la prise en charge de Block Gap. Ainsi, vous pouvez contrôler l'espacement entre les éléments de menu.

Amélioration des performances

Améliorations de l'outil d'insertion de blocs

Depuis WordPress 5.9, les types de blocs, les catégories et les modèles sont affichés paresseusement dans le Block Inserter. Votre navigateur charge en premier le contenu prioritaire, ce qui vous offre une expérience d'édition plus fluide.

Moins de CSS chargé

WordPress 5.9 réduit considérablement la quantité de CSS chargée par les thèmes de blocs, ce qui entraîne des chargements de page beaucoup plus rapides.

Améliorations des performances de chargement différé

À partir de WordPress 5.9, l'attribut 'loading=”lazy”' n'est pas appliqué à la première image de contenu ou iframe.

Une analyse effectuée sur 50 thèmes WordPress populaires montre que cette solution entraîne des améliorations significatives des performances et des chargements de page jusqu'à 30 % plus rapides.

Plusieurs feuilles de style par bloc

Les développeurs de thèmes et de blocs peuvent enregistrer plusieurs feuilles de style par bloc et charger des styles à partir d'autres blocs selon les besoins.

Cela permet aux feuilles de style d'être chargées en fonction du contenu de la page, évitant ainsi de charger de grandes feuilles de style sur chaque page.

Derniers mots

Nous terminerons cet article par une note rapide sur la part de marché de WordPress. Il alimente actuellement plus de 65 % de tous les sites Web dotés d'un système de gestion de contenu connu et environ 43 % de tous les sites Web.

Ces chiffres sont impressionnants, surtout si on les compare aux concurrents les plus proches avec moins de 7 % de part de marché : Shopify.

Chaque nouvelle version de WordPress apporte de nouvelles fonctionnalités, des améliorations de performances et des améliorations d'interface. Et WordPress 5.9 ne fait pas exception.

Tout ce dont vous avez besoin pour tester de nouvelles fonctionnalités est un thème de bloc, comme le nouveau thème par défaut Twenty Twenty-Two.

Et pour tous ceux qui utilisent le thème Woostify, vous pouvez mettre à jour votre site Web vers WordPress 5.9 immédiatement sans aucun problème. L'équipe de développement travaille toujours dur pour s'assurer que Woostify est entièrement compatible avec les nouvelles versions de WordPress.