{"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":"como-anadir-imagenes-a-una-tabla-en-wordpress","status":"publish","type":"docs","link":"https:\/\/tableberg.com\/es\/docs\/how-to-add-images-to-a-table-in-wordpress\/","title":{"rendered":"Bloque de im\u00e1genes"},"content":{"rendered":"<p>Las im\u00e1genes son un elemento visual crucial para cualquier sitio web. No solo pueden ayudarle a expresar una historia, sino tambi\u00e9n a comparar productos, art\u00edculos e ideas en tablas comparativas.<\/p>\n\n\n\n<p>La tabla por defecto de WordPress no permite a\u00f1adir im\u00e1genes. Pero puedes a\u00f1adir tantas im\u00e1genes como quieras a tus tablas creadas con la funci\u00f3n <a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">TableBerg<\/a> plugin.<\/p>\n\n\n\n<p>Esta documentaci\u00f3n le guiar\u00e1 sobre c\u00f3mo a\u00f1adir una imagen a una tabla en WordPress.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Paso 01: Seleccione el lugar donde desea a\u00f1adir una imagen<\/h2>\n\n\n\n<p>Tenemos un maniqu\u00ed <a href=\"https:\/\/tableberg.com\/es\/como-crear-una-tabla-de-clasificacion-en-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">tabla creada con el plugin TableBerg<\/a>. Seleccione la celda en la que desea a\u00f1adir una imagen colocando el cursor sobre ella.<\/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=\"Seleccione el lugar donde desea a\u00f1adir una imagen\" 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\">Paso 02: A\u00f1adir el bloque de imagen a la tabla<\/h2>\n\n\n\n<p>Tras colocar el cursor en una celda, ver\u00e1s que aparece el bot\u00f3n Gutenberg m\u00e1s (+). <\/p>\n\n\n\n<p>Seleccione <strong>Bloque de im\u00e1genes<\/strong> pulsando la tecla <strong>Bot\u00f3n m\u00e1s (+)<\/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=\"A\u00f1adir el bloque de imagen a la tabla\" 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\">Paso 03: A\u00f1adir la imagen deseada<\/h2>\n\n\n\n<p>Haga clic en <strong>Cargar<\/strong> para a\u00f1adir la imagen desde su unidad local. Haga clic en el bot\u00f3n <strong>Mediateca<\/strong> para seleccionarlo entre los archivos multimedia existentes.<\/p>\n\n\n\n<p>Vamos a seleccionar la opci\u00f3n Biblioteca multimedia para este tutorial.<\/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=\"A\u00f1ada la imagen que desee\" 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>Puede ver que hemos seleccionado una imagen de la biblioteca multimedia.<\/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=\"Imagen seleccionada de la mediateca\" 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>Puede ver que la imagen se ha a\u00f1adido a la tabla. As\u00ed, puede a\u00f1adir im\u00e1genes a las otras celdas de la tabla.<\/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=\"Imagen mostrada en la mesa\" 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>Puede consultar este art\u00edculo en <a href=\"https:\/\/tableberg.com\/es\/como-crear-tabla-comparativa-de-productos-amazon-en-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">c\u00f3mo crear una tabla comparativa en WordPress<\/a> para saber m\u00e1s sobre c\u00f3mo a\u00f1adir im\u00e1genes.<\/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\/es\/author\/wpx_irayhan\/"},"doc_category_info":[{"term_name":"Sub-Blocks","term_url":"https:\/\/tableberg.com\/es\/docs-category\/sub-blocks\/"}],"doc_tag_info":[{"term_name":"Add Image to Table","term_url":"https:\/\/tableberg.com\/es\/docs-tag\/add-image-to-table\/"}],"_links":{"self":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/docs\/1175","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/comments?post=1175"}],"version-history":[{"count":2,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/docs\/1175\/revisions"}],"predecessor-version":[{"id":1817,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/docs\/1175\/revisions\/1817"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/media?parent=1175"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/doc_category?post=1175"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/doc_tag?post=1175"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}