Guides/Créer du contenu/Design/Aligner les boutons sur votre site

Aligner les boutons sur votre site

Personnalisez l’alignement et la position des boutons sur votre site. Ce guide vous apprend à aligner les boutons et à définir la largeur de chaque bouton.

Aligner les boutons

Vous pouvez définir l’emplacement et la position des boutons dans le bloc Boutons. Procédez comme suit pour aligner les boutons de votre site :

  1. Utiliser la vue en liste pour sélectionner le bloc Boutons.
La vue en liste est ouverte et le bloc Boutons est mis en évidence.
  1. Dans la barre d’outils qui apparaît, choisissez parmi les options d’alignement suivantes :
    • Alignement : définissez la largeur maximale du conteneur de boutons.
    • Justification : alignez des boutons spécifiques à gauche, au centre, à droite ou avec un espace régulier dans le bloc Boutons.
    • Alignement vertical : alignez les boutons en haut, au milieu, en bas ou étirez pour remplir le bloc Boutons.
Les options d’alignement dans la barre d’outils du bloc Boutons.
  1. Dans la colonne latérale des réglages du bloc sur la droite, sélectionnez :
    • Orientation : affichez les boutons côte à côte (horizontalement) ou empilés (verticalement).
    • Autoriser le regroupement de lignes multiples : activez cette option pour disposer les boutons sur plusieurs lignes lorsque l’espace est limité (comme sur les appareils mobiles).  
Les réglages de la colonne latérale du bloc Boutons sont ouverts et la section « Mise en page » est mise en évidence.

Définir la largeur d’un bouton

Pour définir la largeur d’un bouton spécifique :

  1. Utilisez la vue en liste pour sélectionner un bouton spécifique dans le bloc Boutons.
La vue en liste d’un éditeur de page est ouverte, avec une flèche pointant de l’icône de vue en liste vers la liste de blocs Boutons.
  1. Dans la colonne latérale des réglages du bloc sur la droite, choisissez une largeur de 25 %, 50 %, 75 % ou 100 % du conteneur du bloc Boutons.
Réglages de la colonne latérale d’un bouton spécifique avec les options de largeur mises en surbrillance.

Réinitialiser la largeur d’un bouton

  1. Utilisez la vue en liste pour sélectionner un bouton spécifique dans le bloc Boutons.
La vue en liste d’un éditeur de page est ouverte, avec une flèche pointant de l’icône de vue en liste vers la liste de blocs Boutons.
  1. Dans la colonne latérale des réglages du bloc sur la droite, sélectionnez l’icône d’options des réglages ().
  2. Cliquez sur Réinitialiser en regard de l’option Largeur.
La colonne latérale des réglages du bouton est ouverte, l’option Réinitialiser est affichée pour la largeur.
Copied to clipboard!