Nouveautés de WordPress 5.7 (fonctionnalités et captures d’écran)

La version bêta de WordPress 5.7 est disponible depuis un certain temps déjà, et sa sortie est prévue pour le 9 mars 2021. Ce sera la première version majeure de l’année et elle est accompagnée de quelques nouvelles fonctionnalités et améliorations.

Nous avons suivi le développement de près et essayé les nouvelles fonctionnalités sur nos sites de test.

Dans cet article, nous allons vous afficher ce qui est à venir dans WordPress 5.7 avec des fonctionnalités et des captures d’écran.

Note : Vous pouvez essayer la version bêta sur votre ordinateur ou sur un environnement de staging en utilisant l’extension WordPress Beta Tester.

WordPress 5.7 est en cours de développement et certaines fonctionnalités peuvent encore être modifiées et ne pas figurer dans la version finale.

Ceci étant dit, jetons un coup d’œil sur les nouveautés de WordPress 5.7.

Tutoriel vidéo

Si vous préférez des instructions écrites, continuez à lire.

Améliorations de l’éditeur dans WordPress 5.7

L’éditeur WordPress est la zone où les propriétaires de sites web passent le plus clair de leur temps à créer des pages et à rédiger du contenu.

Chaque version de WordPress apporte de nouvelles fonctionnalités et améliorations à l’éditeur. WordPress 5.7 sera également livré avec quelques nouvelles fonctionnalités et modifications intéressantes pour améliorer votre expérience de l’édition.

Glisser et déposer des blocs depuis Inserter

WordPress 5.7 vous permet de glisser-déposer un bloc depuis l’outil d’insertion « Ajouter un nouveau bloc » (+) dans votre zone de contenu. De cette façon, vous pouvez choisir où placer un bloc avant de le déposer sur le canevas de la publication.

Les blocs pleine hauteur arrivent dans WordPress 5.7

Vous aimez utiliser les blocs pleine largeur pour les couvertures, les colonnes et les blocs de groupe ? Cela vous permet de créer des mises en page visuellement étonnantes. WordPress 5.7 vous permettra désormais de créer également des blocs pleine hauteur.

Ces blocs occuperont toute la hauteur de l’écran de l’utilisateur, ce qui vous permettra de créer des mises en page encore plus attrayantes.

Lesvariations de blocs peuvent désormais avoir leur propre description

WordPress 5.7 affiche désormais des descriptions pour les variations de blocs. Par exemple, le bloc des icônes sociales contient des icônes Facebook, Twitter et d’autres icônes sociales. Vous pouvez les voir dans l’inspecteur de bloc avec une prévisualisation.

Taille des icônes sociales

WordPress 5.7 vous permettra d’ajuster la taille des icônes dans le bloc des icônes des réseaux sociaux.

Boutons améliorés

WordPress 5.7 introduira l’alignement vertical des boutons dans l’éditeur de blocs. Les utilisateurs/utilisatrices pourront également choisir un pourcentage de largeur prédéfini pour leurs boutons.

Ajuster la taille de la police dans plus de blocs

Une autre amélioration de l’éditeur de blocs est la possibilité d’ajuster la taille de la police dans davantage de blocs, y compris les blocs de liste et de code.

Migration plus facile de HTTP à HTTPS

Auparavant, lorsque vous faisiez passer WordPress de HTTP à HTTPS, vous deviez mettre à jour manuellement les URLs embarquées dans votre contenu. Si vous ne le faisiez pas, le problème du contenu mixte se posait.

WordPress 5.7 facilitera la migration de votre site vers HTTP. Il affichera la disponibilité de HTTPS dans le menu de santé du site comme un problème critique.

À partir de là, les utilisateurs/utilisatrices pourront cliquer sur un bouton pour mettre à jour les URL de WordPress. Cette opération modifiera les réglages des URL de WordPress et du site, et mettra à jour les URL de votre contenu pour qu’elles utilisent HTTP.

Palette de couleurs standardisée pour WP-Admin

WordPress 5.7 va également standardiser la palette de couleurs de wp-admin. WordPress utilise Sass pour générer des fichiers CSS à la volée.

WordPress est livré avec un ensemble limité de jeux de couleurs et l’introduction de nouveaux jeux de couleurs était difficile car les développeurs/développeuses devaient gérer le système Sass basé sur les variables.

