{"id":1440,"date":"2025-02-10T15:05:10","date_gmt":"2025-02-10T15:05:10","guid":{"rendered":"https:\/\/tableberg.com\/?p=1440"},"modified":"2025-04-03T14:01:59","modified_gmt":"2025-04-03T14:01:59","slug":"comment-ajouter-une-image-a-un-tableau-dans-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/fr\/how-to-add-an-image-to-a-table-in-wordpress\/","title":{"rendered":"Comment ajouter une image \u00e0 un tableau dans WordPress"},"content":{"rendered":"<p>Le contenu visuel est sans aucun doute essentiel pour susciter l'int\u00e9r\u00eat des utilisateurs. Que vous soyez blogueur, affili\u00e9, propri\u00e9taire d'un site de commerce \u00e9lectronique ou autre, vous pouvez avoir besoin d'ajouter du contenu graphique pour diverses raisons.<\/p>\n\n\n\n<p>Les images sont l'un de ces contenus graphiques importants. De nombreux utilisateurs ne savent pas encore comment ajouter des images aux tableaux WordPress. Mais en ajoutant des images au tableau, vous pouvez facilement cr\u00e9er diff\u00e9rents types de tableaux tels que <a href=\"https:\/\/tableberg.com\/fr\/comment-creer-un-tableau-comparatif-dans-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">comparaison<\/a>, <a href=\"https:\/\/tableberg.com\/fr\/comment-creer-un-tableau-de-specification-des-produits-dans-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">sp\u00e9cification du produit<\/a>, <a href=\"https:\/\/tableberg.com\/fr\/comment-creer-un-tableau-de-prix-dans-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">tableaux de tarification<\/a>, etc.<\/p>\n\n\n\n<p>Dans cet article, nous allons vous montrer deux m\u00e9thodes simples pour ajouter une image \u00e0 un tableau dans WordPress. Commen\u00e7ons par le commencement !<\/p>\n\n\n<ul style=\"padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 448 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 0px; \" class=\"wp-block-ub-styled-list ub_styled_list\" id=\"ub_styled_list-c778cfdd-dcae-449c-aecb-8213a0447030\"><div class=\"ub-block-list__layout\" style=\"text-align: left; column-count: 1; --ub-list-mobile-column-count: 1; \">\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 448 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-9afa66e4-add9-4608-a09d-0f0e928ad611\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 448 512\"><path fill=\"#000000\" d=\"M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><strong>M\u00e9thode 1 :<\/strong> <a href=\"#Using-the-Default-Table-Block\">Utilisation du bloc de tableaux par d\u00e9faut<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 448 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-df660d11-266d-4a92-9091-af2bca1ea7f9\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 448 512\"><path fill=\"#000000\" d=\"M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><strong>M\u00e9thode 2<\/strong>: <a href=\"#Using-the-Tableberg-Block\" target=\"_blank\" rel=\"noreferrer noopener\">Utilisation du bloc Tableberg<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n<\/div><\/ul>\n\n\n<div class=\"wp-block-group has-border-color has-global-padding is-layout-constrained wp-container-core-group-is-layout-8db5ca72 wp-block-group-is-layout-constrained\" style=\"border-color:#671feb;border-style:solid;border-width:1px;border-radius:4px;padding-top:var(--wp--preset--spacing--medium);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--small)\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-505d3e6d wp-block-group-is-layout-flex\" style=\"padding-top:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small)\">\n<p style=\"font-size:clamp(18.959px, 1.185rem + ((1vw - 3.2px) * 1.175), 30px);\"><strong>Cr\u00e9er de belles tables <\/strong><br><strong>Avec l'\u00e9diteur de blocs<\/strong><\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-f2baa792 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-background wp-element-button\" href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" style=\"background-color:#671feb\" target=\"_blank\" rel=\"noreferrer noopener\">Essai gratuit<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/tableberg.com\/fr\/la-tarification\/\" target=\"_blank\" rel=\"noreferrer noopener\">Obtenir un Pro<\/a><\/div>\n<\/div>\n<\/div>\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\"><img loading=\"lazy\" decoding=\"async\" width=\"540\" height=\"540\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png\" alt=\"\" class=\"wp-image-1545\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png 540w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg-300x300.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg-150x150.png 150w\" sizes=\"auto, (max-width: 540px) 100vw, 540px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Using-the-Default-Table-Block\">M\u00e9thode 1 : Utilisation du bloc de tableaux par d\u00e9faut<\/h2>\n\n\n\n<p>La valeur par d\u00e9faut <a href=\"https:\/\/tableberg.com\/fr\/comment-utiliser-lediteur-de-blocs-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u00c9diteur de blocs Gutenberg<\/a> dispose de l'option Inline Image que vous trouverez dans la barre d'outils. L'utilisation de l'option <a href=\"https:\/\/tableberg.com\/fr\/comment-ajouter-une-image-en-ligne-dans-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Option d'image en ligne<\/a>Vous pouvez facilement ajouter des images \u00e0 vos tableaux WordPress. <\/p>\n\n\n\n<p>Voici comment proc\u00e9der.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9tape 1 : Ajouter le bloc tableau \u00e0 l'\u00e9diteur<\/h3>\n\n\n\n<p>Ouvrez un article ou une page o\u00f9 vous souhaitez ajouter le tableau. Ajoutez le tableau <strong>Bloc de table<\/strong> \u00e0 l'\u00e9diteur.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"655\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Table-Block-to-the-Editor.webp\" alt=\"Ajouter le bloc tableau \u00e0 l&#039;\u00e9diteur\" class=\"wp-image-1441\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Table-Block-to-the-Editor.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Table-Block-to-the-Editor-300x154.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Table-Block-to-the-Editor-1024x524.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Table-Block-to-the-Editor-768x393.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>D\u00e9finir le nombre de lignes et de colonnes.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Set-22-rows-and-columns.webp\" alt=\"D\u00e9finir le nombre de lignes et de colonnes\" class=\"wp-image-482\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Set-22-rows-and-columns.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Set-22-rows-and-columns-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Set-22-rows-and-columns-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Set-22-rows-and-columns-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>La table sera cr\u00e9\u00e9e dans quelques secondes.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"655\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Default-table-is-created.webp\" alt=\"La table par d\u00e9faut est cr\u00e9\u00e9e\" class=\"wp-image-1442\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Default-table-is-created.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Default-table-is-created-300x154.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Default-table-is-created-1024x524.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Default-table-is-created-768x393.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9tape 2 : Utiliser l'option \"Inline Image\" pour le tableau<\/h3>\n\n\n\n<p>Placez votre curseur sur la cellule o\u00f9 vous souhaitez ajouter une image. La barre d'outils s'affiche.<\/p>\n\n\n\n<p>Cliquez sur le bouton <strong>Plus d'options<\/strong> dans la barre d'outils. Recherchez et cliquez sur <strong>Image en ligne<\/strong> sur la liste.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"523\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Inline-Image-Option-to-the-Table-1024x523.webp\" alt=\"\" class=\"wp-image-1443\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Inline-Image-Option-to-the-Table-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Inline-Image-Option-to-the-Table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Inline-Image-Option-to-the-Table-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Inline-Image-Option-to-the-Table.webp 1279w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9tape 3 : S\u00e9lectionner et ajouter une image<\/h3>\n\n\n\n<p>Vous pourrez ajouter une image, soit \u00e0 partir de la biblioth\u00e8que multim\u00e9dia, soit en la t\u00e9l\u00e9chargeant \u00e0 partir de votre disque local. Choisissez l'image que vous souhaitez. Cliquez sur l'ic\u00f4ne <strong>Bouton de s\u00e9lection<\/strong> \u00e0 la fin.<\/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=\"S\u00e9lectionner et ajouter une image\" 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>L'image sera ajout\u00e9e dans une seconde. Vous pouvez maintenant augmenter sa taille en modifiant sa largeur.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"655\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Set-width-for-the-Inline-Image.png\" alt=\"D\u00e9finir la largeur de l&#039;image en ligne\" class=\"wp-image-1444\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Set-width-for-the-Inline-Image.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Set-width-for-the-Inline-Image-300x154.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Set-width-for-the-Inline-Image-1024x524.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Set-width-for-the-Inline-Image-768x393.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>De m\u00eame, ajoutez une nouvelle image \u00e0 l'autre colonne en utilisant la m\u00eame option Inline Image.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"655\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-inline-image-to-a-table.webp\" alt=\"Ajouter une image en ligne \u00e0 un tableau\" class=\"wp-image-1445\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-inline-image-to-a-table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-inline-image-to-a-table-300x154.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-inline-image-to-a-table-1024x524.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-inline-image-to-a-table-768x393.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_7a241c92-fa6f-4649-9f97-ddbc8696c721\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 2px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Using-the-Tableberg-Block\">M\u00e9thode 2 : Utilisation du bloc Tableberg<\/h2>\n\n\n\n<p><a title=\"TableBerg\" href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noopener nofollow\">Tableberg<\/a> est un plugin de construction de tableaux riche en fonctionnalit\u00e9s et convivial pour les d\u00e9butants. Avec ce plugin, vous pouvez \u00e9galement construire des tableaux et ajouter des images \u00e0 leurs cellules. Nous avons expliqu\u00e9 le processus ci-dessous.<\/p>\n\n\n\n<p class=\"has-text-align-center has-background\" style=\"background-color:#ffeec9\"><strong>Note<\/strong>: Assurez-vous que vous avez <a href=\"https:\/\/tableberg.com\/fr\/documents\/comment-installer-le-plugin-tableberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">install\u00e9 et activ\u00e9 le plugin Tableberg<\/a>. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9tape 01 : Ajouter le bloc Tableberg \u00e0 l'\u00e9diteur<\/h3>\n\n\n\n<p>Recherchez et ajoutez le <strong>Bloc Tableberg<\/strong> dans l'\u00e9diteur. Le bloc fonctionne de la m\u00eame mani\u00e8re que le bloc Table par d\u00e9faut, comme indiqu\u00e9 ci-dessus.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"523\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor-1024x523.webp\" alt=\"Trouvez et ajoutez le bloc TableBerg \u00e0 votre \u00e9diteur Gutenberg.\" class=\"wp-image-481\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor.webp 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>D\u00e9finir le num\u00e9ro de la ligne et de la colonne.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"522\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Select-a-row-and-columns-for-the-table-1024x522.webp\" alt=\"\" class=\"wp-image-1031\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Select-a-row-and-columns-for-the-table-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Select-a-row-and-columns-for-the-table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Select-a-row-and-columns-for-the-table-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Select-a-row-and-columns-for-the-table.webp 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Le plan du tableau est pr\u00eat.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"655\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Default-table-is-created.webp\" alt=\"Le plan du tableau est pr\u00eat\" class=\"wp-image-1442\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Default-table-is-created.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Default-table-is-created-300x154.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Default-table-is-created-1024x524.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Default-table-is-created-768x393.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9tape 2 : Ajouter le bloc d'images au tableau<\/h3>\n\n\n\n<p>Tableberg comprend <strong><a href=\"https:\/\/tableberg.com\/fr\/documents\/comment-ajouter-des-images-a-un-tableau-dans-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Bloc d'images<\/a><\/strong>. Son fonctionnement est similaire \u00e0 celui de la fonction <a href=\"https:\/\/tableberg.com\/fr\/comment-utiliser-le-bloc-dimages-dans-wordpress\/\" target=\"_blank\" data-type=\"link\" data-id=\"https:\/\/tableberg.com\/how-to-use-the-image-block-in-wordpress\/\" rel=\"noreferrer noopener\">Bloc d'images Gutenberg<\/a>. Ajoutez le bloc Image \u00e0 la cellule.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"655\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Image-Block-to-the-Table.webp\" alt=\"Ajouter le bloc d&#039;images au tableau\" class=\"wp-image-1446\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Image-Block-to-the-Table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Image-Block-to-the-Table-300x154.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Image-Block-to-the-Table-1024x524.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Image-Block-to-the-Table-768x393.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>S\u00e9lectionnez l'option permettant de t\u00e9l\u00e9charger l'image souhait\u00e9e \u00e0 partir de la source correspondante. Pour ce tutoriel, nous t\u00e9l\u00e9chargerons l'image \u00e0 partir de 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=\"655\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Select-the-image-uploading-option.webp\" alt=\"S\u00e9lectionnez l&#039;option de t\u00e9l\u00e9chargement d&#039;images\" class=\"wp-image-1447\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Select-the-image-uploading-option.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Select-the-image-uploading-option-300x154.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Select-the-image-uploading-option-1024x524.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Select-the-image-uploading-option-768x393.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9tape 3 : S\u00e9lectionner et t\u00e9l\u00e9charger une image<\/h3>\n\n\n\n<p>J'esp\u00e8re que vous savez ce que vous devez faire ici. Choisissez une image et cliquez sur le bouton <strong>Bouton de s\u00e9lection<\/strong>.<\/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=\"S\u00e9lectionner et t\u00e9l\u00e9charger une image\" 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>L'image sera instantan\u00e9ment ajout\u00e9e au tableau. Vous pouvez modifier la taille de l'image en faisant glisser la ligne de bordure, comme indiqu\u00e9 dans l'image ci-dessous.<\/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\/05\/The-image-will-be-added-to-the-table.webp\" alt=\"L&#039;image sera ajout\u00e9e au tableau\" class=\"wp-image-1448\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/The-image-will-be-added-to-the-table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/The-image-will-be-added-to-the-table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/The-image-will-be-added-to-the-table-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/The-image-will-be-added-to-the-table-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9tape 4 : Personnaliser et styliser l'image<\/h3>\n\n\n\n<p>Venez au <strong>Onglet Param\u00e8tres<\/strong> dans la barre lat\u00e9rale droite. Vous pouvez ajouter un texte alternatif, un rapport d'aspect, une largeur, une hauteur et une r\u00e9solution, ce qui n'est pas possible avec l'option Inline Image.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"524\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-the-settings-fo-the-image-block-1024x524.webp\" alt=\"\" class=\"wp-image-1449\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-the-settings-fo-the-image-block-1024x524.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-the-settings-fo-the-image-block-300x154.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-the-settings-fo-the-image-block-768x393.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-the-settings-fo-the-image-block.webp 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Aller \u00e0 la page <strong>Onglet Styles<\/strong>. Vous pouvez ajouter une bordure et un rayon de bordure en utilisant les options de cet onglet.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"655\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Stylize-the-image-on-the-table.webp\" alt=\"Styliser l&#039;image sur la table\" class=\"wp-image-1450\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Stylize-the-image-on-the-table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Stylize-the-image-on-the-table-300x154.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Stylize-the-image-on-the-table-1024x524.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Stylize-the-image-on-the-table-768x393.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Ainsi, vous pouvez ajouter des images au tableau dans WordPress.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Comment ajouter des images au bloc tableau dans WordPress | Free Tableberg Plugin\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/acGs-w0nk2U?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_a58e77cf-4f6e-4bda-9655-f1e1f2075aea\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 2px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Notes de fin d'ann\u00e9e !<\/h3>\n\n\n\n<p>Bien que TableBerg soit un nouveau plugin, il va changer la donne. Il va tr\u00e8s bient\u00f4t faire passer l'exp\u00e9rience de construction de tableaux bas\u00e9e sur Gutenberg \u00e0 un niveau sup\u00e9rieur. <\/p>\n\n\n\n<p>Avec le plugin TableBerg, vous pouvez ajouter non seulement des images mais aussi d'autres types de contenu comme des rubans, des classements, des listes \u00e0 puces, des boutons CTA, du HTML personnalis\u00e9, etc.<\/p>\n\n\n\n<p>En les utilisant, vous pouvez cr\u00e9er des tableaux multifonctionnels avec le plugin. Voir quelques articles :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/tableberg.com\/fr\/comment-afficher-les-images-wordpress-en-colonnes-lignes\/\" target=\"_blank\" rel=\"noreferrer noopener\">Comment afficher les images WordPress en colonnes et en lignes<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/tableberg.com\/fr\/comment-essayer-le-tableberg\/\" target=\"_blank\" rel=\"noopener\" title=\"Comment essayer TableBerg sans l&#039;installer sur votre site\">Comment essayer TableBerg sans l'installer sur votre site<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/tableberg.com\/fr\/comment-creer-un-tableau-de-comparaison-des-produits-amazon-dans-wordpress\/\" target=\"_blank\" rel=\"noopener\" title=\"Comment cr\u00e9er un tableau de comparaison des produits \">Comment cr\u00e9er un tableau de comparaison des produits <\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/tableberg.com\/fr\/comment-creer-un-tableau-de-specification-des-produits-dans-wordpress\/\" target=\"_blank\" rel=\"noopener\" title=\"Comment cr\u00e9er un tableau de sp\u00e9cification des produits\">Comment cr\u00e9er un tableau de sp\u00e9cification des produits<\/a><\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_37c05b7d-201a-4949-a9a4-a539d3ba76bd\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 2px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Visual content is undoubtedly crucial for engaging users. Whether you are a blogger, affiliate, eCommerce owner or else, you may need to add graphical content for various reasons. Images are one such important graphical content. Many users yet don&#8217;t know how to add images to WordPress tables. But by adding images to the table, you [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":6786,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[83,41,9],"class_list":["post-1440","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-how-to-add-images","tag-image-block","tag-tableberg"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/How-to-Create-an-Amazon-Product-Comparison-Table-in-WordPress.png","author_info":{"display_name":"Istiak Rayhan","author_link":"https:\/\/tableberg.com\/fr\/author\/wpx_irayhan\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/1440","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"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=1440"}],"version-history":[{"count":6,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/1440\/revisions"}],"predecessor-version":[{"id":8221,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/1440\/revisions\/8221"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/media\/6786"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/media?parent=1440"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/categories?post=1440"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/tags?post=1440"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}