Inblock smooth blocks

Inblock Smooth Block est un plugin WordPress qui vous permet d’ajouter facilement des micro-interactions élégantes à vos blocs Gutenberg. Vous pouvez ainsi créer des sites interactifs sans effort et sans écriture de code.

Philosophie

• Eco-conception : ce plugin des conçu pour être le plus léger possible : aucun javascript dans le rendu, aucune image chargée (utilisation d’icônes unicode)
• Compatible avec tous les thèmes : ce plugin est conçu pour enrichir les blocs gutenberg de façon additive et être compatible au maximum avec les thèmes
• Accessibilité : respect au maximum des critères d’accessibilités

Téléchargement

• Dernière version : Inblock-smooth-blocks v.0.8.1

Les micro-interactions disponibles

Bloc bouton

Sur le bloc bouton, l’animation Icône animée / Animated Icons, ajoute un icône animée au bouton. Au survol, l’icône se déplace légèrement. L’interaction est compatible avec les différents styles de bouton.

L’option « couleur » permet de changer la couleur de l’icône animée.

Sur le bloc bouton, l’animation ombre de survol / Hover shadow, fait apparaitre une ombre similaire à une bordure au survol du bouton. L’interaction est compatible avec les différents styles de bouton. Les options vous permettent de choisir la couleur et l’épaisseur de l’ombre ajoutée et de choisir entre deux options visuelles : border et rise.

Bloc navigation

Sur le bloc navigation, l’animation Rotation animée / Smooth Rotation, ajoute un effet de rotation au chevron indiquant les sous-menu lorsqu’ils sont survolés et que le sous-menu apparait.

Bloc group

L’animation Soulignement animé / Underline reveals, ajoute un effet de surlignement au survol des liens. L’effet s’applique à l’ensemble des liens contenus dans le bloc.

Si l’option « conserver le soulignement » est désactivée, alors le soulignement des liens disparait par défaut et n’apparaitra qu’au survol. L’option couleur permet de choisir la couleur de votre choix pour le soulignement.

Utilisation

Depuis l’éditeur, lorsque vous sélectionnez un bloc sur lequel une animation est disponible, vous trouverez un nouvel encart « Inblock effects » dans l’onglet « Styles » du bloc sélectionné. Depuis cet encart, vous pouvez activer, désactiver et configurer les animations disponibles.

Support