WordPress 5.7 « Esperanza » : Principales fonctionnalités et améliorations

Dernière mise à jour - 8 juillet 2021

WordPress version 5.7 "Esperanza" est enfin là. La première version majeure de WordPress de l'année apporte de nombreuses variantes et de nouvelles fonctionnalités telles que le chargement paresseux des iFrames, les mises à jour de l'interface de connexion et d'enregistrement, la réinitialisation des liens de mot de passe, un grand nombre de corrections de bugs, etc. Son nouvel éditeur vous aide à faire les choses vous ne pouviez pas avant sans entrer dans le codage. Les commandes que vous utilisez le plus sont exactement là où vous en avez besoin. Et les variantes de mise en page qui devraient être simples, le sont encore plus à réaliser. La version 5.7 apporte également de nombreux changements que les développeurs peuvent appliquer dans les thèmes, les plugins wp et les projets.

Nous avons essayé la version 5.7 de WordPress sur certains de nos sites Web. Voyons donc de plus près les nouveautés de « Esperanza ».

Mises à jour de l'éditeur dans WordPress 5.7

Les propriétaires de sites Web passent la majeure partie de leur temps sur l'éditeur WordPress à créer des pages et à écrire du contenu. Et chaque version de WordPress offre de nouvelles fonctionnalités et mises à jour à l'éditeur. WordPress 5.7 propose également des fonctionnalités et des mises à niveau intéressantes pour l'éditeur.

Faites glisser et déposez des blocs depuis l'inséreuse

WordPress 5.7 vous permet de glisser-déposer directement des blocs depuis l'inséreuse "Ajouter un nouveau bloc" (+) vers la zone de contenu. Ainsi, vous pouvez choisir où placer un bloc avant de le déposer sur la toile de poste. Le glisser-déposer ne s'exécute que si votre thème prend en charge les modèles de blocs.

Blocs pleine hauteur

N'est-il pas préférable d'utiliser les blocs pleine largeur pour la couverture, les colonnes et les blocs de groupe ? Cela vous permettra de produire des mises en page visuellement saisissantes. WordPress 5.7 permet la création de blocs pleine hauteur. Ces blocs rempliront la longueur de l'écran de l'utilisateur, vous permettant de produire d'autres mises en page attrayantes.

Descriptions des variantes de bloc

WordPress 5.7 permet d'afficher des descriptions pour les variations de blocs. Par exemple, le bloc d'icônes sociales contient Instagram, Facebook et d'autres icônes de médias sociaux. Ceux-ci peuvent être visualisés dans l'inspecteur de blocs avec un aperçu.

Dimensions du bouton

Cette nouvelle fonctionnalité nous permet désormais de définir un pourcentage de largeur pour les boutons logés dans les blocs Boutons. Choisissez un bouton et sélectionnez 25 %, 50 %, 75 % ou 100 %. L'image affiche les différents ordres de dimensions des boutons.

Alignement vertical des boutons

WordPress 5.7 nous permet d'ajouter des modifications pour l'orientation verticale au bloc Boutons. Les utilisateurs peuvent modifier les mises en page horizontales à verticales à l'aide du sélecteur de transformations dans les paramètres de bloc.

Taille et couleur des icônes sociales

WordPress 5.7 offre d'autres possibilités de personnalisation pour les icônes sociales : la taille et les couleurs personnalisées sont prises en charge. La barre d'outils du bloc Icônes sociales présente désormais un menu de choix de taille avec 4 tailles disponibles, petite, normale, grande et énorme. Le même bloc prend actuellement en charge les paramètres de couleur, ce qui nous permet d'introduire diverses couleurs personnalisées pour les icônes et les arrière-plans. La palette de couleurs du thème peut être utilisée pour les icônes sociales, empêchant les couleurs des icônes d'entrer en conflit avec la palette de couleurs du site Web.

Prise en charge de la taille de la police

WordPress 5.7 fournit une option de modification de la taille de la police pour les blocs Liste et Code. Une carte de typographie avec la possibilité de modifier la taille de la police a été jointe aux paramètres du bloc Liste. Les utilisateurs peuvent sélectionner l'une des tailles de police disponibles pour les éléments de liste ou introduire une taille de police personnalisée représentée en pixels. Le bouton "Réinitialiser" remet les valeurs par défaut.

Il prend également en charge les changements de taille de police dans les blocs de code. Lorsqu'un bloc de code est sélectionné, la barre latérale des paramètres du bloc affiche les options de taille de police. Cette option vous permet soit de choisir l'une des tailles disponibles dans votre thème, soit d'introduire une valeur personnalisée en pixels.

Bloc d'espacement semi-transparent

Au lieu de la teinte gris terne précédente, le bloc Spacer a maintenant un fond semi-transparent. Cette fonctionnalité devrait faciliter la reconnaissance du bloc Spacer sur n'importe quelle couleur de fond.

Autres améliorations dans l'éditeur de blocs

