Concevoir vos boutons

Personnalisez les boutons de votre site en ajustant les couleurs, les polices, les bordures, les ombres, etc. Ce guide vous guide à travers les options de style disponibles et la façon de les appliquer.

Suivez ces étapes pour personnaliser les styles de bouton :

1. Utilisez la vue en liste pour sélectionner le bloc Boutons.

2. Dans la colonne latérale des réglages du bloc à droite, cliquez sur l’icône Styles.

3. Personnalisez les éléments de style suivants du bloc Boutons :
   • Couleur : choisissez une couleur d’arrière-plan pour le bloc Boutons. En savoir plus sur les couleurs.
   • Typographie : modifiez le type et la taille de police du bouton. En savoir plus sur la typographie.
   • Dimensions : définissez les marges internes et externes et l’espacement des blocs. En savoir plus sur les dimensions.
   • Bordure : personnalisez la couleur et le rayon de la bordure. En savoir plus sur les bordures.

Suivez ces étapes pour appliquer des styles à des boutons spécifiques dans le bloc Boutons :

1. Utilisez la vue en liste pour sélectionner un bouton spécifique dans le bloc Boutons.

2. Dans la colonne latérale des réglages du bloc à droite, cliquez sur l’icône Styles.

3. Personnalisez les styles suivants :
   • Styles : choisissez entre Remplissage et Contour pour le style de bouton.
   • Couleur : choisissez le texte et la couleur d’arrière-plan du bouton. En savoir plus sur les couleurs.
   • Typographie : modifiez le type de police, le style et la taille du bouton. En savoir plus sur la typographie.
   • Dimensions : définissez la marge interne autour d’un bouton spécifique. En savoir plus sur les dimensions.
   • Bordure et ombre : personnalisez la couleur et le rayon de la bordure ou ajoutez une ombre portée au bouton. En savoir plus sur les bordures.

Outre les options de typographie disponibles dans les styles de bloc, vous pouvez appliquer une mise en forme au texte du bouton en procédant comme suit :

1. Utilisez la vue en liste pour sélectionner un bouton spécifique dans le bloc Boutons.
2. Mettez en surbrillance une partie ou l’intégralité du texte du bouton que vous souhaitez mettre en forme. 

3. Faites votre choix parmi les options de mise en forme suivantes :
   • Aligner le texte (à gauche, au centre, à droite)
   • Ajouter un lien
   • Gras
   • Italique
   • L’icône Plus comprend :
     • Mettre en évidence : modifiez le texte et la couleur d’arrière-plan du texte uniquement. Utilisez les styles pour modifier la couleur du bouton.
     • Code en ligne
     • Image en ligne
     • Saisie au clavier
     • Langue
     • Barrer
     • Indice
     • Exposant