Comme beaucoup d’autres, j’ai souvent des onglets épinglés sur toutes sortes de choses dans mon navigateur. Certains d’entre eux y restent pendant des mois. D’autres depuis des années, je l’avoue honteusement. Parmi les quelques onglets de navigateur liés à Gutenberg que j’ai eu épinglé depuis fin 2020L’un d’eux a finalement eu le genre d’exercice que j’attendais. Le bloc de la galerie a finalement eu ça refactor indispensable il fallait.

Une galerie est essentiellement un conteneur d’images imbriquées. Le concept de blocs imbriqués existe et est utilisé depuis longtemps. Cependant, le bloc principal « Galerie » n’utilise pas cette fonction. Cela signifie que les utilisateurs n’ont pas accès aux fonctions de bloc d’image existantes.

Souhaitez-vous personnaliser le lien pour des images individuelles? Vous ne pouvez rien faire avec le bloc galerie. Au lieu de cela, les utilisateurs doivent utiliser des colonnes et insérer des blocs d’image. C’est une partie si fondamentalement brisée de l’expérience utilisateur qu’il n’est pas étonnant que les utilisateurs en dehors de WordPress aient recherché des solutions alternatives. Et c’est un problème depuis l’introduction des galeries via le système de shortcode dans WordPress 2.5.

Voulez-vous changer le style de chaque image de la galerie? Traditionnellement, c’était également impossible. Cependant, si chaque image est un bloc d’image, les utilisateurs peuvent basculer entre les styles carré et rond, par exemple.

Bloc de galerie dans l'éditeur WordPress avec des formes d'image rondes et carrées en alternance.
Modification des styles de bloc d’image dans une galerie.

Les utilisateurs peuvent même utiliser un plugin comme Editor Plus avec ses styles de blocs d’image avancés pour créer une galerie de « blobs d’images » ou les animer individuellement.

Galerie d'images avec "goutte" Façonner.
Images individuelles avec des formes « blob » via Editor Plus.

Ce changement pourrait ouvrir certaines options de mise en page où les utilisateurs contrôlent le positionnement de chaque élément dans la grille. Et pourquoi s’arrêter avec des photos? Il n’y a aucune raison pour que Core ne puisse pas ouvrir le bloc à d’autres types d’imbrication tels que des vidéos, des citations et plus encore à l’avenir.

Galerie d'images avec une citation comme l'un des éléments de la grille.
Galerie de photos avec citation.

L’inconvénient de cette nouvelle fonctionnalité est que les développeurs qui ont déjà construit sur le bloc galerie peuvent avoir besoin de plus de travail. Il est donc essentiel que vous testiez ce changement maintenant.

Les testeurs peuvent voir le changement en basculant le Branche Refactor de la galerie via GitHub ou prenez un fichier zip de la construction. Il ajoute une nouvelle option de refactorisation de la galerie à l’écran des paramètres expérimentaux de Gutenberg qui doit être activée.

Seuls les blocs de galerie nouvellement ajoutés utilisent le nouveau format. À première vue, rien n’a changé. Cependant, en sélectionnant une seule image, les utilisateurs peuvent utiliser les paramètres de bloc d’image typiques. Les deux exceptions sont les options d’alignement et de redimensionnement, qui ont été supprimées car elles endommageraient la mise en page. Les nouvelles galeries ne fonctionneront pas non plus dans l’éditeur de site.

« Bien que les attentes en matière de performances ne changent pas, techniquement, il s’agit d’un changement assez important pour un bloc très populaire, il serait donc d’une grande aide de recueillir autant de commentaires de test que possible », a écrit Glen Davies dans le message d’annonce.

Cette déclaration pourrait être trompeuse. Avec la nouvelle implémentation, des modifications fondamentales et rétrocompatibles sont apportées à la sortie de balisage.

Dans les itérations précédentes de la galerie, il y avait un conteneur wrapper (<div>) et une liste non ordonnée (<ul>) d’images. La modification proposée supprimerait entièrement la liste et supprimerait les blocs d’image en tant qu’enfants directs de l’élément contenant. Cela casse les styles de thèmes personnalisés et éventuellement l’intégration de plugins.

Sur le plan technique, je ne vois pas la nécessité de modifier les galeries de balisage externes. C’est juste la partie image de l’équation qui doit changer. Si cela est dû à des limitations avec le InnerBlocks Système (fonctionnalité de blocs imbriqués), il n’est peut-être pas assez robuste pour répondre aux besoins des développeurs.

Avec les changements constants de balisage et de CSS dans le système de blocs de base, il devient probablement une chose du passé de coder tout le CSS sur un site à partir de zéro. Ce n’est pas le premier cas d’une telle rupture et ce sera sans doute le dernier, une rareté dans la période pré-bloc. La meilleure pratique consiste pour les auteurs de sujets à conserver les styles de base et à les développer, même si cela provoque un gonflement des pages. Ce n’est pas un plan infaillible, mais il allège le fardeau.

Dans l’ensemble, je salue l’agrandissement du bloc galerie, même si certaines choses se cassent. Cela ouvre potentiellement un monde de possibilités et est nécessaire si jamais le projet doit fournir autre chose que des fonctionnalités de base aux utilisateurs finaux.



Source link

Recent Posts