• Activez automatiquement le mode sombre lorsque le fond sombre est activé.
• Telegram, Patreon et TikTok ajoutés aux icônes sociales.
• Bloquer les aperçus de transformation.
• Aperçu amélioré du motif de bloc dans l'outil d'insertion de bloc.
• Le modèle Options a été mis à jour et renommé Préférences.
• Modifications de l'API des blocs internes.
• Améliorations de la fonctionnalité d'importation/exportation.
• Modifications des composants et des blocs de l'éditeur de blocs.

Chargement paresseux des iFrames

Le chargement différé est une méthode d'optimisation qui retarde le chargement des ressources non critiques jusqu'à ce qu'elles soient dans la fenêtre d'affichage des visualiseurs. Les ressources de chargement différé ne sont pas téléchargées et rendues tant qu'elles ne sont pas requises. Il peut améliorer considérablement les performances, en particulier pour les sites Web affichant des images et des vidéos haute résolution. Les utilisateurs de WordPress devaient auparavant utiliser des plugins wp pour obtenir des effets similaires.

WordPress 5.7 attachera automatiquement le chargement paresseux aux intégrations iframe. WordPress utilise déjà le chargement différé pour les images par défaut à partir de la version 5.5. Cela implique que toutes les intégrations qui utilisent des iframes, telles que les vidéos YouTube, appliqueront un chargement paresseux pour augmenter les taux de chargement de vos pages.

Migration simplifiée de HTTP vers HTTPS

Avant, lorsque vous migriez WordPress de HTTP à HTTPS, vous deviez mettre à jour manuellement les URL intégrées au site Web. Ne pas le faire conduit au problème de contenu mixte. Un problème de contenu mixte dans WordPress est produit par des paramètres HTTPS/SSL incorrects. Souvent, cela ne nuit pas à la fonctionnalité de votre site Web, mais cela peut avoir un impact négatif sur le référencement et l'expérience utilisateur de votre site Web.

WordPress 5.7 simplifie le déplacement de votre site Web vers HTTPS. WordPress reconnaîtra si l'environnement d'un site Web prend en charge HTTPS. Si c'est le cas, il affichera la disponibilité de HTTPS dans le menu de santé du site comme un problème critique.

À partir de là, les utilisateurs n'ont qu'à cliquer sur un bouton pour mettre à jour leurs URL WordPress. Cela modifiera vos paramètres WordPress et URL de site, et mettra à jour les URL de votre site pour adopter HTTPS en un seul clic. Le site est migré en déplacement, ce qui nous évite tout problème de contenu mixte. Le besoin de plugins wp supplémentaires est également éliminé.

WordPress affichera une notification si HTTPS n'est pas pris en charge.

Palette de couleurs standardisée WP-Admin

La nouvelle version normalisera la palette de couleurs WP-admin. WordPress est venu avec une collection restreinte de schémas de couleurs et l'ajout de nouveaux schémas de couleurs était laborieux car les développeurs devaient travailler avec des systèmes basés sur des variables Sass.

Dans la version 5.7, WordPress supprimera toutes les couleurs utilisées dans le CSS dans l'une des 12 nuances possibles de bleus, verts, rouges et jaunes et 13 nuances de gris, noirs et blancs. La normalisation de cet ensemble de couleurs aidera les développeurs de thèmes et de plugins wp à fournir des décisions de conception cohérentes et pratiques.

Nouvelle API Robots

La nouvelle version inclut une API Robots basée sur des filtres, donnant un contrôle central sur la balise méta des robots. La balise méta des robots vous permet d'utiliser une stratégie granulaire et spécifique à la page pour gérer la façon dont une page particulière doit être indexée et desservie par les utilisateurs dans les résultats des moteurs de recherche. Cette balise meta est généralement définie dans la section <head> d'une page.

La nouvelle API Robots vous permet d'incorporer les directives de filtrage dans la balise meta robots, et l'API comprend la directive max-image-preview: large par défaut. Cela indique que les moteurs de recherche peuvent afficher des aperçus d'images plus grands, ce qui peut augmenter votre trafic.

WordPress masquera automatiquement cette balise pour les sites Web marqués comme non publics.

Comment mettre à jour vers WordPress 5.7

Avant de vous engager dans une mise à jour majeure du noyau WordPress, sauvegardez toujours votre site Web. Nous vous recommandons de faire une sauvegarde complète qui contient votre base de données WordPress, vos fichiers, vos thèmes, vos plugins, votre médiathèque, etc.

Vous pouvez voir la mise à jour de la version de WordPress prête dans votre tableau de bord d'administration sur la page Mises à jour. Cliquez sur mettre à jour maintenant pour commencer la mise à jour.

L'époque où vous utilisiez des méthodes traditionnelles pour gérer les entreprises MLM est révolue depuis longtemps !

Si vous utilisez un site Web WordPress, essayez d'utiliser un plugin WP MLM et contrôlez facilement votre activité MLM.

Les principales raisons pour lesquelles vous devriez utiliser un plugin WP MLM ont été expliquées ici . Contactez dès maintenant l'une des principales sociétés de développement de plugins WP MLM.

Lectures complémentaires

• WordPress 5.5 et ses fonctionnalités.
• Comment mettre à jour WooCommerce en toute sécurité ?