{"id":1175,"date":"2024-04-30T15:35:09","date_gmt":"2024-04-30T15:35:09","guid":{"rendered":"https:\/\/tableberg.com\/docs\/tableberg-one\/tableberg\/how-to-add-images-to-a-table-in-wordpress\/"},"modified":"2024-06-22T22:59:42","modified_gmt":"2024-06-22T22:59:42","password":"","slug":"comment-ajouter-des-images-a-un-tableau-dans-wordpress","status":"publish","type":"docs","link":"https:\/\/tableberg.com\/fr\/docs\/how-to-add-images-to-a-table-in-wordpress\/","title":{"rendered":"Bloc d'images"},"content":{"rendered":"<p>Les images sont un \u00e9l\u00e9ment visuel essentiel pour tout site web. Elles peuvent non seulement vous aider \u00e0 exprimer une histoire, mais aussi \u00e0 comparer des produits, des articles et des id\u00e9es dans des tableaux comparatifs.<\/p>\n\n\n\n<p>Le tableau par d\u00e9faut de WordPress ne permet pas d'ajouter des images. Mais vous pouvez ajouter autant d'images que vous le souhaitez \u00e0 vos tables cr\u00e9\u00e9es avec l'option <a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">TableBerg<\/a> plugin.<\/p>\n\n\n\n<p>Cette documentation vous guidera sur la mani\u00e8re d'ajouter une image \u00e0 un tableau dans WordPress.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00c9tape 01 : S\u00e9lectionnez l'endroit o\u00f9 vous souhaitez ajouter une image<\/h2>\n\n\n\n<p>Nous avons un mannequin <a href=\"https:\/\/tableberg.com\/fr\/comment-creer-un-tableau-de-classement-dans-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">tableau cr\u00e9\u00e9 avec le plugin TableBerg<\/a>. S\u00e9lectionnez la cellule dans laquelle vous souhaitez ajouter une image en pla\u00e7ant votre curseur dessus.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Select-the-Where-You-Want-to-Add-an-Image.webp\" alt=\"S\u00e9lectionnez l&#039;endroit o\u00f9 vous souhaitez ajouter une image\" class=\"wp-image-1177\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Select-the-Where-You-Want-to-Add-an-Image.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Select-the-Where-You-Want-to-Add-an-Image-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Select-the-Where-You-Want-to-Add-an-Image-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Select-the-Where-You-Want-to-Add-an-Image-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">\u00c9tape 02 : Ajouter le bloc d'images au tableau<\/h2>\n\n\n\n<p>Apr\u00e8s avoir plac\u00e9 votre curseur sur une cellule, vous verrez appara\u00eetre le bouton Gutenberg plus (+). <\/p>\n\n\n\n<p>S\u00e9lectionnez l'option <strong>Bloc d'images<\/strong> en appuyant sur la touche <strong>bouton plus (+)<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1277\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Add-the-Image-Block-to-the-Table.webp\" alt=\"Ajouter le bloc d&#039;images au tableau\" class=\"wp-image-1178\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Add-the-Image-Block-to-the-Table.webp 1277w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Add-the-Image-Block-to-the-Table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Add-the-Image-Block-to-the-Table-1024x524.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Add-the-Image-Block-to-the-Table-768x393.webp 768w\" sizes=\"auto, (max-width: 1277px) 100vw, 1277px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">\u00c9tape 03 : Ajouter l'image souhait\u00e9e<\/h2>\n\n\n\n<p>Cliquez sur <strong>T\u00e9l\u00e9charger<\/strong> pour ajouter l'image de votre disque local. Cliquez sur le bouton <strong>Biblioth\u00e8que des m\u00e9dias<\/strong> pour le s\u00e9lectionner parmi vos fichiers multim\u00e9dias existants.<\/p>\n\n\n\n<p>Pour ce tutoriel, nous choisissons l'option Biblioth\u00e8que multim\u00e9dia.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Add-Your-Desired-Image.webp\" alt=\"Ajouter l&#039;image souhait\u00e9e\" class=\"wp-image-1179\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Add-Your-Desired-Image.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Add-Your-Desired-Image-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Add-Your-Desired-Image-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Add-Your-Desired-Image-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Vous pouvez voir que nous avons s\u00e9lectionn\u00e9 une image dans la biblioth\u00e8que multim\u00e9dia.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Image-selected-from-the-media-library.webp\" alt=\"Image s\u00e9lectionn\u00e9e dans la m\u00e9diath\u00e8que\" class=\"wp-image-1180\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Image-selected-from-the-media-library.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Image-selected-from-the-media-library-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Image-selected-from-the-media-library-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Image-selected-from-the-media-library-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Vous pouvez voir que l'image a \u00e9t\u00e9 ajout\u00e9e au tableau. Vous pouvez donc ajouter des images aux autres cellules du tableau.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Image-displayed-on-the-table.webp\" alt=\"Image affich\u00e9e sur le tableau\" class=\"wp-image-1181\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Image-displayed-on-the-table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Image-displayed-on-the-table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Image-displayed-on-the-table-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Image-displayed-on-the-table-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Vous pouvez consulter cet article sur <a href=\"https:\/\/tableberg.com\/fr\/comment-creer-un-tableau-de-comparaison-des-produits-amazon-dans-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Comment cr\u00e9er un tableau de comparaison sur WordPress<\/a> pour en savoir plus sur l'ajout d'images.<\/p>","protected":false},"excerpt":{"rendered":"<p>Images are a crucial visual element for any website. Not only can they help you express a story, but they also help you compare products, items, and ideas in comparison tables. The default WordPress table doesn&#8217;t allow you to add images. But you can add as many images as you want to your tables created [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_eb_attr":"","footnotes":""},"doc_category":[94],"doc_tag":[64],"class_list":["post-1175","docs","type-docs","status-publish","hentry","doc_category-sub-blocks","doc_tag-add-image-to-table"],"year_month":"2026-04","word_count":239,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"Istiak Rayhan","author_nicename":"wpx_irayhan","author_url":"https:\/\/tableberg.com\/fr\/author\/wpx_irayhan\/"},"doc_category_info":[{"term_name":"Sub-Blocks","term_url":"https:\/\/tableberg.com\/fr\/docs-category\/sub-blocks\/"}],"doc_tag_info":[{"term_name":"Add Image to Table","term_url":"https:\/\/tableberg.com\/fr\/docs-tag\/add-image-to-table\/"}],"_links":{"self":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/docs\/1175","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/comments?post=1175"}],"version-history":[{"count":2,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/docs\/1175\/revisions"}],"predecessor-version":[{"id":1817,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/docs\/1175\/revisions\/1817"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/media?parent=1175"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/doc_category?post=1175"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/doc_tag?post=1175"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}