Mercredi, l’équipe Gutenberg sortie la version 8.5 de son plugin au public. Ce sera la dernière version majeure du plugin pour faire son chemin dans la prochaine WordPress 5.5, qui a une date de sortie cible du 11 août. Cette mise à jour ne comprend aucune fonctionnalité révolutionnaire, mais elle offre plusieurs améliorations et peaufine le produit.

Gutenberg 8.5 introduit la possibilité de télécharger des images à partir de sites tiers au lieu de simplement les lier à chaud. Il améliore également l’expérience de glisser-déposer avec les blocs, ajoute un bouton d’édition pour les images dans les galeries et déplace les blocs réutilisables vers leur propre onglet dans l’inséreuse.

Les utilisateurs peuvent également maintenant ajouter une ancre / ID HTML à tous les blocs statiques. Il s’agit d’un changement relativement mineur mais qui offre une valeur considérable. Les utilisateurs n’auront plus besoin de passer en mode d’édition de code et de problèmes de validation des risques pour ajouter un ID HTML de base.

Télécharger des images externes

Cliquez sur le bouton de téléchargement d'image externe dans le bloc d'image Gutenberg.
Nouveau bouton de téléchargement d’image externe.

La plus grande amélioration de Gutenberg 8.5 est une amélioration de l’insertion d’une image à partir d’une URL externe. Cette mise à jour permet aux utilisateurs de télécharger l’image dans leur médiathèque.

Dans les versions antérieures, les utilisateurs pouvaient insérer une image à partir de n’importe quelle URL. Cependant, l’image resterait hébergée sur ce site externe. Le problème était que l’utilisateur final n’avait aucun contrôle sur ce qui allait arriver à cette image à l’avenir. Le site tiers pourrait disparaître. Le propriétaire du site peut supprimer ou remplacer l’image. L’image affichée sur les sites des utilisateurs peut ne pas correspondre à ce qu’ils voulaient.

Le processus de téléchargement est manuel plutôt qu’automatique. Après avoir inséré une image via une URL, la barre d’outils de l’éditeur aura une nouvelle icône de téléchargement avec une flèche qui pointe vers le haut. Les utilisateurs doivent cliquer dessus pour ajouter l’image à leur bibliothèque multimédia.

L’avantage supplémentaire de l’auto-hébergement de l’image est que les autres outils d’image de l’éditeur deviennent disponibles. Les utilisateurs peuvent redimensionner, faire pivoter ou rogner l’image, options qui ont été ajoutées à Gutenberg 8.4.

Glisser-déposer amélioré

Glisser-déposer deux blocs dans l'éditeur.
Faire glisser plusieurs blocs dans l’éditeur.

J’avais oublié qu’il y avait même une fonction glisser-déposer pour l’éditeur de blocs. Depuis son introduction, je ne l’ai jamais utilisé en dehors des tests. Il n’est également pas disponible lors de l’utilisation du mode Barre d’outils supérieure, qui est mon choix préféré.

L’éditeur permet désormais de glisser-déposer sélections multi-blocs. Le comportement de glisser-déplacer est très approuvé. Au lieu de défiler lorsque vous atteignez le bord de la fenêtre, la fenêtre défile presque immédiatement que vous faites glisser.

Malgré l’amélioration, je ne trouve pas la fonctionnalité de glisser-déposer efficace par rapport à l’utilisation des flèches haut / bas pour déplacer un bloc. Cependant, je n’ai jamais été un grand fan de glisser-déposer des éléments. La découvrabilité en souffre car l’icône de la main qui apparaît lorsque vous survolez la barre d’outils n’est pas un excellent indicateur que je peux faire glisser le bloc, surtout compte tenu de sa similitude avec le curseur de la main normal lorsque vous déplacez ma souris. Une sorte d’icône de flèche directionnelle aurait plus de sens et la distinguerait.

Modifier les images d’une galerie unique

Modification d'une seule image de galerie dans l'éditeur de blocs.
Modification d’une image de galerie individuelle.

Gutenberg 8.5 dispose d’un nouveau bouton d’édition sur les images individuelles dans un bloc de galerie. Cela permet aux utilisateurs finaux de remplacer l’image sur place.

C’est l’une de mes fonctionnalités préférées pour arriver avant la prochaine date limite pour WordPress 5.5. C’est l’un de ces choix mineurs pour les deux dernières années que je voulais voir abordés. Dans l’ensemble, l’équipe a fait un travail solide pour le faire fonctionner.

Cependant, ce n’est pas encore parfait. Le plus gros problème survient après avoir cliqué sur le bouton Modifier. Du coup, il n’y a pas de bon moyen d’annuler le montage si je change d’avis. J’ai contourné cette limitation en choisissant d’ajouter une image de la bibliothèque multimédia, qui avait automatiquement l’image précédente sélectionnée. Ma première pensée a été de cliquer sur X icône. Cependant, cela supprime l’image de la galerie. Une icône de corbeille a plus de sens pour supprimer l’image pendant que le X L’icône a plus de sens pour annuler une action.

Onglet Blocs réutilisables

Onglet Blocs réutilisables dans l'inséreuse de blocs.
Nouvel onglet de blocs réutilisables dans l’inséreuse.

Les blocs réutilisables ne sont plus cachés au bas de la liste des blocs normaux dans l’inséreuse. L’équipe a les a déplacés vers leur propre onglet. L’inséreuse est désormais séparée en onglets Blocs, Motifs et Réutilisables. Ce sera une expérience entièrement nouvelle pour les utilisateurs lorsque WordPress 5.5 sera supprimé, car la fonctionnalité de modèles et son onglet correspondant sont également nouveaux.

Déplacer les blocs réutilisables vers un onglet séparé expose mieux la fonctionnalité. L’emplacement précédent dans lequel ils étaient situés au bas de la liste des blocs les a cachés à toute personne qui n’a pas fait défiler jusqu’à la fin. Pendant trop longtemps, cette fonctionnalité puissante n’a pas obtenu l’exposition qu’elle méritait. Peut-être que ce nouvel emplacement corrigera cela.

La prochaine étape serait d’ajouter enfin un élément de menu de blocs réutilisables accessible depuis n’importe où dans l’administrateur WordPress. Nous devrons probablement attendre Répertoire des blocs d’administration WordPress pour que cela se produise.


Source link

%d blogueurs aiment cette page :