Title: Bloc Boutons
Author: Dion Hulse
Published: 7 mars 2019
Last modified: 24 juillet 2024

---

## Dans cet article

 * [Barre d’outils du bloc parent Boutons](https://fr.wordpress.org/support/article/buttons-block/?output_format=md#barre-doutils-du-bloc-parent-boutons)
    - [Modifier la justification des blocs](https://fr.wordpress.org/support/article/buttons-block/?output_format=md#modifier-la-justification-des-blocs)
    - [Modifier l’alignement vertical](https://fr.wordpress.org/support/article/buttons-block/?output_format=md#modifier-lalignement-vertical)
 * [Barre d’outils du bloc enfant Bouton](https://fr.wordpress.org/support/article/buttons-block/?output_format=md#barre-doutils-du-bloc-enfant-bouton)
    - [Lien](https://fr.wordpress.org/support/article/buttons-block/?output_format=md#lien)
 * [Réglages du bloc parent Boutons](https://fr.wordpress.org/support/article/buttons-block/?output_format=md#reglages-du-bloc-parent-boutons)
    - [Avancé](https://fr.wordpress.org/support/article/buttons-block/?output_format=md#avance)
 * [Réglages du bloc enfant Bouton](https://fr.wordpress.org/support/article/buttons-block/?output_format=md#reglages-du-bloc-enfant-bouton)
    - [Réglages de largeur](https://fr.wordpress.org/support/article/buttons-block/?output_format=md#reglages-de-largeur)
    - [Avancé](https://fr.wordpress.org/support/article/buttons-block/?output_format=md#avance-2)
    - [Attribut REL](https://fr.wordpress.org/support/article/buttons-block/?output_format=md#attribut-rel)

## Catégories

 * [Accessibilité](https://fr.wordpress.org/support/category/accessibilite/) (7)
 * [Administration de base](https://fr.wordpress.org/support/category/administration-base/)(
   36)
 * [Éditeur de bloc](https://fr.wordpress.org/support/category/block-editor/) (113)
 * [Éditeur de site](https://fr.wordpress.org/support/category/editeur-de-site/)(
   52)
 * [Classic Editor](https://fr.wordpress.org/support/category/classic-editor/) (
   2)
 * [Comment faire](https://fr.wordpress.org/support/category/how-to/) (8)
 * [Conception et mise en page](https://fr.wordpress.org/support/category/design-and-layout/)(
   17)
 * [Débuter](https://fr.wordpress.org/support/category/getting-started/) (37)
 * [Dépannage et support](https://fr.wordpress.org/support/category/troubleshooting/)(
   20)
 * [Développement](https://fr.wordpress.org/support/category/developpement/) (12)
 * [Installer WordPress](https://fr.wordpress.org/support/category/installer-wordpress/)(
   29)
 * [Maintenance](https://fr.wordpress.org/support/category/maintenance/) (23)
 * [Personnalisation](https://fr.wordpress.org/support/category/personnalisation/)(
   20)
 * [Qu’est-ce que WordPress ?](https://fr.wordpress.org/support/category/quest-ce-que-wordpress/)(
   11)
 * [Sécurité](https://fr.wordpress.org/support/category/securite/) (7)
 * [Sujets avancés](https://fr.wordpress.org/support/category/sujets-avances/) (
   31)
 * [Utilisation de base](https://fr.wordpress.org/support/category/utilisation-de-base/)(
   38)

# Bloc Boutons

[Retour à la liste des blocs](https://fr.wordpress.org/support/article/blocks/?output_format=md)

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.

Afin de connaître la procédure à suivre pour ajouter un bloc, veuillez consulter
l’article [Ajouter un nouveau bloc](https://fr.wordpress.org/support/article/adding-a-new-block/?output_format=md).

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 enfant **Bouton**) pour sélectionner le bloc parent**
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 enfant **Bouton**.

## 󠀁[Barre d’outils du bloc parent Boutons](https://fr.wordpress.org/support/article/buttons-block/?output_format=md#barre-doutils-du-bloc-parent-boutons)󠁿

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

Chaque bloc dispose d’une barre d’outils vous permettant de le manipuler directement
dans l’éditeur. Parmi ces outils, on distingue des outils communs, présentés dans
l’article [Barre d’outils des blocs,](https://fr.wordpress.org/support/article/barre-doutils-des-blocs/?output_format=md)
et d’éventuels outils spécifiques, décrits ci-dessous. 

### 󠀁[Modifier la justification des blocs](https://fr.wordpress.org/support/article/buttons-block/?output_format=md#modifier-la-justification-des-blocs)󠁿

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

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

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

### 󠀁[Modifier l’alignement vertical](https://fr.wordpress.org/support/article/buttons-block/?output_format=md#modifier-lalignement-vertical)󠁿

L’outil **Modifier l’alignement vertical** permet de choisir entre quatre options
pour l’alignement vertical des boutons enfants contenus dans le bloc parent **Boutons**:

 * **Aligner en haut** – Aligne les blocs sur le bord haut du bloc parent **Boutons**.
 * **Aligner au milieu** – Centre verticalement les blocs.
 * **Aligner en bas** – Aligne les blocs sur le bord bas.
 * **Étirer pour remplir** – Étire les blocs sur la hauteur.

## 󠀁[Barre d’outils du bloc enfant Bouton](https://fr.wordpress.org/support/article/buttons-block/?output_format=md#barre-doutils-du-bloc-enfant-bouton)󠁿

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

### 󠀁[Lien](https://fr.wordpress.org/support/article/buttons-block/?output_format=md#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.

Notez que si aucun protocole n’est spécifié pour le lien, le protocole `http `est
automatiquement ajouté.

## 󠀁[Réglages du bloc parent Boutons](https://fr.wordpress.org/support/article/buttons-block/?output_format=md#reglages-du-bloc-parent-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](https://fr.wordpress.org/support/article/reglages-communs-des-blocs)(
à une majorité de blocs) des réglages spécifiques, décrits ci-dessous.

Le bloc parent **Boutons **ne propose pas de réglage qui lui soit spécifique.

### 󠀁[Avancé](https://fr.wordpress.org/support/article/buttons-block/?output_format=md#avance)󠁿

L’onglet **Avancé **vous permet d’accéder aux [réglages avancés des blocs](https://fr.wordpress.org/support/article/reglages-avances-des-blocs/?output_format=md).

## 󠀁[Réglages du bloc enfant Bouton](https://fr.wordpress.org/support/article/buttons-block/?output_format=md#reglages-du-bloc-enfant-bouton)󠁿

### 󠀁[Réglages de largeur](https://fr.wordpress.org/support/article/buttons-block/?output_format=md#reglages-de-largeur)󠁿

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

### 󠀁[Avancé](https://fr.wordpress.org/support/article/buttons-block/?output_format=md#avance-2)󠁿

L’onglet **Avancé **vous permet d’accéder aux [réglages avancés des blocs](https://fr.wordpress.org/support/article/reglages-avances-des-blocs/?output_format=md).

### 󠀁[Attribut REL](https://fr.wordpress.org/support/article/buttons-block/?output_format=md#attribut-rel)󠁿

Le réglage **Attribut REL**, situé dans la section **Avancé**, vous permet de définir
l’attribut HTML `rel` de chaque lien du bouton.
Cet attribut définit la relation
entre un lien et le site web actuel, [en savoir plus sur l’attribut REL](https://developer.mozilla.org/fr/docs/Web/HTML/Attributes/rel).

Traduit par [Patrice Pichon](https://profiles.wordpress.org/) & [Jenny Dupuy](https://profiles.wordpress.org/jdy68/)

Relu par [Jenny Dupuy](https://profiles.wordpress.org/) & [Jb Audras](https://profiles.wordpress.org/)
Dernière mise à jour le 24 juillet 2024

[Contribuer à la documentation en français de WordPress](https://fr.wordpress.org/team/handbook/traduire-la-documentation-de-wordpress-en-francais/rejoindre-lequipe-de-traduction-de-la-documentation/?output_format=md)

**Journal des modifications**

**24 juillet 2024** – [Marie Comet](https://profiles.wordpress.org/chaton666/) –
Ajout du réglage Attribut REL.
**2 novembre 2023** – [Jenny Dupuy](https://profiles.wordpress.org/jdy68/)–
Ajout d’une note concernant l’application automatique du protocole HTTP.**28 mars
2023** – [Jenny Dupuy](https://profiles.wordpress.org/jdy68/) – Retrait des paragraphes
sur les réglages de mise en page, dimensions et bordure (traités dans l’article 
Réglages communs des blocs), mise à jour des captures d’écran des barres d’outils,
ainsi que les descriptifs des outils/réglages, en conformité avec la version 6.2.
Ajout d’une mention parent/enfant pour différencier le bloc parent et les blocs 
enfants, car avec un lecteur d’écran pas de possibilité de différencier la forme
singulier de la plurielle.**12 mai 2022** – [Jenny Dupuy](https://profiles.wordpress.org/jdy68/)–
Application de la mutualisation des contenus et mise à jour des descriptions des
outils et réglages en version 5.9.**30 avril 2022** – [Jenny Dupuy](https://profiles.wordpress.org/jdy68/)–
Correction de la cible du lien Retour aux blocs.**04 février 2021 **– [Jenny Dupuy](https://profiles.wordpress.org/jdy68/)–
Ajout d’un lien vers l’article concernant les contrôles de texte enrichis.