WordPress 5.5 mise a jour de l’annee – Nouvelles fonctionnalites – Ameliorations – Corrections de bugs

Mis à jour le 12 août 2020 : WordPress 5.5 est sorti et a quitté le statut bêta. Veuillez d’abord tester WordPress 5.5 sur un site de staging pour vous assurer qu’il ne casse rien sur votre site de production.

WordPress 5.5 est probablement la mise à jour de l’année et il s’agit de la deuxième version majeure de cette année. Habituellement, je n’aime pas écrire des articles avec des superlatifs, mais cette nouvelle version de WordPress apporte de nombreuses fonctionnalités et améliorations passionnantes. La nouvelle version de WordPress change la donne en matière de développement et de design. Elle apporte une meilleure maintenabilité et de meilleures performances. Cette nouvelle mise à jour cible quelques points majeurs : accélérer le temps de chargement, optimiser les images, proposer une interface plus conviviale et donner plus de poids à l’optimisation pour les moteurs de recherche. WordPress est déjà le leader du marché, mais les derniers changements de WordPress 5.5 peuvent encore creuser l’écart avec ses concurrents. Nous suivons le développement de WordPress de très près et avons déjà testé la deuxième bêta pour essayer les nouvelles fonctionnalités et améliorations. Cet article partagera avec vous ce qui arrive avec WordPress 5.5 et vous proposera quelques expérimentations et captures d’écran.

L’éditeur de blocs se transforme davantage en page builder avec la mise à jour WordPress 5.5

WordPress a introduit une nouvelle expérience d’édition en 2018. Cette expérience d’édition a complètement changé la façon de construire des sites WordPress par le passé. Le nouvel éditeur repose sur le concept de blocs et vous le connaissez sous le nom d’éditeur Gutenberg. Depuis, WordPress apporte des tonnes de mises à jour et d’améliorations à Gutenberg à chaque version. WordPress 5.5 est l’une des plus grosses versions pour l’éditeur de blocs. Il apporte des améliorations massives de l’interface utilisateur de l’éditeur de blocs. Comme vous pouvez le voir sur la capture ci-dessous, les éléments de la barre d’outils, les boutons, les nouvelles icônes et la mise en évidence du focus ont été modifiés lorsque vous parcourez les blocs pendant l’édition ou la rédaction. C’est une expérience d’édition unique, exactement comme celle qu’offre un page builder. Tous les widgets et éléments sont désormais disponibles dans la barre latérale gauche. Les aperçus par appareil aident à concevoir pour mobile, tablette et ordinateur. Il y a encore beaucoup à découvrir. Voici quelques fonctionnalités clés à ne pas manquer.

Édition d’images en ligne

WordPress 5.5 vous offre une bien meilleure expérience d’édition d’images en ligne pendant que vous travaillez sur la page. Cliquez simplement sur l’icône + pour insérer des images depuis des blocs ou des motifs. Les motifs (patterns) fournissent des mises en page prêtes à l’emploi. L’éditeur d’images en ligne offre des contrôles robustes pour la conversion, le zoom, la rotation, le recadrage, le rapport d’aspect et l’orientation de l’image (portrait, paysage), avec de nombreuses autres fonctionnalités.

Les motifs de blocs comme modèles de sections

WordPress est conçu pour faciliter le processus de développement web, et la mise à jour WordPress 5.5 l’améliore en introduisant les motifs de blocs. Les motifs de blocs sont des blocs préfabriqués, semblables à un modèle de section dans les page builders. Vous pouvez facilement ajouter un motif de blocs en cliquant sur l’icône +. WordPress 5.5 arrive avec quelques motifs de blocs de base. Cela grandira tout comme le dépôt de thèmes et de plugins, en tant que partie de la communauté WordPress, lorsque les développeurs enregistreront davantage de motifs. Vous pouvez rechercher, installer et insérer un nouveau bloc depuis votre éditeur en utilisant le nouveau répertoire de blocs.

Aperçus par appareil pour la conception de sites responsive

Si un site web n’est pas responsive et utilisable sur un appareil mobile, sa valeur est limitée. WordPress 5.5 propose les nouveaux aperçus par appareil pour vous aider à concevoir des sites mieux adaptés au mobile. La même fonctionnalité est accessible dans la version précédente via le module de personnalisation du thème. L’éditeur de blocs WordPress ressemble de plus en plus à un page builder. Nous avons des aperçus par appareil pour mobile, tablette et ordinateur pendant l’édition avec l’éditeur de blocs.

Une expérience d’édition meilleure et plus fluide

WordPress 5.5 est une mise à jour d’utilisabilité et de performance de l’éditeur de blocs. Elle améliore les performances de chargement et de conception du site web. WordPress 5.5 apporte une expérience d’édition fluide avec un ensemble de fonctionnalités.

