{"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-adicionar-imagens-a-uma-tabela-no-wordpress","status":"publish","type":"docs","link":"https:\/\/tableberg.com\/pt\/docs\/how-to-add-images-to-a-table-in-wordpress\/","title":{"rendered":"Bloco de imagens"},"content":{"rendered":"<p>As imagens s\u00e3o um elemento visual fundamental para qualquer site. Elas n\u00e3o apenas ajudam a expressar uma hist\u00f3ria, mas tamb\u00e9m ajudam a comparar produtos, itens e ideias em tabelas de compara\u00e7\u00e3o.<\/p>\n\n\n\n<p>A tabela padr\u00e3o do WordPress n\u00e3o permite que voc\u00ea adicione imagens. Mas voc\u00ea pode adicionar quantas imagens quiser \u00e0s suas tabelas criadas com a tag <a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">MesaBerg<\/a> plugin.<\/p>\n\n\n\n<p>Esta documenta\u00e7\u00e3o o orientar\u00e1 sobre como adicionar uma imagem a uma tabela no WordPress.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Etapa 01: Selecione o local onde voc\u00ea deseja adicionar uma imagem<\/h2>\n\n\n\n<p>Temos um boneco <a href=\"https:\/\/tableberg.com\/pt\/como-criar-uma-tabela-de-classificacao-no-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">tabela criada com o plug-in TableBerg<\/a>. Selecione a c\u00e9lula na qual voc\u00ea deseja adicionar uma imagem colocando o cursor sobre ela.<\/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=\"Selecione o local onde voc\u00ea deseja adicionar uma imagem\" 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\">Etapa 02: Adicionar o bloco de imagem \u00e0 tabela<\/h2>\n\n\n\n<p>Depois de colocar o cursor em uma c\u00e9lula, voc\u00ea ver\u00e1 o bot\u00e3o de adi\u00e7\u00e3o (+) do Gutenberg aparecer. <\/p>\n\n\n\n<p>Selecione o <strong>Bloco de imagens<\/strong> pressionando o bot\u00e3o <strong>bot\u00e3o de adi\u00e7\u00e3o (+)<\/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=\"Adicionar o bloco de imagem \u00e0 tabela\" 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\">Etapa 03: Adicione sua imagem desejada<\/h2>\n\n\n\n<p>Clique em <strong>Carregar<\/strong> para adicionar a imagem de sua unidade local. Clique no bot\u00e3o <strong>Biblioteca de m\u00eddia<\/strong> para selecion\u00e1-lo entre os arquivos de m\u00eddia existentes.<\/p>\n\n\n\n<p>Estamos selecionando a op\u00e7\u00e3o Biblioteca de m\u00eddia 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=\"Adicione sua imagem desejada\" 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>Voc\u00ea pode ver que selecionamos a imagem da biblioteca de m\u00eddia.<\/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=\"Imagem selecionada na biblioteca de m\u00eddia\" 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>Voc\u00ea pode ver que a imagem foi adicionada \u00e0 tabela. Assim, voc\u00ea pode adicionar imagens \u00e0s outras c\u00e9lulas da tabela.<\/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=\"Imagem exibida na tabela\" 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>Voc\u00ea pode explorar esta postagem em <a href=\"https:\/\/tableberg.com\/pt\/como-criar-uma-tabela-de-comparacao-de-produtos-da-amazon-no-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Como criar uma tabela de compara\u00e7\u00e3o no WordPress<\/a> para saber mais sobre como adicionar imagens.<\/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\/pt\/author\/wpx_irayhan\/"},"doc_category_info":[{"term_name":"Sub-Blocks","term_url":"https:\/\/tableberg.com\/pt\/docs-category\/sub-blocks\/"}],"doc_tag_info":[{"term_name":"Add Image to Table","term_url":"https:\/\/tableberg.com\/pt\/docs-tag\/add-image-to-table\/"}],"_links":{"self":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/docs\/1175","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/comments?post=1175"}],"version-history":[{"count":2,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/docs\/1175\/revisions"}],"predecessor-version":[{"id":1817,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/docs\/1175\/revisions\/1817"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/media?parent=1175"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/doc_category?post=1175"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/doc_tag?post=1175"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}