Title: Bloc Colonnes Author: Dion Hulse Published: 7 mars 2019 Last modified: 24 novembre 2025 --- ## Dans cet article * [Barre d'outils du bloc Colonnes](https://fr.wordpress.org/support/article/columns-block/?output_format=md#barre-d-outils-du-bloc) - [Modifier l’alignement vertical](https://fr.wordpress.org/support/article/columns-block/?output_format=md#modifier-lalignement-vertical) * [Barre d’outils du bloc enfant Colonne](https://fr.wordpress.org/support/article/columns-block/?output_format=md#outils-specifiques-a-une-colonne) - [Modifier l’alignement vertical](https://fr.wordpress.org/support/article/columns-block/?output_format=md#modifier-lalignement-vertical-2) * [Réglages du bloc Colonnes](https://fr.wordpress.org/support/article/columns-block/?output_format=md#reglages-du-bloc) - [Réglages](https://fr.wordpress.org/support/article/columns-block/?output_format=md#reglages) - [Avancé](https://fr.wordpress.org/support/article/columns-block/?output_format=md#avance) * [Réglages du bloc enfant Colonne](https://fr.wordpress.org/support/article/columns-block/?output_format=md#reglages-specifiques-a-une-colonne) - [Mise en page](https://fr.wordpress.org/support/article/columns-block/?output_format=md#mise-en-page) - [Réglages](https://fr.wordpress.org/support/article/columns-block/?output_format=md#reglages-2) - [Avancé](https://fr.wordpress.org/support/article/columns-block/?output_format=md#avance-2) ## 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 Colonnes [Retour à la liste des blocs](https://fr.wordpress.org/support/article/blocks/?output_format=md) Le bloc **Colonnes** permet de mettre en page vos blocs dans des colonnes. Il contient un ou plusieurs blocs enfants **Colonne **selon le nombre de colonnes. 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). Une fois le bloc **Colonnes **inséré dans votre page, vous devrez choisir le nombre de colonnes voulues (de une jusqu’à six colonnes). Vous pourrez ajouter ou supprimer des colonnes par la suite. [[ Après avoir choisi le nombre de colonnes, vous pouvez insérer des blocs dans chaque colonne grâce au bouton **Ajouter un bloc**. La vidéo ci-dessous donne un aperçu de ce qu’il est possible de faire. ## 󠀁[Barre d’outils du bloc Colonnes](https://fr.wordpress.org/support/article/columns-block/?output_format=md#barre-d-outils-du-bloc)󠁿 [⌊Capture d’écran de la barre d’outils du bloc Colonnes.⌉⌊Capture d’écran de la barre d’outils du bloc Colonnes.⌉[ 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 l’alignement vertical](https://fr.wordpress.org/support/article/columns-block/?output_format=md#modifier-lalignement-vertical)󠁿 Le bloc **Colonnes **dispose d’un outil spécifique : **Modifier l’alignement vertical**, situé juste après l’outil **Modifier l’alignement** (horizontal). Trois options sont proposées : **Aligner en haut**, **Aligner au milieu**, **Aligner en bas**. ## 󠀁[Barre d’outils du bloc enfant Colonne](https://fr.wordpress.org/support/article/columns-block/?output_format=md#outils-specifiques-a-une-colonne)󠁿 Chaque bloc enfant **Colonne **dispose lui aussi d’une barre d’outils : [⌊Capture d’écran de la barre d’outils du bloc enfant Colonne.⌉⌊Capture d’écran de la barre d’outils du bloc enfant Colonne.⌉[ ### 󠀁[Modifier l’alignement vertical](https://fr.wordpress.org/support/article/columns-block/?output_format=md#modifier-lalignement-vertical-2)󠁿 L’outil **Modifier l’alignement vertical** spécifique à cette colonne. Quatre options sont disponibles pour l’alignement vertical, qui s’effectue selon la colonne ayant la plus grande hauteur : * **Aligner en haut** – Aligne les blocs en haut de la colonne. * **Aligner au milieu** – Aligne les blocs au milieu de la colonne. * **Aligner en bas** – Aligne les blocs en bas de la colonne. * **Étirer pour remplir** – Étire verticalement la colonne pour remplir l’espace. Les captures d’écran ci-dessous illustrent ces 4 options, la colonne pour laquelle l’alignement vertical est modifié est entourée d’une ligne bleue, le bloc parent** Colonnes **est matérialisé en gris clair, les blocs enfants **Colonne **sont matérialisés en gris foncé : [[ [[ [[ [[ ## 󠀁[Réglages du bloc Colonnes](https://fr.wordpress.org/support/article/columns-block/?output_format=md#reglages-du-bloc)󠁿 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. ### 󠀁[Réglages](https://fr.wordpress.org/support/article/columns-block/?output_format=md#reglages)󠁿 #### 󠀁[Colonnes](https://fr.wordpress.org/support/article/columns-block/?output_format=md#colonnes)󠁿 Dans la section **Colonnes** vous pouvez augmenter jusqu’à 6 ou réduire jusqu’à 1 le nombre de colonnes. #### 󠀁[Empiler sur mobile](https://fr.wordpress.org/support/article/columns-block/?output_format=md#empiler-sur-mobile)󠁿 En activant le réglage **Empiler sur mobile**, les colonnes prendront toute la largeur de l’écran sur mobile (jusqu’à 599px de large), au lieu de conserver leur largeur initiale. ### 󠀁[Avancé](https://fr.wordpress.org/support/article/columns-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 Colonne](https://fr.wordpress.org/support/article/columns-block/?output_format=md#reglages-specifiques-a-une-colonne)󠁿 Lorsque vous sélectionnez un bloc enfant **Colonne**, de nouveaux réglages sont disponibles pour cette colonne particulière. ### 󠀁[Mise en page](https://fr.wordpress.org/support/article/columns-block/?output_format=md#mise-en-page)󠁿 La disponibilité de ce réglage est variable selon les thèmes. ### 󠀁[Réglages](https://fr.wordpress.org/support/article/columns-block/?output_format=md#reglages-2)󠁿 #### 󠀁[Largeur](https://fr.wordpress.org/support/article/columns-block/?output_format=md#largeur)󠁿 Dans la section **Réglages**, vous pouvez définir une **Largeur **spécifique pour chaque colonne. Plusieurs unités sont disponibles : pixels, pourcentages, em, rem, vw, en fonction du thème utilisé. ### 󠀁[Avancé](https://fr.wordpress.org/support/article/columns-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). Traduit par [Marie Comet](https://profiles.wordpress.org/chaton666) Relu par [Jenny Dupuy](https://profiles.wordpress.org/jdy68)& [Didier Demory](https://profiles.wordpress.org/wolforg)Dernière mise à jour le 24 novembre 2025 [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 novembre 2025** – [Jenny Dupuy](https://profiles.wordpress.org/jdy68) – Ajout de titres pour correspondre aux libellés des sections et outils de l’interface. Suppression de la description des outils décrits dans l’article Barre d’outils des blocs. En conformité avec la version 6.8. **18 novembre 2023** – [Jenny Dupuy](https://profiles.wordpress.org/jdy68)– Amélioration de l’accessibilité en indiquant « bloc enfant Colonne », plutôt qu’une distinction entre les deux blocs avec juste le « s » de la terminaison, suppression des captures d’écran des réglages qui étaient obsolètes, ajout du réglage Étirer pour remplir, en conformité avec la version 6.4.**06 février 2023** – [Jenny Dupuy](https://profiles.wordpress.org/jdy68)– Modifications liées à la version 6.1 : mise à jour de la capture d’écran pour les réglages du bloc Colonnes, ajout des réglages de mise en page pour le bloc enfant Colonne et mise à jour de la capture d’écran des réglages du bloc enfant Colonne.