{"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":"como-adicionar-uma-imagem-a-uma-tabela-no-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/pt\/how-to-add-an-image-to-a-table-in-wordpress\/","title":{"rendered":"Como adicionar uma imagem a uma tabela no WordPress"},"content":{"rendered":"<p>O conte\u00fado visual \u00e9, sem d\u00favida, crucial para envolver os usu\u00e1rios. Seja voc\u00ea um blogueiro, afiliado, propriet\u00e1rio de com\u00e9rcio eletr\u00f4nico ou outro, pode ser necess\u00e1rio adicionar conte\u00fado gr\u00e1fico por v\u00e1rios motivos.<\/p>\n\n\n\n<p>As imagens s\u00e3o um conte\u00fado gr\u00e1fico muito importante. Muitos usu\u00e1rios ainda n\u00e3o sabem como adicionar imagens \u00e0s tabelas do WordPress. Mas, ao adicionar imagens \u00e0 tabela, voc\u00ea pode criar facilmente v\u00e1rios tipos de tabelas, como <a href=\"https:\/\/tableberg.com\/pt\/como-criar-uma-tabela-de-comparacao-no-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">compara\u00e7\u00e3o<\/a>, <a href=\"https:\/\/tableberg.com\/pt\/como-criar-uma-tabela-de-especificacao-de-produtos-no-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Especifica\u00e7\u00e3o do produto<\/a>, <a href=\"https:\/\/tableberg.com\/pt\/como-criar-uma-tabela-de-precos-no-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">tabelas de pre\u00e7os<\/a>etc.<\/p>\n\n\n\n<p>Neste artigo, mostraremos dois m\u00e9todos f\u00e1ceis de como adicionar uma imagem a uma tabela no WordPress. Vamos come\u00e7ar!<\/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\u00e9todo 1:<\/strong> <a href=\"#Using-the-Default-Table-Block\">Usando o bloco de tabela padr\u00e3o<\/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\u00e9todo 2<\/strong>: <a href=\"#Using-the-Tableberg-Block\" target=\"_blank\" rel=\"noreferrer noopener\">Uso do bloco 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>Criar mesas bonitas <\/strong><br><strong>Com o Block Editor<\/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\">Experimente gratuitamente<\/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\/pt\/precificacao\/\" target=\"_blank\" rel=\"noreferrer noopener\">Obter um profissional<\/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\u00e9todo 1: Usando o bloco de tabela padr\u00e3o<\/h2>\n\n\n\n<p>O padr\u00e3o <a href=\"https:\/\/tableberg.com\/pt\/como-usar-o-editor-de-blocos-do-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Editor de blocos do Gutenberg<\/a> vem com a op\u00e7\u00e3o Inline Image, que pode ser encontrada na barra de ferramentas. Usando a op\u00e7\u00e3o <a href=\"https:\/\/tableberg.com\/pt\/como-adicionar-uma-imagem-inline-no-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Op\u00e7\u00e3o de imagem em linha<\/a>Se voc\u00ea quiser adicionar imagens \u00e0s suas tabelas do WordPress, poder\u00e1 faz\u00ea-lo facilmente. <\/p>\n\n\n\n<p>O processo \u00e9 o seguinte.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Etapa 1: Adicionar o bloco de tabela ao editor<\/h3>\n\n\n\n<p>Abra um post ou uma p\u00e1gina onde voc\u00ea deseja adicionar a tabela. Adicione a tabela <strong>Bloco de tabelas<\/strong> para o editor.<\/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=\"Adicionar o bloco de tabela ao Editor\" 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>Defina o n\u00famero de linhas e colunas.<\/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=\"Definir o n\u00famero de linhas e colunas\" 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>A tabela ser\u00e1 criada em alguns segundos.<\/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=\"A tabela padr\u00e3o \u00e9 criada\" 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\">Etapa 2: Use a op\u00e7\u00e3o de imagem embutida na tabela<\/h3>\n\n\n\n<p>Coloque o cursor na c\u00e9lula em que deseja adicionar uma imagem. A barra de ferramentas ser\u00e1 exibida.<\/p>\n\n\n\n<p>Clique no bot\u00e3o <strong>Mais op\u00e7\u00f5es<\/strong> na barra de ferramentas. Localize e pressione <strong>Imagem em linha<\/strong> na lista.<\/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\">Etapa 3: Selecione e adicione uma imagem<\/h3>\n\n\n\n<p>Voc\u00ea ter\u00e1 permiss\u00e3o para adicionar uma imagem da Biblioteca de m\u00eddia ou fazer upload de sua unidade local. Escolha a imagem que voc\u00ea deseja. Clique no bot\u00e3o <strong>Bot\u00e3o Selecionar<\/strong> no final.<\/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=\"Selecionar e adicionar uma imagem\" 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>A imagem ser\u00e1 adicionada em um segundo. Agora, voc\u00ea pode aumentar seu tamanho alterando sua largura.<\/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=\"Definir a largura da imagem em linha\" 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>Da mesma forma, adicione uma nova imagem \u00e0 outra coluna usando a mesma op\u00e7\u00e3o 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=\"Adicionar imagem inline a uma tabela\" 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\u00e9todo 2: Usando o bloco Tableberg<\/h2>\n\n\n\n<p><a title=\"MesaBerg\" href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noopener nofollow\">Tableberg<\/a> \u00e9 um plug-in de cria\u00e7\u00e3o de tabelas rico em recursos e f\u00e1cil para iniciantes. Com esse plugin, voc\u00ea tamb\u00e9m pode criar tabelas e adicionar imagens \u00e0s suas c\u00e9lulas. Explicamos o processo abaixo.<\/p>\n\n\n\n<p class=\"has-text-align-center has-background\" style=\"background-color:#ffeec9\"><strong>Observa\u00e7\u00e3o<\/strong>: Certifique-se de que voc\u00ea tenha <a href=\"https:\/\/tableberg.com\/pt\/documentos\/como-instalar-o-plug-in-tableberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">instalou e ativou o plug-in Tableberg<\/a>. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Etapa 01: Adicionar o bloco Tableberg ao Editor<\/h3>\n\n\n\n<p>Localize e adicione o <strong>Bloco Tableberg<\/strong> para o editor. O bloco funciona da mesma forma que o bloco Table padr\u00e3o, conforme mostrado acima.<\/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=\"Encontre e adicione o bloco TableBerg ao seu editor 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>Defina o n\u00famero da linha e da coluna.<\/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>O esbo\u00e7o da tabela est\u00e1 pronto.<\/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=\"O esbo\u00e7o da tabela est\u00e1 pronto\" 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\">Etapa 2: Adicionar o bloco de imagem \u00e0 tabela<\/h3>\n\n\n\n<p>O Tableberg inclui o <strong><a href=\"https:\/\/tableberg.com\/pt\/documentos\/como-adicionar-imagens-a-uma-tabela-no-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Bloco de imagens<\/a><\/strong>. Ele funciona de forma semelhante ao <a href=\"https:\/\/tableberg.com\/pt\/como-usar-o-bloco-de-imagens-no-wordpress\/\" target=\"_blank\" data-type=\"link\" data-id=\"https:\/\/tableberg.com\/how-to-use-the-image-block-in-wordpress\/\" rel=\"noreferrer noopener\">Bloco de imagens do Gutenberg<\/a>. Adicione o bloco Image \u00e0 c\u00e9lula.<\/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=\"Adicionar o bloco de imagem \u00e0 tabela\" 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>Selecione a op\u00e7\u00e3o para carregar a imagem desejada a partir da respectiva fonte. Para este tutorial, carregaremos 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=\"655\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Select-the-image-uploading-option.webp\" alt=\"Selecione a op\u00e7\u00e3o de upload de imagem\" 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\">Etapa 3: Selecione e fa\u00e7a upload de uma imagem<\/h3>\n\n\n\n<p>Espero que voc\u00ea saiba o que deve fazer aqui. Escolha uma imagem e clique no bot\u00e3o <strong>Bot\u00e3o Selecionar<\/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=\"Selecionar e fazer upload de uma imagem\" 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>A imagem ser\u00e1 adicionada \u00e0 tabela instantaneamente. Voc\u00ea pode alterar o tamanho da imagem arrastando a linha da borda, conforme mostrado na imagem abaixo.<\/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=\"A imagem ser\u00e1 adicionada \u00e0 tabela\" 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\">Etapa 4: Personalizar e estilizar a imagem<\/h3>\n\n\n\n<p>Venha para o <strong>Guia Configura\u00e7\u00f5es<\/strong> na barra lateral direita. Voc\u00ea pode adicionar um texto alternativo, propor\u00e7\u00e3o, largura, altura e resolu\u00e7\u00e3o, o que n\u00e3o \u00e9 poss\u00edvel com a op\u00e7\u00e3o 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>Ir para o <strong>Guia Estilos<\/strong>. Voc\u00ea pode adicionar uma borda e o raio da borda usando as op\u00e7\u00f5es dessa guia.<\/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=\"Estilizar a imagem na mesa\" 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>Assim, voc\u00ea pode adicionar imagens \u00e0 tabela no 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=\"Como adicionar imagens ao bloco de tabelas no WordPress | Plugin gratuito Tableberg\" 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\">Notas de finaliza\u00e7\u00e3o!<\/h3>\n\n\n\n<p>Embora o TableBerg seja um novo plug-in, ele ser\u00e1 um divisor de \u00e1guas. Ele levar\u00e1 a experi\u00eancia de cria\u00e7\u00e3o de tabelas com base no Gutenberg para o pr\u00f3ximo n\u00edvel muito em breve. <\/p>\n\n\n\n<p>Com o plug-in TableBerg, voc\u00ea pode adicionar n\u00e3o apenas imagens, mas tamb\u00e9m v\u00e1rios outros tipos de conte\u00fado, como fitas, classifica\u00e7\u00f5es, listas de marcadores, bot\u00f5es de CTA, HTML personalizado etc.<\/p>\n\n\n\n<p>Com eles, voc\u00ea pode criar tabelas multifuncionais com o plug-in. Confira algumas postagens:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/tableberg.com\/pt\/como-exibir-imagens-do-wordpress-em-linhas-de-colunas\/\" target=\"_blank\" rel=\"noreferrer noopener\">Como exibir imagens do WordPress em colunas e linhas<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/tableberg.com\/pt\/como-experimentar-o-tableberg\/\" target=\"_blank\" rel=\"noopener\" title=\"Como experimentar o TableBerg sem instal\u00e1-lo em seu site\">Como experimentar o TableBerg sem instal\u00e1-lo em seu site<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/tableberg.com\/pt\/como-criar-uma-tabela-de-comparacao-de-produtos-da-amazon-no-wordpress\/\" target=\"_blank\" rel=\"noopener\" title=\"Como criar uma tabela de compara\u00e7\u00e3o de produtos \">Como criar uma tabela de compara\u00e7\u00e3o de produtos <\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/tableberg.com\/pt\/como-criar-uma-tabela-de-especificacao-de-produtos-no-wordpress\/\" target=\"_blank\" rel=\"noopener\" title=\"Como criar uma tabela de especifica\u00e7\u00f5es do produto\">Como criar uma tabela de especifica\u00e7\u00f5es do produto<\/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\/pt\/author\/wpx_irayhan\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/1440","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"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=1440"}],"version-history":[{"count":6,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/1440\/revisions"}],"predecessor-version":[{"id":8221,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/1440\/revisions\/8221"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/media\/6786"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/media?parent=1440"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/categories?post=1440"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/tags?post=1440"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}