WebMan Design lance Abs, des styles supplémentaires pour les blocs WordPress natifs – WP Tavern

Le propriétaire de WebMan Design, Oliver Juhas, a publié lundi la première version du plug-in Abs – Additional block styles. Contrairement à de nombreuses extensions liées aux blocs, il n’offre aucun bloc en soi. Au lieu de cela, il enregistre des styles personnalisés pour améliorer ceux fournis avec le noyau WordPress.

Au total, le plugin ajoute 18 styles. Certains sont spécifiques à un seul bloc, comme Accessibility Hidden, qui crée des titres invisibles, les rendant disponibles pour les lecteurs d’écran. D’autres, comme le style Drop Shadow, sont enregistrés pour plusieurs blocs.

Dans l’ensemble, il s’agit d’un ensemble complet qui se penche souvent sur des cas d’utilisation plus pratiques. Les styles Chevauchement au-dessus et Chevauchement au-dessous correspondent à ce scénario. Le premier permet aux utilisateurs de remonter l’image, la couverture et d’autres blocs, en chevauchant la section au-dessus d’eux.

Ce dernier va dans le sens inverse. Section de chevauchement d’image au-dessus. L’inconvénient de ces chevauchements est que l’utilisateur ne peut pas contrôler la distance vers le haut ou vers le bas du bloc.

Les contrôles de marge verticale négative sont une fonctionnalité recherchée dans WordPress, souvent nécessaire pour créer des mises en page spécialisées. Juhas a fourni une propriété personnalisée CSS –abs_overlap_value. Les utilisateurs de bricolage pourraient contrôler cela via CSS.

À tout le moins, les auteurs de thèmes pourraient s’intégrer directement au plugin. Cependant, ils peuvent simplement vouloir enregistrer les styles pour leurs propres thèmes s’ils rencontrent tous les problèmes. Bien que les styles de plugins puissent être pratiques à bien des égards, Juhas a également ajouté un peu de fantaisie dans le mélange.

Presque comme une signature, presque tous les plugins similaires offrent au moins un masque SVG pour les blocs liés à l’image. Abs suit le même chemin avec son style Paint Brush : style Paint Brush appliqué à une image. C’est le seul masque SVG de ce type dans le plugin, un style qui a presque été exagéré.

Au moins, l’option Paint Brush sort du moule des «formes de gouttes» qui sont devenues monnaie courante. Juhas a plusieurs exemples de captures d’écran et de GIF sur la page du plugin qui explorent ce dont le plugin est capable, beaucoup d’entre eux mélangeant et faisant correspondre différents blocs et styles. Il est peu probable que je lui rende justice ici.

Cependant, je me suis essayé à plusieurs mises en page. L’une de mes créations préférées consistait à mélanger le style Wavy pour le bloc Media & Text avec Zigzag for Separator : le style Wavy pour Media & Text avec un mélange de blocs Zigzag Separator. Abs inclut également une option Double Ligne pour le bloc Séparateur.

Mais, le plugin brille le plus avec Media & Text. Je ne peux que supposer que Juhas l’a regardé et s’est rendu compte que peu de designers faisaient quelque chose d’intéressant avec lui, en prenant la responsabilité sur lui-même. Ce n’est qu’une supposition, de toute façon.

Le plugin ajoute un style Paint Brush pour Media & Text comme il le fait pour les autres blocs de type image. Il dispose également d’une option Media on Top pour empiler le contenu du bloc sur les écrans de bureau et mobiles et une option d’empilement similaire pour les tablettes. Il prend en charge les deux styles de chevauchement mentionnés précédemment.

De plus, les utilisateurs peuvent tirer parti de sa variation Gradient, comme le montre la capture d’écran suivante : Style de dégradé utilisé pour le bloc Média et texte. Je ne fais qu’effleurer la surface des possibilités avec les styles prêts à l’emploi du plugin. Avec le temps et la créativité, les utilisateurs peuvent créer des mises en page uniques avec.

J’ai testé Abs sur plusieurs thèmes basés sur des blocs, et cela a bien résisté. Les seuls problèmes que j’ai rencontrés étaient probablement liés à l’exécution du dernier plugin Gutenberg. Après avoir sélectionné une couleur personnalisée lors de l’utilisation du style Zigzag pour le bloc Séparateur, la couleur d’arrière-plan prend le pas sur la forme.

De plus, les styles d’alignement du bloc Colonne ne s’alignent pas à gauche ou à droite dans l’éditeur. Cependant, ils fonctionnent sur le front-end. Je suis un fan des plugins qui proposent des styles personnalisés, et Abs est un départ bienvenu du carrousel des bibliothèques de blocs.

Il a juste assez de variété pour plaire à ceux qui recherchent des options de conception conviviales pour les entreprises sans négliger les utilisateurs qui veulent juste s’amuser un peu.