• Glisser-déposer raffiné et robuste
• Saisir rapidement les blocs grâce aux déplaceurs de blocs
• Sélection pour les blocs parents
• Mise en évidence du focus pour les éléments contextuels
• Plusieurs choix pour éditer les mêmes blocs en une fois
• Copier, déplacer et rechercher facilement les blocs
• Performances améliorées : vous voyez les modifications instantanément pendant l’édition.

Couleurs de fond pour les blocs

Vous pouvez ajouter des arrière-plans et des dégradés pour améliorer l’expérience de design du site web. WordPress 5.5 apporte des couleurs de fond aux blocs, aux groupes, aux colonnes, aux médias et au texte.

Une meilleure navigation par blocs

WordPress 5.5 met la pression sur les page builders bien établis comme Elementor ou Divi. La nouvelle section de navigation par blocs aide à trouver les éléments du contenu au niveau du bloc et rend l’expérience d’édition bien meilleure qu’avant.

Nouvelles unités de mesure dans WordPress 5.5

C’est une autre mise à jour importante pour tout designer sérieux. WordPress prend désormais en charge toutes les unités de mesure disponibles. Vous pouvez maintenant choisir ems, rems, pourcentages, VH, VW et plus encore. WordPress 5.5 permet d’ajuster la hauteur de ligne en cours de saisie, rendant l’écriture et la composition typographique fluides. WordPress 5.5 apporte plus de 1500 améliorations à l’éditeur de blocs. Le nouvel éditeur de blocs sera un sérieux concurrent pour les page builders. WordPress change par rapport à ce qu’il était. Ce sera une meilleure opportunité pour les développeurs WordPress de petite et moyenne taille de développer des motifs de blocs et de les publier dans le répertoire de l’éditeur de blocs. Il deviendra moins pertinent de choisir un thème commercial ou gratuit pour créer un site WordPress esthétique. L’éditeur de blocs vous donne tous les outils nécessaires pour créer un site agréable sans être designer ni utiliser le « bon » thème. WordPress 5.5 Bêta 2 est disponible pour les tests. Attendez ! Il y a encore plus dans WordPress 5.5

Chargement différé des images

Les images se chargent généralement bien plus lentement que le texte sur une page web. Optimiser les images sur un site WordPress est un défi majeur. La technique du chargement différé (lazy loading) charge les images de manière asynchrone, et uniquement lorsqu’elles sont nécessaires. Cela signifie que le site charge d’abord tous les éléments texte et images situés « above the fold » afin que l’utilisateur puisse tout voir d’un coup d’œil. Ce n’est qu’en faisant défiler la page et lorsque les images entrent dans le viewport du navigateur qu’elles sont chargées. Si les utilisateurs ne descendent pas jusqu’à une section particulière, les images ne se chargeront même pas. WordPress 5.5 active le chargement différé par défaut pour tout le site en ajoutant l’attribut loading à la balise IMG. C’est l’une des mises à jour les plus importantes, non seulement pour votre site, mais pour l’ensemble d’Internet. WordPress est l’un des CMS les plus populaires, et plus de 35 % de tous les sites disponibles reposent sur WordPress. Le chargement différé permettra d’économiser d’énormes quantités de bande passante Internet et de réduire la charge des serveurs. C’est une excellente nouvelle pour les hébergeurs web et pour notre écosystème global, car cela réduira la consommation d’énergie et, espérons-le, le réchauffement climatique mondial.

Benchmarks des mises à jour de performance

« Mon WordPress est lent ! » C’est une phrase qu’on entend parfois. C’est incroyable de voir WordPress avancer pour résoudre tout problème de performance. WordPress peut désormais se charger plus rapidement qu’avant grâce à ces changements. Nous voulions voir l’ampleur réelle de ces changements ou s’ils étaient plutôt théoriques. Nous avons cloné un site WordPress 5.4.2 avec WP Staging et créé un site de test avec le même contenu que sur notre site de production. Tout le cache a été désactivé. Aucune autre optimisation n’a été effectuée. Le site de production a chargé tout son contenu en 2,8 secondes, tandis que le clone avec la version Bêta1 sous WordPress 5.5 a chargé le site en seulement 1,6 seconde avec un score de performance bien meilleur. On voit donc une énorme différence en taille de page et en nombre de requêtes.

Gérer les mises à jour automatiques pour les thèmes et plugins

