{"id":11285698,"date":"2019-03-07T12:21:53","date_gmt":"2019-03-07T12:21:53","guid":{"rendered":"https:\/\/wordpress.org\/support\/?post_type=helphub_article&#038;p=11285698"},"modified":"2025-11-24T09:30:47","modified_gmt":"2025-11-24T08:30:47","slug":"columns-block","status":"publish","type":"helphub_article","link":"https:\/\/fr.wordpress.org\/support\/article\/columns-block\/","title":{"rendered":"Bloc Colonnes"},"content":{"rendered":"\n<p class=\"has-text-align-right wp-block-paragraph\"><a href=\"\/support\/article\/blocks\/\">Retour \u00e0 la liste des blocs<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le bloc <strong>Colonnes<\/strong> permet de mettre en page vos blocs dans des colonnes. Il contient un ou plusieurs blocs enfants <strong>Colonne <\/strong>selon le nombre de colonnes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Afin de conna\u00eetre la proc\u00e9dure \u00e0 suivre pour ajouter un bloc, veuillez consulter l\u2019article <a href=\"\/support\/article\/adding-a-new-block\/\">Ajouter un nouveau bloc<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Une fois le bloc <strong>Colonnes <\/strong>ins\u00e9r\u00e9 dans votre page, vous devrez choisir le nombre de colonnes voulues (de une jusqu&rsquo;\u00e0 six colonnes). Vous pourrez ajouter ou supprimer des colonnes par la suite.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/fr.wordpress.org\/support\/files\/2019\/03\/bloc-colonnes-choix-structure.png\"><img loading=\"lazy\" decoding=\"async\" width=\"626\" height=\"451\" src=\"https:\/\/fr.wordpress.org\/support\/files\/2019\/03\/bloc-colonnes-choix-structure.png\" alt=\"\" class=\"wp-image-12177926\" srcset=\"https:\/\/fr.wordpress.org\/support\/files\/2019\/03\/bloc-colonnes-choix-structure.png 626w, https:\/\/fr.wordpress.org\/support\/files\/2019\/03\/bloc-colonnes-choix-structure-300x216.png 300w\" sizes=\"auto, (max-width: 626px) 100vw, 626px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Apr\u00e8s avoir choisi le nombre de colonnes, vous pouvez ins\u00e9rer des blocs dans chaque colonne gr\u00e2ce au bouton <strong>Ajouter un bloc<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La vid\u00e9o ci-dessous donne un aper\u00e7u de ce qu&rsquo;il est possible de faire.<\/p>\n\n\n\n<figure class=\"wp-block-video aligncenter\"><video controls src=\"https:\/\/wordpress.org\/support\/files\/2020\/08\/11111111.mp4\"><\/video><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"barre-d-outils-du-bloc\">Barre d&rsquo;outils du bloc Colonnes<\/h2>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-style-default\"><a href=\"https:\/\/fr.wordpress.org\/support\/files\/2021\/11\/bloc-colonnes-barre-outils.png\"><img loading=\"lazy\" decoding=\"async\" width=\"318\" height=\"60\" src=\"https:\/\/fr.wordpress.org\/support\/files\/2021\/11\/bloc-colonnes-barre-outils.png\" alt=\"Capture d\u2019\u00e9cran de la barre d\u2019outils du bloc Colonnes.\" class=\"wp-image-12178297\" srcset=\"https:\/\/fr.wordpress.org\/support\/files\/2021\/11\/bloc-colonnes-barre-outils.png 318w, https:\/\/fr.wordpress.org\/support\/files\/2021\/11\/bloc-colonnes-barre-outils-300x57.png 300w\" sizes=\"auto, (max-width: 318px) 100vw, 318px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Chaque bloc dispose d\u2019une barre d\u2019outils vous permettant de le manipuler directement dans l\u2019\u00e9diteur. Parmi ces outils, on distingue des outils communs, pr\u00e9sent\u00e9s dans l\u2019article <a href=\"\/support\/article\/barre-doutils-des-blocs\/\">Barre d\u2019outils des blocs,<\/a> et d\u2019\u00e9ventuels outils sp\u00e9cifiques, d\u00e9crits ci-dessous.\u00a0<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Modifier l\u2019alignement vertical<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Le bloc <strong>Colonnes <\/strong>dispose d&rsquo;un outil sp\u00e9cifique : <strong>Modifier l\u2019alignement vertical<\/strong>, situ\u00e9 juste apr\u00e8s l&rsquo;outil <strong>Modifier l\u2019alignement<\/strong> (horizontal). Trois options sont propos\u00e9es&nbsp;: <strong>Aligner en haut<\/strong>, <strong>Aligner au milieu<\/strong>, <strong>Aligner en bas<\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"outils-specifiques-a-une-colonne\">Barre d\u2019outils du bloc enfant Colonne<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Chaque bloc enfant <strong>Colonne <\/strong>dispose lui aussi d\u2019une barre d&rsquo;outils :<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/fr.wordpress.org\/support\/files\/2021\/10\/bloc-colonne-barre-outils.png\"><img loading=\"lazy\" decoding=\"async\" width=\"278\" height=\"63\" src=\"https:\/\/fr.wordpress.org\/support\/files\/2021\/10\/bloc-colonne-barre-outils.png\" alt=\"Capture d\u2019\u00e9cran de la barre d\u2019outils du bloc enfant Colonne.\" class=\"wp-image-12177931\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Modifier l\u2019alignement vertical<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">L&rsquo;outil <strong>Modifier l\u2019alignement vertical<\/strong> sp\u00e9cifique \u00e0 cette colonne. Quatre options sont disponibles\u00a0pour l\u2019alignement vertical, qui s\u2019effectue selon la colonne ayant la plus grande hauteur\u00a0:<\/p>\n\n\n\n<ul>\n<li><strong>Aligner en haut<\/strong>\u00a0\u2013 Aligne les blocs en haut de la colonne.<\/li>\n\n\n\n<li><strong>Aligner au milieu<\/strong>&nbsp;\u2013 Aligne les blocs au milieu de la colonne.<\/li>\n\n\n\n<li><strong>Aligner en bas<\/strong>&nbsp;\u2013 Aligne les blocs en bas de la colonne.<\/li>\n\n\n\n<li><strong>\u00c9tirer pour remplir<\/strong>&nbsp;\u2013 \u00c9tire verticalement la colonne pour remplir l\u2019espace.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Les captures d\u2019\u00e9cran ci-dessous illustrent ces 4 options, la colonne pour laquelle l\u2019alignement vertical est modifi\u00e9 est entour\u00e9e d\u2019une ligne bleue, le bloc parent <strong>Colonnes <\/strong>est mat\u00e9rialis\u00e9 en gris clair, les blocs enfants <strong>Colonne <\/strong>sont mat\u00e9rialis\u00e9s en gris fonc\u00e9 :<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/fr.wordpress.org\/support\/files\/2019\/03\/bloc-colonne-alignement-vertical-haut.png\"><img loading=\"lazy\" decoding=\"async\" width=\"811\" height=\"597\" src=\"https:\/\/fr.wordpress.org\/support\/files\/2019\/03\/bloc-colonne-alignement-vertical-haut.png\" alt=\"\" class=\"wp-image-12183032\" srcset=\"https:\/\/fr.wordpress.org\/support\/files\/2019\/03\/bloc-colonne-alignement-vertical-haut.png 811w, https:\/\/fr.wordpress.org\/support\/files\/2019\/03\/bloc-colonne-alignement-vertical-haut-300x221.png 300w, https:\/\/fr.wordpress.org\/support\/files\/2019\/03\/bloc-colonne-alignement-vertical-haut-768x565.png 768w\" sizes=\"auto, (max-width: 811px) 100vw, 811px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/fr.wordpress.org\/support\/files\/2019\/03\/bloc-colonne-alignement-vertical-milieu.png\"><img loading=\"lazy\" decoding=\"async\" width=\"823\" height=\"563\" src=\"https:\/\/fr.wordpress.org\/support\/files\/2019\/03\/bloc-colonne-alignement-vertical-milieu.png\" alt=\"\" class=\"wp-image-12183034\" srcset=\"https:\/\/fr.wordpress.org\/support\/files\/2019\/03\/bloc-colonne-alignement-vertical-milieu.png 823w, https:\/\/fr.wordpress.org\/support\/files\/2019\/03\/bloc-colonne-alignement-vertical-milieu-300x205.png 300w, https:\/\/fr.wordpress.org\/support\/files\/2019\/03\/bloc-colonne-alignement-vertical-milieu-768x525.png 768w\" sizes=\"auto, (max-width: 823px) 100vw, 823px\" \/><\/a><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/fr.wordpress.org\/support\/files\/2019\/03\/bloc-colonne-alignement-vertical-bas.png\"><img loading=\"lazy\" decoding=\"async\" width=\"821\" height=\"555\" src=\"https:\/\/fr.wordpress.org\/support\/files\/2019\/03\/bloc-colonne-alignement-vertical-bas.png\" alt=\"\" class=\"wp-image-12183033\" srcset=\"https:\/\/fr.wordpress.org\/support\/files\/2019\/03\/bloc-colonne-alignement-vertical-bas.png 821w, https:\/\/fr.wordpress.org\/support\/files\/2019\/03\/bloc-colonne-alignement-vertical-bas-300x203.png 300w, https:\/\/fr.wordpress.org\/support\/files\/2019\/03\/bloc-colonne-alignement-vertical-bas-768x519.png 768w\" sizes=\"auto, (max-width: 821px) 100vw, 821px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/fr.wordpress.org\/support\/files\/2019\/03\/bloc-colonne-alignement-vertical-etirer.png\"><img loading=\"lazy\" decoding=\"async\" width=\"823\" height=\"630\" src=\"https:\/\/fr.wordpress.org\/support\/files\/2019\/03\/bloc-colonne-alignement-vertical-etirer.png\" alt=\"\" class=\"wp-image-12183035\" srcset=\"https:\/\/fr.wordpress.org\/support\/files\/2019\/03\/bloc-colonne-alignement-vertical-etirer.png 823w, https:\/\/fr.wordpress.org\/support\/files\/2019\/03\/bloc-colonne-alignement-vertical-etirer-300x230.png 300w, https:\/\/fr.wordpress.org\/support\/files\/2019\/03\/bloc-colonne-alignement-vertical-etirer-768x588.png 768w\" sizes=\"auto, (max-width: 823px) 100vw, 823px\" \/><\/a><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"reglages-du-bloc\">R\u00e9glages du bloc Colonnes<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Selon les blocs, divers r\u00e9glages sont disponibles dans la <strong>colonne lat\u00e9rale des r\u00e9glages<\/strong>. Parmi ceux-ci, on distingue les <a href=\"https:\/\/fr.wordpress.org\/support\/article\/reglages-communs-des-blocs\">r\u00e9glages communs<\/a> (\u00e0 une majorit\u00e9 de blocs) des r\u00e9glages sp\u00e9cifiques, d\u00e9crits ci-dessous.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">R\u00e9glages<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"colonnes\">Colonnes<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Dans la section <strong>Colonnes<\/strong> vous pouvez augmenter jusqu&rsquo;\u00e0 6 ou r\u00e9duire jusqu&rsquo;\u00e0 1 le nombre de colonnes.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Empiler sur mobile<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">En activant le r\u00e9glage <strong>Empiler sur mobile<\/strong>, les colonnes prendront toute la largeur de l&rsquo;\u00e9cran sur mobile (jusqu&rsquo;\u00e0 599px de large), au lieu de conserver leur largeur initiale.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"avance\">Avanc\u00e9<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">L\u2019onglet&nbsp;<strong>Avanc\u00e9&nbsp;<\/strong>vous permet d\u2019acc\u00e9der aux&nbsp;<a href=\"\/support\/article\/reglages-avances-des-blocs\/\">r\u00e9glages avanc\u00e9s des blocs<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"reglages-specifiques-a-une-colonne\">R\u00e9glages du bloc enfant Colonne<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Lorsque vous s\u00e9lectionnez un bloc enfant <strong>Colonne<\/strong>, de nouveaux r\u00e9glages sont disponibles pour cette colonne particuli\u00e8re.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Mise en page<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">La disponibilit\u00e9 de ce r\u00e9glage est variable selon les th\u00e8mes.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">R\u00e9glages<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Largeur<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Dans la section <strong>R\u00e9glages<\/strong>, vous pouvez d\u00e9finir une <strong>Largeur <\/strong>sp\u00e9cifique pour chaque colonne. Plusieurs unit\u00e9s sont disponibles : pixels, pourcentages, em, rem, vw, en fonction du th\u00e8me utilis\u00e9.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Avanc\u00e9<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">L\u2019onglet&nbsp;<strong>Avanc\u00e9&nbsp;<\/strong>vous permet d\u2019acc\u00e9der aux&nbsp;<a href=\"\/support\/article\/reglages-avances-des-blocs\/\">r\u00e9glages avanc\u00e9s des blocs<\/a>.<\/p>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group has-blueberry-4-background-color has-background is-layout-constrained wp-block-group-is-layout-constrained\" style=\"margin-top:var(--wp--preset--spacing--20);margin-bottom:var(--wp--preset--spacing--20);padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)\">\n<p class=\"has-black-color has-text-color wp-block-paragraph\">Traduit par <a href=\"https:\/\/profiles.wordpress.org\/chaton666\">Marie Comet<\/a><br>Relu par <a href=\"https:\/\/profiles.wordpress.org\/jdy68\">Jenny Dupuy<\/a> &amp; <a href=\"https:\/\/profiles.wordpress.org\/wolforg\">Didier Demory<\/a><br>Derni\u00e8re mise \u00e0 jour le 24 novembre 2025<\/p>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"\/team\/handbook\/traduire-la-documentation-de-wordpress-en-francais\/rejoindre-lequipe-de-traduction-de-la-documentation\/\" data-type=\"URL\">Contribuer \u00e0 la documentation en fran\u00e7ais de WordPress<\/a><\/p>\n\n\n\n<div class=\"wp-block-group has-blueberry-4-background-color has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"margin-top:var(--wp--preset--spacing--20);margin-bottom:var(--wp--preset--spacing--20);padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)\">\n<p class=\"wp-block-paragraph\"><strong>Journal des modifications<\/strong><\/p>\n\n\n\n<p class=\"has-black-color has-text-color wp-block-paragraph\"><strong>24 novembre 2025<\/strong> &#8211; <a href=\"https:\/\/profiles.wordpress.org\/jdy68\">Jenny Dupuy<\/a> &#8211; Ajout de titres pour correspondre aux libell\u00e9s des sections et outils de l\u2019interface. Suppression de la description des outils d\u00e9crits dans l\u2019article Barre d\u2019outils des blocs. En conformit\u00e9 avec la version 6.8.<br><strong>18 novembre 2023<\/strong> &#8211; <a href=\"https:\/\/profiles.wordpress.org\/jdy68\">Jenny Dupuy<\/a> &#8211; Am\u00e9lioration de l\u2019accessibilit\u00e9 en indiquant \u00ab\u00a0bloc enfant Colonne\u00a0\u00bb, plut\u00f4t qu\u2019une distinction entre les deux blocs avec juste le \u00ab\u00a0s\u00a0\u00bb de la terminaison, suppression des captures d\u2019\u00e9cran des r\u00e9glages qui \u00e9taient obsol\u00e8tes, ajout du r\u00e9glage \u00c9tirer pour remplir, en conformit\u00e9 avec la version 6.4.<br><strong>06 f\u00e9vrier 2023<\/strong> &#8211; <a href=\"https:\/\/profiles.wordpress.org\/jdy68\">Jenny Dupuy<\/a> &#8211; Modifications li\u00e9es \u00e0 la version 6.1\u00a0: mise \u00e0 jour de la capture d\u2019\u00e9cran pour les r\u00e9glages du bloc Colonnes, ajout des r\u00e9glages de mise en page pour le bloc enfant Colonne et mise \u00e0 jour de la capture d\u2019\u00e9cran des r\u00e9glages du bloc enfant Colonne.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>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. Une fois le bloc Colonnes ins\u00e9r\u00e9 dans votre page, vous devrez choisir le nombre de colonnes voulues (de une jusqu&rsquo;\u00e0 six colonnes). Vous pourrez ajouter ou supprimer des colonnes [&hellip;]<\/p>\n","protected":false},"author":148148,"featured_media":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","category":[73],"class_list":["post-11285698","helphub_article","type-helphub_article","status-publish","hentry","category-block-editor"],"revision_note":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/fr.wordpress.org\/support\/wp-json\/wp\/v2\/articles\/11285698","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fr.wordpress.org\/support\/wp-json\/wp\/v2\/articles"}],"about":[{"href":"https:\/\/fr.wordpress.org\/support\/wp-json\/wp\/v2\/types\/helphub_article"}],"author":[{"embeddable":true,"href":"https:\/\/fr.wordpress.org\/support\/wp-json\/wp\/v2\/users\/148148"}],"replies":[{"embeddable":true,"href":"https:\/\/fr.wordpress.org\/support\/wp-json\/wp\/v2\/comments?post=11285698"}],"version-history":[{"count":39,"href":"https:\/\/fr.wordpress.org\/support\/wp-json\/wp\/v2\/articles\/11285698\/revisions"}],"predecessor-version":[{"id":12184741,"href":"https:\/\/fr.wordpress.org\/support\/wp-json\/wp\/v2\/articles\/11285698\/revisions\/12184741"}],"wp:attachment":[{"href":"https:\/\/fr.wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=11285698"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fr.wordpress.org\/support\/wp-json\/wp\/v2\/category?post=11285698"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}