Gutenberg 11.2.0 est sorti aujourd’hui avec une prise en charge étendue des couleurs pour les blocs Search et Pullquote. Historiquement, la personnalisation de ces éléments était hors de portée pour la plupart des utilisateurs si leurs thèmes ne les incluaient pas en tant qu’options. Cette version présente prise en charge des couleurs et prise en charge de la couleur de la bordure pour le bouton de recherche.
Les pullquotes reçoivent un traitement similaire avec prise en charge des bordures et des couleurs, permettant des options de conception créatives pour ceux qui aiment prendre les rênes de la personnalisation.
C’est ce genre de changements de style infimes que les développeurs Web auraient été payés pour effectuer dans les premiers jours des concerts de personnalisation de thème. Désormais, l’éditeur de blocs permet à n’importe qui d’intervenir et de le faire lui-même.
Ces ajouts de prise en charge des couleurs font partie d’un effort plus large visant à améliorer les outils de conception de l’éditeur afin de fournir une application cohérente à travers les blocs.
« Un autre objectif important des outils de conception est de s’assurer qu’un large éventail de modèles magnifiquement conçus sont possibles ; que les meilleures pratiques sont non seulement possibles mais encouragées ; et que la personnalisation des blocs est une expérience cohérente et naturelle », a déclaré l’architecte en chef de Gutenberg, Matias Ventura, dans le tâches de l’outil de conception de suivi des billets.
Gutenberg 11.2 introduit également la prise en charge d’un nouvelle disposition flex expérimentale. Le besoin d’aménagements supplémentaires a été décrit par Rick Banister dans un billet soumis il y a un an, demandant une option « afficher horizontal » pour le bloc Groupe :
Lorsque vous créez des modèles ou essayez de réaliser une mise en page avec plusieurs éléments disposés horizontalement, il serait utile d’avoir un bloc parent qui organiserait automatiquement ses enfants sur une seule ligne. Les colonnes peuvent être utilisées pour organiser des éléments côte à côte, mais elles ajoutent beaucoup d’imbrication supplémentaire si vous n’avez besoin d’organiser qu’un seul ensemble de blocs.
Nous pourrions tirer parti du bloc Group et y ajouter une option « afficher horizontalement » ou « agir comme une ligne ». Il envelopperait ses enfants et agirait comme un « conteneur flexible » (
display:flex; flex-direction:row;). Davantageflexles paramètres peuvent être facultatifs pour aligner et distribuer les objets.
Une option de disposition flexible a le potentiel de supprimer une partie de la complexité des blocs d’imbrication. Ce premier prototype montre une interface utilisateur approximative et inachevée pour un commutateur de mise en page. Il montre la différence entre une mise en page flexible et la mise en page « flux » par défaut, qui affiche les enfants les uns après les autres verticalement sans aucun style spécifique. Le PR inclus dans Gutenberg 11.2 permet blocs pour prendre en charge plusieurs mises en page. L’ingénieur de Gutenberg, Riad Benguella, a déclaré que le plan est d’introduire plus de mises en page, telles que « grille » et « conteneur à positionnement absolu ».
L’ajout de la prise en charge de la mise en page « flex » pour le bloc de groupe est la première étape pour prouver comment les options de mise en page multiples peuvent fonctionner dans l’éditeur de blocs.
« Dans la version précédente de WordPress, nous avons introduit le layout configuration et le __experimentalLayout prop pour les blocs intérieurs, » dit Benguella. « La raison initiale était de rendre les alignements et les largeurs de contenu plus déclaratifs pour les thèmes. Bien qu’il s’agisse d’un objectif ambitieux en soi et difficile à atteindre pour la mise en page par défaut, l’objectif a toujours été d’absorber et de prendre en charge plus de types de mises en page dans l’éditeur que la liste verticale régulière de blocs.
Cette prise en charge expérimentale de la mise en page flexible peut être utile pour les développeurs de thèmes et a du sens dans certains cas d’utilisation avec le bloc Cover, les en-têtes, les icônes sociales, les colonnes et d’autres applications. L’interface utilisateur du commutateur de mise en page est cachée dans cette version tandis que l’équipe Gutenberg travaille sur une meilleure conception et le libellé de la fonctionnalité.
Source link