Dans la prochaine version 5.7, WordPress repliera toutes les couleurs utilisées dans le CSS sur l’une des nuances disponibles de bleu, vert, rouge, jaune, gris, noir et blanc. Les développeurs/développeuses disposeront ainsi d’une palette offrant une plus grande plage de jeux de couleurs claires et foncées.

Nouvelle API pour les robots

WordPress 5.7 introduira une nouvelle API pour les robots. Cette API permettra aux développeurs/développeuses de contrôler et de mettre à jour de manière programmatique l’identifiant méta robots d’un site.

La balise Meta Robots vous permet d’indiquer aux moteurs de recherche comment explorer et indexer un site. Pour ce faire, vous pouvez ajouter un fichier robots.txt au dossier racine de votre site ou utiliser la balise méta robots.

Une nouvelle fonction appelée wp_robots sera introduite dans WordPress 5.7. Les développeurs/développeuses pourront modifier la balise méta robots en ajoutant leurs propres filtres à la fonction. Voici un exemple de fonctionnement :

function wporg_wp_robots_add_follow( $robots ) {
    $robots['follow'] = true;
    return $robots;
}
add_filter( 'wp_robots', 'wporg_wp_robots_add_follow' );

WordPress 5.7 ajoutera également une directive max-image-preview:large à l’identifiant robots par défaut. Cela permettra aux moteurs de recherche d’utiliser la grande image pour la prévisualisation dans les résultats de recherche.

Voici ce que cela donnerait dans le code source de votre site :

<!DOCTYPE html>
<html>
    <head>
        <meta name="robots" content="max-image-preview:large" />
    </head>

WordPress masquera automatiquement cet identifié pour les sites dont la visibilité dans les moteurs de recherche est désactivée dans les réglages.

Si vous souhaitez désactiver cette balise et laisser les moteurs de recherche décider de l’image à utiliser pour les prévisualisations, vous pouvez ajouter le code suivant au fichier functions.php de votre thème ou à un plugin spécifique à votre site.

remove_filter( 'wp_robots', 'wp_robots_max_image_preview_large' );

Chargement paresseux des iFrames

WordPress 5.7 ajoutera automatiquement le lazy load aux contenus embarqués de type iframe. Lazy Loading est une technique utilisée pour améliorer la vitesse du site lors du chargement d’une page. Il indique au navigateur de l’utilisateur de charger un article lorsqu’il est vu.

WordPress utilise déjà le lazy loading pour les images par défaut depuis WordPress 5.5.

Cela signifie que tous les contenus embarqués qui utilisent des iframes, comme les vidéos YouTube, utiliseront le lazy loading pour améliorer la vitesse de chargement de vos pages.

Si vous utilisez le Feeds for YouTube de Smash Balloon, alors il optimise déjà votre flux vidéo par une meilleure mise en cache et un chargement retardé.

Modifiés sous le capot

WordPress 5.7 apportera également de nombreuses modifications que les développeurs/développeuses pourront explorer et utiliser dans leurs propres thèmes, extensions et projets.

Voici quelques-unes de ces modifications sous le capot.

WordPress 5.7 introduira de nouvelles fonctions is_post_status_viewable() et is_post_publicly_viewable() pour vérifier si une publication est publiquement visible.(Voir les détails)

La fonction Render block permettra désormais aux développeurs/développeuses de filtrer le contenu d’un seul bloc.(#46187)

WordPress 5.7 ajoutera un crochet de filtre pour manipuler la variable $user_data pendant la fonction retrieve_password(). Cela permettra aux développeurs/développeuses d’effectuer des contrôles de validation personnalisés lors des réinitialisations de mots de passe.(#51924)

Les développeurs/développeuses pourront modifier le lien ‘Go to site’ affiché dans le pied de page de la page de connexion en utilisant un nouveau crochet login_site_html_link.(#35449)

Deux nouvelles fonctions get_post_parent() et has_post_parent() seront disponibles dans WordPress 5.7 pour déterminer si une publication a un parent et pour obtenir la publication parent similaire en tant qu’objet.(#33045)

Nous espérons que cet article vous a donné une bonne idée de ce qui est à venir dans la prochaine version de WordPress 5.7. Faites-nous savoir quelles sont les fonctionnalités que vous trouvez intéressantes et ce que vous aimeriez voir dans une prochaine version de WordPress.

Si vous avez aimé cet article, veuillez vous abonner à notre chaîne YouTube pour des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.