Bloc Boutons

Retour à la liste des blocs

Le bloc Boutons vous permet d’ajouter un ou plusieurs boutons renvoyant vers d’autres pages de votre site ou vers une page externe.

Il est composé d’un bloc parent (le bloc Boutons) et d’un ou plusieurs blocs enfants (bloc Bouton au singulier) selon que vous y insérez un ou plusieurs boutons.

Pour connaître la procédure à suivre pour ajouter un bloc, veuillez consulter l’article Ajouter un nouveau bloc.

Lorsque vous ajoutez un bloc Boutons, un premier bloc Bouton (enfant) est automatiquement ajouté. Vous pouvez alors personnaliser le texte du bouton en cliquant sur le texte Ajouter du texte… et saisir le texte de votre bouton.
Si vous souhaitez ajouter un autre bouton, cliquez sur l’icône du bloc Boutons (situé à gauche de la barre d’outils du bloc Bouton) pour sélectionner le bloc Boutons, puis sur l’icône « + » en bas à droite du bloc : un autre bloc Bouton (enfant) sera alors créé et le curseur y sera automatiquement placé pour que vous puissiez saisir le texte de ce bloc Bouton.

Barre d’outils du bloc Boutons

Capture d’écran de la barre d’outils du bloc parent Boutons

Chaque bloc dispose d’une barre d’outils vous permettant de manipuler le bloc directement dans l’éditeur. L’article Barre d’outils des blocs vous présente les outils communs à tous les blocs et leur fonctionnement. Les outils spécifiques à ce bloc, s’il en existe, sont décrits ci-dessous.

Haut ↑

Modifier la justification des blocs

L’outil Modifier la justification des blocs permet de modifier la justification du ou des blocs Bouton placés dans le bloc Boutons. Quatre options sont proposées :

  • Justifier les blocs à gauche – Aligne les blocs sur le bord gauche du bloc Boutons.
  • Justifier les blocs au centre – Centre les blocs au centre du bloc Boutons.
  • Justifier les blocs à droite – Aligne les blocs sur le bord droit du bloc Boutons.
  • Répartir les blocs – Répartit équitablement les blocs sur la largeur du bloc Boutons.

Notez que l’on retrouve ces options dans la section Mise en page dans la colonne latérale des réglages du bloc.

Haut ↑

Barre d’outils du bloc Bouton

Capture d’écran de la barre d’outils du bloc enfant Bouton

Haut ↑

Lien

L’outil Lien vous permet d’indiquer l’URL vers laquelle vous souhaitez rediriger les internautes : saisissez l’URL ou effectuez une recherche parmi les publications du site avec un mot-clé, puis validez l’URL en cliquant sur le bouton Envoyer, enfin cochez l’option Ouvrir dans un nouvel onglet, si vous le souhaitez.

Haut ↑

Réglages du bloc Boutons

Selon les blocs, divers réglages sont disponibles dans la colonne latérale des réglages. Parmi ceux-ci, on distingue les réglages communs (à une majorité de blocs) des réglages spécifiques, décrits ci-dessous.

Haut ↑

Mise en page

Dans l’onglet Mise en page, vous accédez aux réglages suivants :

  • La Justification des blocs Bouton dont les différentes options sont détaillées ici.
  • L’Orientation des blocs Bouton, vous pouvez choisir de placer les boutons les uns à côté des autres (horizontal) ou les uns en dessous des autres (vertical).
  • Autoriser le regroupement de lignes multiples.
Capture d’écran des réglages de Mise en page du bloc parent Boutons

Haut ↑

Dimensions

La disponibilité de cet onglet est dépendante du thème, il est par exemple proposé avec le thème Twenty Twenty-Two.

Dans l’onglet Dimensions, vous pouvez définir les Marges externes et l’Espacement des blocs dans différentes unités. Ceci ajoutera la propriété gap (qui définit l’espace entre les lignes ou colonnes) aux propriétés CSS du bloc Boutons.

Capture d’écran des réglages de Dimensions du bloc parent Boutons

Haut ↑

Avancé

L’onglet Avancé vous permet d’accéder aux réglages avancés des blocs.

Haut ↑

Réglages du bloc Bouton

Haut ↑

Bordure

Dans l’onglet Bordure, vous pouvez définir le rayon de la bordure en saisissant une valeur dans le champ Rayon, ou en déplaçant le curseur. Vous verrez immédiatement le bouton mis en forme dans la page. Vous pouvez définir une valeur unique commune aux quatre angles du bouton, ou au contraire, en cliquant sur le bouton Délier les valeurs, indiquer une valeur distincte pour chaque angle. Ce réglage définit les valeurs de la propriété CSS border-radius.

Haut ↑

Réglages de largeur

Dans l’onglet Réglages de largeur, définissez, en pourcentage de la largeur du bloc Boutons, la largeur du bloc Bouton ou de chacun des blocs Bouton si vous en avez inséré plusieurs.

Haut ↑

Dimensions

La disponibilité de cet onglet est dépendante du thème, il est par exemple proposé avec le thème Twenty Twenty-Two.

Haut ↑

Avancé

L’onglet Avancé vous permet d’accéder aux réglages avancés des blocs.

Traduit par Patrice Pichon & Jenny Dupuy
Relu par Jenny Dupuy & Jb Audras
Dernière mise à jour le 12 mai 2022

Contribuer à la documentation en français de WordPress

Journal des modifications

12 mai 2022Jenny Dupuy – Application de la mutualisation des contenus et mise à jour des descriptions des outils et réglages en version 5.9.
30 avril 2022Jenny Dupuy – Correction de la cible du lien Retour aux blocs.
04 février 2021 – Jenny Dupuy – Ajout d’un lien vers l’article concernant les contrôles de texte enrichis.