La semaine dernière, un Demande d’extraction GitHub Je regardais depuis octobre 2020 sur le référentiel Gutenberg a finalement été fusionné dans la base de code. Il modifie la structure du bloc WordPress Gallery pour en faire un conteneur pour les blocs d’images imbriqués. Le nouveau format devrait atterrir dans WordPress 5.9.

Pour ceux qui veulent commencer à le tester tôt, il devrait être livré avec Gutenberg 11.4 la semaine prochaine. Cependant, vous pouvez prenez la version de test nocturne du Gutenberg Times pour le voir en action maintenant. Pour utiliser le nouveau format Galerie, vous devez l’activer à partir de l’écran d’administration Gutenberg > Expériences.

« Si vous avez déjà ajouté un lien personnalisé à un bloc d’image et que vous avez ensuite essayé de faire de même sur une image de la galerie, vous comprendrez la frustration et la confusion de ne pas avoir de cohérence entre les différents types de blocs d’image », a écrit Glenn Davies dans le refactoriser le message d’annonce. « Cette incohérence est due au fait que le bloc principal de la galerie stocke les détails des images incluses comme imbriquées <img> éléments dans le contenu du bloc. Par conséquent, les images d’une galerie ont une apparence et un comportement différents des images d’un bloc d’images individuel.

Au niveau de la surface, le refactor du bloc Gallery ne change pas grand-chose pour de nombreux utilisateurs. Ils ajouteront toujours des images aux galeries comme ils le font depuis des années. Cependant, pour une utilisation plus poussée, il ouvre un monde de possibilités.

Une fonctionnalité souvent demandée est la possibilité d’ajouter des liens vers des images individuelles dans des galeries. Auparavant, les utilisateurs pouvaient uniquement créer un lien vers des pages de pièces jointes ou le fichier multimédia lui-même. Les deux options s’appliquent à toutes les images. Avec le changement le plus récent, les utilisateurs peuvent modifier chaque bloc Image, y compris personnaliser son lien.

Nouveau bloc WordPress Gallery dans l'éditeur avec l'option de lien de barre d'outils ouverte.
Ajout d’un lien vers un bloc Image dans une Galerie.

Bien que cela permette de gérer quelque chose d’aussi simple que des liens, il y a tellement plus que les utilisateurs pourraient faire.

Dans un thème que j’ai construit, j’ai un style de bloc de galerie personnalisé qui permet aux utilisateurs de créer un groupe d’images avec un cadre de style Polaroid autour d’eux. C’est quelque chose d’amusant pour les gens qui ne veulent pas du look tout le temps. Parfois, j’aime ajouter un peu de fantaisie.

Un cadre de style Polaroid autour de toutes les images d'une galerie WordPress.
Cadre de style Polaroid pour les galeries.

Le problème avec ce style de bloc est qu’il ne va pas assez loin. Par exemple, j’ai également des styles Incliné à droite et Incliné à gauche pour des blocs d’image individuels. Cependant, les utilisateurs ne peuvent pas les appliquer dans une galerie. Il serait facile de les rendre disponibles à l’ensemble de l’ensemble ou de randomiser différents styles « d’inclinaison ». Cependant, la méthode idéale serait de contrôler la conception au niveau de l’image.

Il en est de même pour les autres options. Les utilisateurs peuvent faire quelque chose d’amusant comme ajouter des styles de blocs et mélanger des couleurs personnalisées, des bordures, etc.

Blocs d'images personnalisés dans une galerie WordPress avec des cadres de style Polaroid et des couleurs d'arrière-plan personnalisées.
Montures colorées de style Polaroid avec différentes « inclinaisons ».

Il y a d’autres choses amusantes que les utilisateurs peuvent faire, comme alterner les styles carrés et arrondis :

Un bloc WordPress Gallery avec une alternance d'images circulaires et carrées.
Images de carrés et de cercles en alternance.

La nouvelle structure n’est peut-être pas sans problèmes dès le début. WordPress continuera probablement à prendre en charge l’ancien format pendant un certain temps pour une compatibilité descendante. Tous les nouveaux blocs de la Galerie seront dans le nouveau. Cependant, le noyau devrait éventuellement transformer automatiquement l’ancien balisage.

Les auteurs de thèmes qui ont ajouté des CSS personnalisés seront ceux qui ont le plus de potentiel de travail à venir. Tenter de prendre en charge à la fois le nouveau et l’ancien balisage pourrait être un exercice frustrant. Le nouveau bloc Galerie a cassé la sortie avec mon thème personnalisé – les marges et les largeurs sont désactivées.

Tous les styles pour le nouveau format commencent par, au moins, .wp-block-gallery.blocks-gallery-grid.has-nested-images. Cela annulera probablement les styles de thème personnalisés. Je n’ai pas encore compris l’obsession de l’enchaînement des sélecteurs dans le code principal. Cela crée une tonne de code gonflé et force les auteurs de thèmes dans une bataille de spécificité. J’espère que cela se résorbera un peu. Quoi qu’il en soit, les auteurs de thèmes ont amplement le temps de tester et d’implémenter les correctifs si nécessaire.

À long terme, je suis enthousiasmé par la possibilité de rompre avec l’idée de seulement ajouter des images aux galeries. Par exemple, j’aimerais voir une option de grille pour quelque chose comme ce qui suit :

Une galerie d'images avec un blockquote imbriqué dans la grille.
Galerie avec devis.

Imbriquer une citation au milieu de ma galerie d’images pourrait être une idée de motif de bloc amusante qui ne repose pas sur un méli-mélo de blocs de colonnes empilés. Nous verrons ce que l’avenir nous réserve.

Pour l’instant, transformer les blocs Gallery en conteneurs est une étape bienvenue.


Source link