Les boutons sont des composants essentiels pour la navigation des visiteurs et vous en aurez certainement beaucoup, un peu partout sur votre site internet. Pour la même raison, il ne sera peut-être pas suffisant pour vous de n’avoir qu’un style de bouton. Pour vous aider à ajouter plus de diversité visuelle aux boutons, l’Éditeur vous permet de concevoir des styles alternatifs de boutons grâce aux modules Bouton 2 et Bouton 3. Vous pouvez ajouter les modules Bouton 2 et 3 en sélectionnant Bouton 2ou Bouton 3 sous la catégorie Navigation sur la page dans la fenêtre Ajouter un module.
En quoi diffèrent Bouton, Bouton 2 et Bouton 3 ?
Les trois modules de boutons sont complètement identiques en termes de fonctionnalité. La seule différence entre Bouton 2 et Bouton 3, c’est que le Bouton 3 hérite des propriétés du Graphisme Général du Bouton 1, tandis que le Bouton 2 n’hérite d’aucun stylisme.
L’idée que le Bouton 3 hérite du stylisme du Bouton 1 est que vous ayez deux types de boutons qui aient l’air similaires mais qui diffèrent sur quelques paramètres comme la couleur du texte ou la taille du bouton. Cela vous permet de différencier plus facilement les éléments du design à un niveau plus granulaire, sans avoir besoin de styliser les éléments localement.
Vous pouvez alors styliser le Bouton 2 complètement différemment du Bouton 1 et du Bouton 3. Par exemple, vous pouvez le styliser en couleurs pâles afin de pouvoir l’utiliser sur des fonds plus sombres où le Bouton 1 et le Bouton 3 ne seraient peut-être pas l’idéal.
Exemple
Votre Bouton par défaut est stylisé avec une couleur de fond sombre afin qu’il soit clairement visible sur les lignes aux couleurs claires. Toutefois, vous avez quelques images en couleurs sombres et vous voulez mettre des boutons dessus. Bien sûr, le bouton sombre sera à peine visible sur ces images, donc vous concevez un style alternatif de bouton, le Bouton 2, et vous le faites en blanc afin qu’il se démarque sur les fonds plus sombres.
Voici un autre exemple. Vous avez de nombreuses images sur votre site internet, certaines plus grosses et d’autres plus petites. Vous préfèrerez placer un gros bouton sous vos images plus grandes et un petit bouton sous vos images plus petites.
Dans ce cas, vous pouvez avoir stylisé votre Bouton dans le Graphisme Général pour qu’il soit plus gros en taille et votre Bouton 2 pour qu’il soit plus petit. En procédant ainsi, vous n’avez pas besoin de passer du temps à faire localement des modifications individuelles quand vous souhaitez différencier le graphisme du bouton.