{"id":237872,"date":"2022-04-08T14:49:00","date_gmt":"2022-04-08T11:49:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=237872"},"modified":"2022-05-16T10:57:32","modified_gmt":"2022-05-16T07:57:32","slug":"comment-ajouter-des-colonnes-a-une-page-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fr\/comment-ajouter-des-colonnes-a-une-page-wordpress\/","title":{"rendered":"Comment ajouter des colonnes \u00e0 une page WordPress"},"content":{"rendered":"<p>L&rsquo;\u00e9diteur WordPress est id\u00e9al pour publier des articles.<\/p>\n<p>Et avec les bons plugins, il est facile d&rsquo;ins\u00e9rer des <a href=\"https:\/\/themewp.inform.click\/fr\/les-5-meilleurs-plugins-wordpress-de-galerie-dimages-pour-2021\/\" title=\"galeries\">galeries<\/a> interactives, des <a href=\"https:\/\/themewp.inform.click\/fr\/les-9-meilleurs-plugins-wordpress-slider-pour-2021\/\" title=\"curseurs\">curseurs<\/a>, <a href=\"https:\/\/themewp.inform.click\/fr\/les-5-meilleurs-plugins-wordpress-de-formulaire-de-contact-en-2021\/\" title=\"des formulaires de contact\">des formulaires de contact<\/a> ou tout ce que vous voulez. Heureusement, ce n&rsquo;est pas diff\u00e9rent avec l&rsquo;ajout de colonnes.<\/p>\n<p>Il existe en fait de nombreuses solutions disponibles pour ajouter des colonnes \u00e0 votre site WP, mais je pense qu&rsquo;il existe une solution qui se d\u00e9marque des autres.<\/p>\n<h2>Ajouter des colonnes avec Elementor<\/h2>\n<p>Le probl\u00e8me avec la plupart des plugins pour ajouter des colonnes \u00e0 un article ou \u00e0 une page est que vous ne verrez pas la m\u00eame chose dans l&rsquo;\u00e9diteur que sur votre site en direct.<\/p>\n<p>Imaginez la frustration lorsque vous avez parfaitement configur\u00e9 vos colonnes dans votre \u00e9diteur juste pour trouver un affichage diff\u00e9rent lorsque vous publiez votre page.<\/p>\n<p>C&rsquo;est pourquoi <a href=\"http:\/\/link.competethemes.com\/elementor-add-columns\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Elementor<\/a> est une solution sup\u00e9rieure.<\/p>\n<p><a href=\"http:\/\/link.competethemes.com\/elementor-add-columns\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177933-616f3ed17c02f.png\" alt=\"Comment ajouter des colonnes \u00e0 une page WordPress\" \/><\/a><\/p>\n<p><a href=\"http:\/\/link.competethemes.com\/elementor-add-columns\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Cliquez ici pour visiter le site Web d&rsquo;Elementor<\/a><\/p>\n<p>Elementor est un outil de personnalisation incroyablement puissant. Vous pouvez l&rsquo;utiliser pour <a href=\"https:\/\/themewp.inform.click\/fr\/les-5-meilleurs-plugins-de-page-de-destination-pour-les-prospects-et-les-ventes\/\" title=\"cr\u00e9er des pages de destination\">cr\u00e9er des pages de destination<\/a> et des mod\u00e8les de page enti\u00e8rement nouveaux, mais il est \u00e9galement parfait pour des personnalisations simples comme l&rsquo;ajout de colonnes dans des articles et des pages.<\/p>\n<h3>Comment ajouter des colonnes<\/h3>\n<p>Avec Elementor install\u00e9, vous verrez un nouveau bouton ajout\u00e9 \u00e0 l&rsquo;\u00e9diteur qui vous permet de basculer vers l&rsquo;\u00e9diteur Elementor en direct.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177933-616f3ed3a550a.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-177933-616f3ed3a550a.png\" alt=\"Comment ajouter des colonnes \u00e0 une page WordPress\"><\/a><\/p>\n<p>Vous reconna\u00eetrez tout de suite que cet aper\u00e7u ressemble beaucoup au Customizer natif. Dans le menu, vous trouverez une poign\u00e9e d&rsquo;&quot;\u00e9l\u00e9ments&quot; que vous pouvez ajouter \u00e0 la publication\/\u00e0 la page.<\/p>\n<p>Le tout premier \u00e9l\u00e9ment est l&rsquo;\u00e9l\u00e9ment Colonne qui peut \u00eatre utilis\u00e9 pour cr\u00e9er une nouvelle section multi-colonnes.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177933-616f3ed5ea998.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-177933-616f3ed5ea998.png\" alt=\"Comment ajouter des colonnes \u00e0 une page WordPress\"><\/a><\/p>\n<p>Vous pouvez le faire glisser et le d\u00e9poser dans la zone de contenu pour cr\u00e9er une nouvelle mise en page \u00e0 plusieurs colonnes. Cependant, il existe une autre approche encore plus simple.<\/p>\n<p>Vous verrez apr\u00e8s tout contenu de publication une bo\u00eete dans laquelle vous pourrez ajouter de nouveaux \u00e9l\u00e9ments.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177933-616f3ed7b72dc.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-177933-616f3ed7b72dc.png\" alt=\"Comment ajouter des colonnes \u00e0 une page WordPress\"><\/a><\/p>\n<p>Si vous cliquez sur le bouton plus, vous pourrez choisir parmi douze mises en page diff\u00e9rentes.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177933-616f3ed9609c1.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-177933-616f3ed9609c1.png\" alt=\"Comment ajouter des colonnes \u00e0 une page WordPress\"><\/a><\/p>\n<p>Une fois que vous avez choisi une mise en page, vous aurez acc\u00e8s \u00e0 une poign\u00e9e d&rsquo;options de style dans la barre lat\u00e9rale pour ajuster la mise en page exactement aux proportions souhait\u00e9es.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177933-616f3edb45daa.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-177933-616f3edb45daa.png\" alt=\"Comment ajouter des colonnes \u00e0 une page WordPress\"><\/a><\/p>\n<p>Maintenant, vous vous demandez probablement quoi faire avec la mise en page. Comment ajouter du contenu ?<\/p>\n<p>Tout se fait facilement avec <a href=\"http:\/\/link.competethemes.com\/elementor-add-columns\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Elementor<\/a>.<\/p>\n<h3>Ajouter du contenu aux colonnes<\/h3>\n<p>Cliquez sur l&rsquo;ic\u00f4ne &quot;+&quot; dans l&rsquo;une des cases de la nouvelle section de mise en page et la barre lat\u00e9rale d&rsquo;Elementor affichera \u00e0 nouveau les \u00e9l\u00e9ments. Vous pouvez faire glisser et d\u00e9poser n&rsquo;importe quel \u00e9l\u00e9ment dans la section pour l&rsquo;ajouter.<\/p>\n<p>Si vous souhaitez simplement afficher du texte comme un article normal, s\u00e9lectionnez l&rsquo;\u00e9l\u00e9ment \u00c9diteur de texte.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-177933-616f3edd02ad1.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-177933-616f3edd02ad1.png\" alt=\"Comment ajouter des colonnes \u00e0 une page WordPress\"><\/a><\/p>\n<p>La partie int\u00e9ressante \u00e0 ce sujet est que vous pouvez inclure n&rsquo;importe quel \u00e9l\u00e9ment que vous voulez dans l&rsquo;une des sections disponibles. Cela signifie que vous pouvez inclure des images, des <a href=\"https:\/\/themewp.inform.click\/fr\/top-6-des-meilleurs-plugins-wordpress-google-maps-pour-2021\/\" title=\"int\u00e9grations Google Maps\">int\u00e9grations Google Maps<\/a>, des vid\u00e9os et des dizaines d&rsquo;autres types de contenu dans n&rsquo;importe quel type de disposition de colonne.<\/p>\n<p>Il existe une vari\u00e9t\u00e9 de solutions disponibles, mais la flexibilit\u00e9 impressionnante fournie par Elementor en fait \u00e0 mon avis la meilleure option.<\/p>\n<p>Si vous souhaitez \u00e9viter d&rsquo;installer de nouveaux plugins, vous pouvez <a href=\"https:\/\/themewp.inform.click\/fr\/comment-ajouter-des-colonnes-aux-articles-wordpress-avec-gutenberg\/\" title=\"ajouter des colonnes aux publications WordPress\">ajouter des colonnes aux publications WordPress<\/a> avec le <a href=\"https:\/\/themewp.inform.click\/fr\/comment-utiliser-lediteur-de-blocs-wordpress-le-guide-essentiel-de-gutenberg\/\" title=\"nouvel \u00e9diteur Gutenberg\">nouvel \u00e9diteur Gutenberg<\/a>.<\/p>\n<h2>Conclusion<\/h2>\n<p>Bien que vous puissiez trouver d&rsquo;autres plugins pour ajouter des mises en page multi-colonnes aux articles et aux pages, Elementor se distingue par sa facilit\u00e9 d&rsquo;utilisation, sa flexibilit\u00e9 et son grand nombre d&rsquo;options de personnalisation.<\/p>\n<p>Peut-\u00eatre plus important encore, Elementor vous montre exactement \u00e0 quoi ressemblera le produit final. Vous n&rsquo;avez pas \u00e0 vous soucier de voir quelque chose de distinct dans votre \u00e9diteur de ce que vous verrez sur le site en direct.<\/p>\n<p>Jetez un \u0153il \u00e0 notre <a href=\"https:\/\/themewp.inform.click\/fr\/comment-utiliser-le-plugin-elementor-page-builder\/\" title=\"guide de personnalisation Elementor\">guide de personnalisation Elementor<\/a> si vous voulez en voir plus. Ou vous pouvez <a href=\"http:\/\/link.competethemes.com\/elementor-add-columns\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">visiter le site Web Elementor<\/a> pour le t\u00e9l\u00e9charger. C&rsquo;est totalement gratuit, alors n&rsquo;h\u00e9sitez pas !<\/p>\n<p>Nous avons plus d&rsquo;outils et de tactiques de personnalisation disponibles dans notre <a href=\"https:\/\/themewp.inform.click\/fr\/31-facons-simples-de-personnaliser-votre-site-web-wordpress\/\" title=\"guide de personnalisation WordPress \u00e9tape par \u00e9tape\">guide de personnalisation WordPress \u00e9tape par \u00e9tape<\/a>.<\/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>D\u00e9couvrez le moyen le plus simple et le plus flexible d&rsquo;ajouter des mises en page multi-colonnes \u00e0 n&rsquo;importe quel article ou page. Ajoutez du texte, des images ou des vid\u00e9os \u00e0 n&rsquo;importe quelle colonne.<\/p>\n","protected":false},"author":1,"featured_media":258375,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[548],"tags":[844],"class_list":["post-237872","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\/237872","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=237872"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/237872\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media\/258375"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media?parent=237872"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/categories?post=237872"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/tags?post=237872"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}