O conteúdo visual é, sem dúvida, crucial para envolver os usuários. Seja você um blogueiro, afiliado, proprietário de comércio eletrônico ou outro, pode ser necessário adicionar conteúdo gráfico por vários motivos.
As imagens são um conteúdo gráfico muito importante. Muitos usuários ainda não sabem como adicionar imagens às tabelas do WordPress. Mas, ao adicionar imagens à tabela, você pode criar facilmente vários tipos de tabelas, como comparação, Especificação do produto, tabelas de preçosetc.
Neste artigo, mostraremos dois métodos fáceis de como adicionar uma imagem a uma tabela no WordPress. Vamos começar!
- Método 1: Usando o bloco de tabela padrão
- Método 2: Uso do bloco Tableberg
Criar mesas bonitas
Com o Block Editor

Método 1: Usando o bloco de tabela padrão
O padrão Editor de blocos do Gutenberg vem com a opção Inline Image, que pode ser encontrada na barra de ferramentas. Usando a opção Opção de imagem em linhaSe você quiser adicionar imagens às suas tabelas do WordPress, poderá fazê-lo facilmente.
O processo é o seguinte.
Etapa 1: Adicionar o bloco de tabela ao editor
Abra um post ou uma página onde você deseja adicionar a tabela. Adicione a tabela Bloco de tabelas para o editor.

Defina o número de linhas e colunas.

A tabela será criada em alguns segundos.

Etapa 2: Use a opção de imagem embutida na tabela
Coloque o cursor na célula em que deseja adicionar uma imagem. A barra de ferramentas será exibida.
Clique no botão Mais opções na barra de ferramentas. Localize e pressione Imagem em linha na lista.

Etapa 3: Selecione e adicione uma imagem
Você terá permissão para adicionar uma imagem da Biblioteca de mídia ou fazer upload de sua unidade local. Escolha a imagem que você deseja. Clique no botão Botão Selecionar no final.

A imagem será adicionada em um segundo. Agora, você pode aumentar seu tamanho alterando sua largura.

Da mesma forma, adicione uma nova imagem à outra coluna usando a mesma opção Inline Image.

Método 2: Usando o bloco Tableberg
Tableberg é um plug-in de criação de tabelas rico em recursos e fácil para iniciantes. Com esse plugin, você também pode criar tabelas e adicionar imagens às suas células. Explicamos o processo abaixo.
Observação: Certifique-se de que você tenha instalou e ativou o plug-in Tableberg.
Etapa 01: Adicionar o bloco Tableberg ao Editor
Localize e adicione o Bloco Tableberg para o editor. O bloco funciona da mesma forma que o bloco Table padrão, conforme mostrado acima.

Defina o número da linha e da coluna.

O esboço da tabela está pronto.

Etapa 2: Adicionar o bloco de imagem à tabela
O Tableberg inclui o Bloco de imagens. Ele funciona de forma semelhante ao Bloco de imagens do Gutenberg. Adicione o bloco Image à célula.

Selecione a opção para carregar a imagem desejada a partir da respectiva fonte. Para este tutorial, carregaremos a imagem da Biblioteca de mídia.

Etapa 3: Selecione e faça upload de uma imagem
Espero que você saiba o que deve fazer aqui. Escolha uma imagem e clique no botão Botão Selecionar.

A imagem será adicionada à tabela instantaneamente. Você pode alterar o tamanho da imagem arrastando a linha da borda, conforme mostrado na imagem abaixo.

Etapa 4: Personalizar e estilizar a imagem
Venha para o Guia Configurações na barra lateral direita. Você pode adicionar um texto alternativo, proporção, largura, altura e resolução, o que não é possível com a opção Inline Image.

Ir para o Guia Estilos. Você pode adicionar uma borda e o raio da borda usando as opções dessa guia.

Assim, você pode adicionar imagens à tabela no WordPress.
Notas de finalização!
Embora o TableBerg seja um novo plug-in, ele será um divisor de águas. Ele levará a experiência de criação de tabelas com base no Gutenberg para o próximo nível muito em breve.
Com o plug-in TableBerg, você pode adicionar não apenas imagens, mas também vários outros tipos de conteúdo, como fitas, classificações, listas de marcadores, botões de CTA, HTML personalizado etc.
Com eles, você pode criar tabelas multifuncionais com o plug-in. Confira algumas postagens:
- Como exibir imagens do WordPress em colunas e linhas
- Como experimentar o TableBerg sem instalá-lo em seu site
- Como criar uma tabela de comparação de produtos
- Como criar uma tabela de especificações do produto