Actualités

WordPress dévoile Gutenberg 13.7: Axé sur le flux de travail et une meilleure interface utilisateur

WordPress a dévoilé Gutenberg 13.7 qui contient de nombreuses améliorations qui améliorent le flux de travail, offrent un contrôle plus granulaire dans l’éditeur de site complet et de nombreuses améliorations de l’interface utilisateur.

Comme toute autre version de WordPress, il s’agit d’une mise à jour cumulative et non d’une toute nouvelle expérience.

Cela dit, l’expérience d’édition devrait être plus intuitive et naturelle.

 

Sommaire

Le verrouillage de bloc offre un contrôle plus granulaire

13.7 contient d’autres améliorations de la possibilité de verrouiller les éléments de bloc pour les empêcher de changer.

La dernière amélioration est que les utilisateurs ont désormais la possibilité d’appliquer la fonction de verrouillage pour bloquer les éléments contenus dans un bloc en cours de verrouillage.

En sélectionnant une bascule, la fonction de verrouillage appliquée à un bloc peut être héritée par les blocs qu’il contient.

 

Bloquer le menu de verrouillage

Fonction de verrouillage de bloc

La sélection de verrouiller un bloc génère un autre menu qui fournit des options pour un contrôle de verrouillage plus granulaire sur les blocs contenus dans le bloc qui est verrouillé.

Cadenas bloc Gutenberg modal

 

Gros plan du bloc modal de verrouillage

vue rapprochée du bloc modal de verrouillage

 

Menus modaux contextuels améliorés

Des menus contextuels, appelés Modals, peuvent apparaître en haut de la page en cours de traitement à partir de laquelle diverses modifications peuvent être apportées, comme la mise à jour des préférences.

Ce que fait ce changement est d’appliquer un flou au document qui se trouve sous le menu.

Le floutage de la page sous le menu contextuel modal améliore la mise au point.

Une des inquiétudes ont été soulevées à propos de cette nouvelle fonctionnalité (alors qu’il était encore en cours de développement) concernait la possibilité pour l’utilisateur de perdre le contexte de ce qui était modifié à cause du flou.

Ils ont suggéré que dans certains cas, le flou de l’arrière-plan empêcherait l’utilisateur de voir ce qui était modifié, supprimant ainsi le contexte.

La personne a écrit :

« Je viens de rencontrer un problème d’utilisabilité potentiel où il y a un élément en dehors du modal qui est contextuellement lié au contenu du modal.

Par exemple, si vous allez ajuster un élément dans la vue de liste pour appliquer ou supprimer un verrou, avec le modal ouvert, vous ne pouvez plus voir quel bloc (particulier) vous avez mis en surbrillance… »

La résolution de ce problème a été l’observation que si le contexte devait être gardé à l’esprit, le menu modal (popup) n’est pas la meilleure interface utilisateur. Cela signifie que le flou ne sera pas un problème car les modaux ne sont pas utilisés dans les situations où le document sous-jacent doit être référencé par l’utilisateur.

« … d’une manière générale, si vous devez observer à la fois le contenu modal et le reste de l’interface utilisateur, alors un modal ne sera probablement pas le meilleur choix. »

 

Exemple de flou derrière le modal

Capture d'écran du nouveau modal

 

Le système de modèles offre plus de contrôle de conception

Cette modification permet à l’utilisateur de créer davantage de modèles pouvant être spécifiques à des catégories, des balises, des pages et des types de publication personnalisés.

Selon Wordpress :

« Par exemple, vous pouvez utiliser un modèle différent pour tous les articles de blog personnels, un deuxième pour tous les articles de blog liés aux développeurs et un troisième pour tous les articles de voyage.

Si votre site a enregistré des types de publication supplémentaires, comme des livres ou des produits, votre instance d’éditeur les répertoriera automatiquement dans la zone de sélection du bouton Ajouter un nouveau modèle.

Il s’agit d’un ajout bienvenu car il supprime une limitation flagrante et étend la possibilité de créer de meilleurs sites Web lors de l’utilisation de l’éditeur de site complet Gutenberg.

 

Améliorations du flux de travail

Il existe d’autres améliorations destinées à améliorer et à rationaliser le flux de travail en fournissant des options supplémentaires.

Parmi ces changements, il y a la possibilité de sélectionner une image sélectionnée dans l’espace réservé des médias au lieu de télécharger ou de choisir dans la médiathèque.

 

Capture d’écran du modal amélioré en vedette

Capture d'écran de l'image en vedette Modal

La raison de cette amélioration est documenté dans la pull request:

« Ce PR permet de prendre en charge les blocs multimédias pour offrir aux utilisateurs la possibilité de commencer avec l’image en vedette à partir de l’état de l’espace réservé.

Pourquoi
Pour éviter d’avoir à choisir un autre média pour seulement ensuite obtenir l’option et parce que l’image en vedette est maintenant cachée derrière le contrôle de bloc « Ajouter un média » dans le flux de remplacement de média.

 

Nouveau : Le temps de lecture

La possibilité de vérifier combien de temps il faudra pour lire le document est également une nouvelle fonctionnalité qui a été ajoutée.

Cette nouvelle fonctionnalité est ajoutée à la barre d’informations de l’écran de l’éditeur de publication qui fournit actuellement des informations sur le nombre de mots, de caractères, d’éléments de titre utilisés, le nombre de paragraphes et le nombre de blocs.

Le temps qu’il faut à un lecteur moyen pour lire un document est une information très utile.

 

Capture d’écran de la barre d’informations mise à jour

 

Capture d'écran de la barre d'informations Time to Read

 

Amélioration de l’interface utilisateur du panneau des paramètres de la barre latérale

Un autre exemple de l’interface utilisateur améliorée se trouve dans le panneau des paramètres de la barre latérale, qui reçoit une mise à jour pour le rendre plus facile à utiliser.

La disposition du panneau des paramètres est plus intuitive et facile à numériser et à choisir parmi les sélections de menu.

 

Capture d’écran de Avant et Après

 

Capture d'écran de l'interface utilisateur améliorée

WordPress a décrit l’interface améliorée :

« Le résultat est un affichage plus propre et plus organisé qui devrait vous aider à accéder plus facilement à toutes les informations importantes sur votre publication/page en un coup d’œil. »

 

Conclusion: Beaucoup d’améliorations

Le nouveau Gutenberg 13.7 est une mise à jour cumulative et non un changement radical par rapport à la version précédente. Les améliorations ne sautent peut-être pas aux yeux, mais elles contribueront à une expérience d’édition plus naturelle.

Cette mise à jour touche à presque tous les domaines de l’éditeur Gutenberg, des nouveaux composants comme un sélecteur de couleurs, des paramètres de document améliorés, une meilleure expérience d’édition complète du site et de nombreuses corrections de bogues.

À VOIR:   WordPress et édition complète du site : comment créer un thème enfant et un thème de bloc

Articles similaires

Bouton retour en haut de la page