Como adicionar uma imagem a uma tabela no WordPress

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!

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.

Adicionar o bloco de tabela ao Editor

Defina o número de linhas e colunas.

Definir o número de linhas e colunas

A tabela será criada em alguns segundos.

A tabela padrão é criada

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.

Selecionar e adicionar uma imagem

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

Definir a largura da imagem em linha

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

Adicionar imagem inline a uma tabela

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.

Encontre e adicione o bloco TableBerg ao seu editor Gutenberg

Defina o número da linha e da coluna.

O esboço da tabela está pronto.

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.

Adicionar o bloco de imagem à tabela

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.

Selecione a opção de upload de imagem

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.

Selecionar e fazer upload de uma imagem

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

A imagem será adicionada à tabela

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.

Estilizar a imagem na mesa

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:



A equipe do Tableberg