# Bloc Colonnes

> Le bloc Colonnes répartit son contenu en plusieurs colonnes côte à côte, chacune étant elle-même un bloc Colonne pouvant accueillir n'importe quel autre bloc.

- Auteur : Clément Hadrot
- Publié le : 2026-09-25
- Mis à jour le : 2026-09-25
- URL : https://wpmoderne.dev.wordpress-developpement.fr/lexique/bloc-colonnes/

Mettre du texte à gauche et une image à droite, ou présenter trois arguments côte à côte, reste l'un des besoins de mise en page les plus fréquents dans un article ou une page. Le bloc Colonnes répond à ce besoin en se comportant comme un conteneur : au moment de l'insertion, on choisit une répartition prédéfinie (deux colonnes égales, une colonne large et une étroite, etc.), et chaque colonne devient un bloc à part entière, capable d'accueillir texte, image, bouton ou même un autre bloc Colonnes imbriqué.

## Fonctionnement dans WordPress

Sous le capot, le bloc Colonnes s'appuie sur CSS Grid ou Flexbox selon la version de WordPress, et répartit la largeur de chaque bloc Colonne enfant via un attribut `width` exprimé en pourcentage. Sur les petits écrans, ces colonnes s'empilent automatiquement en une seule colonne verticale, sauf si l'option correspondante est désactivée dans les réglages du bloc.

## Exemple

```
<!-- wp:columns -->
<div class="wp-block-columns">
  <!-- wp:column {"width":"66.66%"} -->
  <div class="wp-block-column" style="flex-basis:66.66%">...</div>
  <!-- /wp:column -->
</div>
<!-- /wp:columns -->
```

## À ne pas confondre avec

- Le bloc Groupe, qui rassemble des blocs sans les répartir en colonnes côte à côte : il sert plutôt à créer une section ou à appliquer un fond commun.
- Une grille de mise en page (bloc Grille), qui distribue ses enfants selon un nombre de colonnes fixe et un espacement uniforme, avec un comportement différent de redimensionnement.
- Le bloc Colonne (singulier), qui n'existe jamais seul : il n'a de sens qu'à l'intérieur d'un bloc Colonnes parent, dont il hérite la disposition générale.