{"id":237490,"date":"2022-04-04T16:25:00","date_gmt":"2022-04-04T13:25:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=237490"},"modified":"2022-05-16T10:57:19","modified_gmt":"2022-05-16T07:57:19","slug":"comment-ajouter-des-colonnes-aux-articles-wordpress-avec-gutenberg","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fr\/comment-ajouter-des-colonnes-aux-articles-wordpress-avec-gutenberg\/","title":{"rendered":"Comment ajouter des colonnes aux articles WordPress avec Gutenberg"},"content":{"rendered":"<p>Vous utilisez WordPress depuis un moment ?<\/p>\n<p>Si c&rsquo;est le cas, vous avez probablement d\u00e9j\u00e0 recherch\u00e9 cela sur Google.<\/p>\n<p>L&rsquo;ajout de colonnes aux articles et aux pages a \u00e9t\u00e9 une \u00e9norme douleur pendant des ann\u00e9es. Mais tu as de la chance&#8230;<\/p>\n<p>Le nouvel <a href=\"https:\/\/themewp.inform.click\/fr\/comment-utiliser-lediteur-de-blocs-wordpress-le-guide-essentiel-de-gutenberg\/\" title=\"\u00e9diteur de publication Gutenberg WordPress\">\u00e9diteur de publication Gutenberg WordPress<\/a> a des colonnes int\u00e9gr\u00e9es et elles fonctionnent tr\u00e8s bien.<\/p>\n<p>Dans cet article, vous apprendrez \u00e0 ajouter des &quot;blocs&quot; de colonnes avec Gutenberg. Vous d\u00e9couvrirez \u00e9galement comment ajouter diff\u00e9rents types de contenu dans les colonnes et modifier le nombre de colonnes que vous souhaitez afficher.<\/p>\n<p>Si vous n&rsquo;utilisez pas encore WordPress 5.0, vous pouvez installer le <a href=\"https:\/\/wordpress.org\/plugins\/gutenberg\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">plugin Gutenberg<\/a> pour commencer \u00e0 ajouter des colonnes \u00e0 vos publications d\u00e8s maintenant.<\/p>\n<h2>Comment ajouter des colonnes avec Gutenberg<\/h2>\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\/ulecytOqYfc\" frameborder=\"0\"><\/iframe><\/div>\n<p><a href=\"http:\/\/link.competethemes.com\/subscribe\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Abonnez-vous aux th\u00e8mes de comp\u00e9tition sur Youtube<\/a><\/p>\n<p>Commencez par naviguer jusqu&rsquo;\u00e0 la publication \u00e0 laquelle vous souhaitez ajouter les colonnes.<\/p>\n<p>Pour ajouter les colonnes, vous ins\u00e9rerez un nouveau \u00ab\u00a0bloc\u00a0\u00bb de colonnes dans la publication. Survolez un bloc existant et d\u00e9placez votre curseur sur le bord sup\u00e9rieur ou inf\u00e9rieur pour r\u00e9v\u00e9ler le bouton &quot;+&quot; permettant d&rsquo;ajouter un nouveau bloc.<\/p>\n<p>Cliquez sur le bouton plus et vous verrez une fen\u00eatre contextuelle dans laquelle vous pourrez s\u00e9lectionner un bloc \u00e0 ajouter. Le bloc Colonnes est pr\u00e9sent\u00e9 en haut.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179329-616f4f1fc58fa.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179329-616f4f1fc58fa.png\" alt=\"Comment ajouter des colonnes aux articles WordPress avec Gutenberg\"><\/a><\/p>\n<p>Cliquez sur le bloc Colonnes et il sera ins\u00e9r\u00e9 dans la publication.<\/p>\n<p>Lorsque vous ins\u00e9rez le bloc de colonne pour la premi\u00e8re fois, il ajoute un bloc qui contient essentiellement deux blocs de paragraphe. Vous pouvez commencer \u00e0 saisir l&rsquo;un ou l&rsquo;autre tout de suite.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179329-616f4f21f1452.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179329-616f4f21f1452.png\" alt=\"Comment ajouter des colonnes aux articles WordPress avec Gutenberg\"><\/a><\/p>\n<p>Facile, non ?<\/p>\n<p>Vous pouvez ajouter autant de blocs de colonnes \u00e0 votre publication que vous le souhaitez en ins\u00e9rant des blocs de colonnes de cette mani\u00e8re.<\/p>\n<h3>Ajouter des blocs dans les colonnes<\/h3>\n<p>Bien s\u00fbr, vous n&rsquo;\u00eates pas limit\u00e9 \u00e0 cr\u00e9er des colonnes de texte. Si vous survolez l&rsquo;un des deux blocs de la colonne, un bouton plus appara\u00eet sur lequel vous pouvez cliquer pour s\u00e9lectionner ensuite n&rsquo;importe quel type de bloc \u00e0 ins\u00e9rer.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179329-616f4f24863b0.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179329-616f4f24863b0.png\" alt=\"Comment ajouter des colonnes aux articles WordPress avec Gutenberg\"><\/a><\/p>\n<p>Par exemple, je peux s\u00e9lectionner le bloc d&rsquo;image et l&rsquo;ins\u00e9rer dans la colonne de gauche, puis ajouter le bloc que je veux dans la colonne de droite.<\/p>\n<p>En fait, vous pouvez m\u00eame empiler plusieurs blocs dans l&rsquo;une ou l&rsquo;autre colonne.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179329-616f4f26a26a2.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179329-616f4f26a26a2.png\" alt=\"Comment ajouter des colonnes aux articles WordPress avec Gutenberg\"><\/a><\/p>\n<p>Dans la capture d&rsquo;\u00e9cran ci-dessus, j&rsquo;ai ajout\u00e9 un bloc d&rsquo;image dans la colonne de gauche, un bloc de titre dans la colonne de droite et un \u00e9l\u00e9ment de paragraphe suppl\u00e9mentaire sous le titre de la colonne de droite.<\/p>\n<p>La possibilit\u00e9 d&#8217;empiler plusieurs blocs dans une colonne rend cette fonctionnalit\u00e9 assez flexible. Une limitation avec cette fonctionnalit\u00e9 est que vous ne pouvez pas ajuster la largeur des colonnes, mais cela pourrait arriver dans une future mise \u00e0 jour pour Gutenberg.<\/p>\n<h3>Comment ajouter plus de colonnes<\/h3>\n<p>L&rsquo;exemple ci-dessus utilise deux colonnes, mais vous pouvez ajouter jusqu&rsquo;\u00e0 six colonnes dans un bloc de colonnes.<\/p>\n<p>Pour augmenter le nombre de colonnes, cliquez quelque part dans le bloc de colonnes mais en dehors des blocs qu&rsquo;il contient. Vous verrez les param\u00e8tres dans la barre lat\u00e9rale passer des param\u00e8tres du document aux param\u00e8tres de blocage, r\u00e9v\u00e9lant ces options\u00a0:<\/p>\n<p>Vous pouvez utiliser le curseur ou la saisie num\u00e9rique pour ajuster le nombre de colonnes de 2 \u00e0 6.<\/p>\n<p>Pour le moment, les param\u00e8tres avanc\u00e9s incluent uniquement une option permettant d&rsquo;ajouter une classe CSS personnalis\u00e9e au bloc de colonnes. Cela peut \u00eatre utile si vous \u00eates familier avec CSS et que vous souhaitez styliser un de vos blocs de colonnes un peu diff\u00e9remment.<\/p>\n<h2>Conclusion<\/h2>\n<p>Bien que le bloc de colonnes Gutenberg puisse b\u00e9n\u00e9ficier de certaines am\u00e9liorations en termes de convivialit\u00e9, il fonctionne plut\u00f4t bien. Et pour \u00eatre honn\u00eate, c&rsquo;est bien mieux que l&rsquo;option existante dans l&rsquo;\u00e9diteur classique \u2013 rien !<\/p>\n<p>Maintenant que vous pouvez cr\u00e9er des mises en page multi-colonnes dans vos articles, vous aurez plus de place pour l&rsquo;expression cr\u00e9ative et la cr\u00e9ation de designs int\u00e9ressants dans vos articles.<\/p>\n<p>Si vous avez des questions sur l&rsquo;ajout de colonnes \u00e0 vos publications WordPress, laissez un commentaire ci-dessous.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Source d&rsquo;enregistrement:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.competethemes.com\" class=\"external external_icon\">www.competethemes.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ajoutez rapidement et facilement plusieurs colonnes (2-6) dans vos articles et pages avec le nouvel \u00e9diteur Gutenberg pour WordPress.<\/p>\n","protected":false},"author":1,"featured_media":257628,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[548],"tags":[844],"class_list":["post-237490","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-personnaliser-wordpress","tag-affiai-fr"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/237490","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=237490"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/237490\/revisions"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media?parent=237490"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/categories?post=237490"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/tags?post=237490"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}