{"id":368688,"date":"2022-12-24T09:45:00","date_gmt":"2022-12-24T06:45:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=368688"},"modified":"2022-10-13T02:31:19","modified_gmt":"2022-10-12T23:31:19","slug":"bloc-de-colonnes-de-gutenberg-et-comment-lajouter-a-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fr\/bloc-de-colonnes-de-gutenberg-et-comment-lajouter-a-wordpress\/","title":{"rendered":"Bloc de colonnes de Gutenberg et comment l&rsquo;ajouter \u00e0 WordPress"},"content":{"rendered":"\n<p>Si vous \u00eates un utilisateur r\u00e9gulier de WordPress, vous avez probablement \u00e9t\u00e9 curieux de savoir comment ajouter des colonnes \u00e0 vos articles et pages. Avant la sortie de <a href=\"https:\/\/wpklik.com\/wordpress-tips\/introduction-to-wordpress-gutenberg\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">l&rsquo;\u00e9diteur Gutenberg pour WordPress<\/a>, l&rsquo;ajout de colonnes \u00e9tait une t\u00e2che fastidieuse pour beaucoup. Mais de nos jours, gr\u00e2ce au bloc de colonnes de Gutenberg, ce processus a \u00e9t\u00e9 grandement simplifi\u00e9.<\/p>\n<p>Aujourd&rsquo;hui, nous allons parler du bloc de colonnes Gutenberg et des moyens d&rsquo;ajouter des colonnes \u00e0 vos publications WordPress.<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/YDdvHnEinvs\" frameborder=\"0\"><\/iframe><\/div>\n<h2>Comment utiliser le bloc de colonnes de Gutenberg<\/h2>\n<p>Le bloc de colonnes Gutenberg est pratique car il vous permet de faire des mises en page multi-colonnes dans une zone o\u00f9 se trouve votre contenu. Il est \u00e9galement <strong>possible d&rsquo;inclure d&rsquo;autres blocs \u00e0 l&rsquo;int\u00e9rieur de chaque colonne<\/strong>.<\/p>\n<p>Pour ajouter les colonnes avec Gutenberg, vous devez d&rsquo;abord acc\u00e9der \u00e0 la page ou \u00e0 la publication \u00e0 laquelle vous souhaitez ajouter les colonnes. Une fois que vous survolez la zone d&rsquo;\u00e9criture, un bouton plus appara\u00eetra sur la gauche. Cliquez dessus et choisissez l&rsquo;option Colonnes situ\u00e9e dans la section \u00c9l\u00e9ments de mise en page. Cela ins\u00e9rera le bloc de colonnes dans votre message.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-326440-633e5ea6dcda5.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-326440-633e5ea6dcda5.jpg\" alt=\"Bloc de colonnes de Gutenberg et comment l&#039;ajouter \u00e0 WordPress\" ><\/a><\/p>\n<p>Par d\u00e9faut, le bloc de colonnes aura deux blocs de paragraphes.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-326440-633e5eab6b24a.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-326440-633e5eab6b24a.jpg\" alt=\"Bloc de colonnes de Gutenberg et comment l&#039;ajouter \u00e0 WordPress\" ><\/a><\/p>\n<p>Vous \u00eates libre de commencer \u00e0 taper votre texte dans l&rsquo;un ou l&rsquo;autre des deux blocs, ou vous pouvez choisir d&rsquo;ins\u00e9rer plus de blocs de colonnes.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-326440-633e5eb057ef8.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-326440-633e5eb057ef8.jpg\" alt=\"Bloc de colonnes de Gutenberg et comment l&#039;ajouter \u00e0 WordPress\" ><\/a><\/p>\n<p>Pour ce faire, vous devez cliquer sur une zone du bloc de colonnes en dehors des autres blocs qui sont \u00e9galement contenus \u00e0 l&rsquo;int\u00e9rieur. Cela fera <strong>appara\u00eetre les param\u00e8tres de colonne sur la droite<\/strong>. Ici, vous pouvez ins\u00e9rer votre num\u00e9ro de colonne. Vous pouvez ajouter jusqu&rsquo;\u00e0 6 colonnes au total.<\/p>\n<p>Si vous souhaitez modifier le style de vos blocs de colonnes, cette section comporte \u00e9galement une option avanc\u00e9e qui vous permet d&rsquo;ins\u00e9rer une classe CSS suppl\u00e9mentaire.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-326440-633e5eb4df35e.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-326440-633e5eb4df35e.jpg\" alt=\"Bloc de colonnes de Gutenberg et comment l&#039;ajouter \u00e0 WordPress\" ><\/a><\/p>\n<p>Il existe \u00e9galement des param\u00e8tres pour chaque bloc que vous ajoutez dans les colonnes, comme d&rsquo;habitude.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-326440-633e5eb9aa76e.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-326440-633e5eb9aa76e.jpg\" alt=\"Bloc de colonnes de Gutenberg et comment l&#039;ajouter \u00e0 WordPress\" ><\/a><\/p>\n<p>Comme toute autre nouvelle option, le bloc de colonnes Gutenberg est probablement sujet \u00e0 des changements avec le temps, ce qui devrait apporter quelques am\u00e9liorations au tableau. Mais pour l&rsquo;instant, c&rsquo;est une excellente solution pour cr\u00e9er des mises en page avec plusieurs colonnes dans vos publications. Nous sommes s\u00fbrs que cette fonctionnalit\u00e9 rendra vos articles plus riches et plus attrayants visuellement.<\/p>\n<p>Nous esp\u00e9rons que vous avez trouv\u00e9 cet article utile. Si vous l&rsquo;avez aim\u00e9, n&rsquo;h\u00e9sitez pas \u00e0 consulter \u00e9galement certains de ces articles\u00a0!<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Source d&rsquo;enregistrement:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpklik.com\" class=\"external external_icon\">wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Gr\u00e2ce au bloc de colonnes Gutenberg, l&rsquo;ajout de colonnes dans WordPress a \u00e9t\u00e9 grandement simplifi\u00e9. Voici comment vous pouvez ajouter des colonnes \u00e0 vos publications WordPress.<\/p>\n","protected":false},"author":1,"featured_media":363766,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[568],"tags":[844],"class_list":["post-368688","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-les-bases-de-wordpress","tag-affiai-fr"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/368688","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/comments?post=368688"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/368688\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media\/363766"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media?parent=368688"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/categories?post=368688"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/tags?post=368688"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}