WordPress 5.5 apporte une autre fonctionnalité puissante pour gérer les mises à jour des plugins et thèmes. Le nouveau système de gestion des mises à jour permet d’activer ou de désactiver les mises à jour automatiques en un seul clic. Allez dans Extensions > Extensions installées. Vous verrez la dernière colonne pour les mises à jour automatiques et vous pourrez activer ou désactiver les mises à jour automatiques pour une extension donnée en un clic. Si vous ne voyez pas la colonne « Mises à jour automatiques », cliquez sur les options de l’écran pour l’activer. De la même façon, vous pouvez gérer les possibilités de mise à jour pour les thèmes. Nous devons cliquer sur Apparence » Thèmes puis sur le thème pour lequel nous voulons configurer les mises à jour automatiques.

De meilleures mises à jour manuelles de thèmes et de plugins avec des fichiers ZIP

Parfois, la fonctionnalité de mise à jour automatique ne fonctionne pas comme prévu, ou vous avez un plugin premium que vous ne pouvez ni installer ni mettre à jour depuis le répertoire WordPress. Dans ce cas, vous devez téléverser le paquet logiciel manuellement. Mais le processus de mise à jour manuelle d’un thème ou d’un plugin est plus compliqué, et il existe un risque de perdre des données, du design ou de casser autre chose. Habituellement, vous devez désinstaller un plugin avant de téléverser à nouveau le même plugin. Les mises à jour manuelles de thèmes et de plugins de WordPress 5.5 peuvent aider à éviter ce problème. Téléchargez le plugin/thème et téléversez le fichier *.zip. WordPress reconnaît automatiquement si le paquet est déjà installé et vous donne la possibilité de mettre à jour le logiciel sans désinstaller préalablement le plugin ou le thème. Vous obtenez une boîte de dialogue de mise à jour similaire chaque fois que vous tentez de téléverser un paquet de plugin déjà existant :

Sitemap XML par défaut dans WordPress 5.5 pour plus de puissance SEO

Un sitemap est un fichier XML qui liste toutes les URL d’un site. Il permet à Google d’explorer facilement les URL et d’indexer le contenu. Le sitemap joue un rôle important dans la configuration SEO de WordPress. La plupart des plugins SEO proposent un sitemap XML en fonctionnalité par défaut. Des plugins SEO comme Yoast SEO et All In One SEO incluent un sitemap XML. WordPress 5.5 introduit le sitemap XML natif dans le cœur de WordPress, ce que la communauté WordPress apprécie déjà. La fonctionnalité de sitemap XML (MVP) est implémentée dans cette version. Le sitemap XML de WordPress couvre les fonctionnalités principales d’un sitemap et indexe les types de contenu suivants.

• Page d’accueil
• Page des articles
• Types de contenu du cœur (pages et articles)
• Types de contenu personnalisés
• Taxonomies du cœur (étiquettes et catégories)
• Taxonomies personnalisées
• Utilisateurs (auteurs)

De plus, le fichier robots.txt exposé par WordPress référencera l’index du sitemap. Une API de sitemaps XML est également fournie pour construire par-dessus. Si vous utilisez déjà un plugin SEO fournissant son propre sitemap XML, cela peut créer un conflit. Yoast SEO et All In One SEO ont déjà ajouté une fonctionnalité permettant de désactiver les sitemaps XML par défaut de WordPress, parce que tous deux offrent une personnalisation avancée de leur sitemap.

Y a-t-il une vidéo sur WordPress 5.5 ?

Oui, il y en a une ! Notre ami Adam de wpcrafter.com propose un beau résumé de la mise à jour WordPress 5.5 :

Recommandation

WordPress 5.5 arrive avec des mises à jour massives. Il change la façon de construire, concevoir et maintenir les sites web. Si votre site WordPress met à jour le cœur de WordPress automatiquement, nous vous suggérons fortement de créer une sauvegarde de votre site de toute urgence. Nous avons un article expliquant comment sauvegarder un site WordPress manuellement sans utiliser de plugin. À chaque grande mise à jour logicielle, il est probable qu’après installation, quelque chose ne fonctionne pas comme prévu. WordPress 5.5 ne fait pas exception à cette règle. Testez donc d’abord cette nouvelle version de WordPress sur un site de test.

Conclusion

J’espère que cet article vous a aidé à comprendre ce qui arrive avec WordPress 5.5. C’est la mise à jour de l’éditeur de blocs, des performances, du sitemap et des mises à jour automatiques pour les thèmes et plugins. Cette version significative se concentre aussi sur le bloc de menus de navigation, le répertoire de blocs, le chargement différé, la mise à jour de Gutenberg vers la dernière version publiée, et bien plus encore. WordPress 5.5 arrive avec plus de 1500 améliorations rien que pour l’éditeur de blocs.😮 J’aime les mises à jour de performance de WordPress 5.5. Dites-moi ce qui vous plaît dans cette nouvelle version et quelle est la mise à jour la plus importante pour vous. Que voudriez-vous voir ensuite, et que ne voulez-vous pas voir dans WordPress ?