Como remover as bordas da tabela no WordPress (2 maneiras fáceis)

As tabelas são comumente usadas para exibir vários dados e informações em um formato organizado e estruturado. No entanto, a aparência padrão das tabelas no WordPress inclui bordas visuais.

Embora essa borda seja essencial em muitos casos, há muitas situações em que talvez seja necessário ocultar as bordas para melhorar a estética do design. É por isso que muitos web designers procuram maneiras de remover as bordas da tabela.

Este artigo mostrará um guia fácil sobre como remover bordas de tabelas no WordPress. Explicaremos esse método usando a tabela padrão do WordPress e também um plugin de tabela.

Criar mesas bonitas
Com o Block Editor

Método 1: Remoção das bordas da tabela do bloco de tabela padrão

Vamos ver como remover as bordas de um bloco de tabela padrão.

Etapa 01: Criar uma tabela primeiro

Espero que você já saiba Como criar tabelas usando o sistema padrão do WordPress. Também criamos um com algumas informações fictícias para demonstrar as partes seguintes do tutorial.

Tabela criada com o sistema padrão no WordPress

Etapa 02: Selecione o bloco da tabela e oculte suas bordas

Selecione a tabela inteira clicando no botão Bloco de tabelas na barra de ferramentas. Vá para o Estilos na barra lateral direita.

Selecione a borda da tabela

Venha para o Fronteira rolando para baixo na barra lateral direita. Faça a valor de borda zero (0) arrastando a escala. A borda da tabela desaparecerá.

Ocultar bordas das tabelas padrão do WordPress

Método 2: Remoção das bordas da tabela do bloco Tableberg

Agora, se você quiser ter mais controles sobre as bordas, como remover o fronteiras internas ou externas e mostrando o bordas somente de linha ou somente de colunavocê pode usar o Tableberg plugin.

Vamos ver como usar o plug-in.

Etapa 01: Instalar e ativar o plug-in

Navegue até Plug-ins > Adicionar novo plug-in. Para obter o plugin, digite Tableberg na caixa de pesquisa. Depois disso, Instalar e Ativar isso.

Encontre o Bloco Tableberg do editor do Gutenberg e adicione-o ao seu post ou página.

Etapa 02: Criar uma tabela

Agora, vá para o post/página em que deseja adicionar a tabela sem bordas. Quando estiver no editor, clique no ícone + (1) e procure por "Tableberg" (2). Em seguida, clique no bloco Tableberg para inseri-lo (3).

Adicione o bloco TableBerg à sua página ou publicação

Defina o número da linha e da coluna para a postagem, que é semelhante à tabela padrão do WordPress. E clique no botão "Create Table" (Criar tabela).

Definir o número da linha e da coluna

Você terá a opção de adição de blocos semelhante à do Gutenberg em cada célula da tabela. Usando-as, você pode adicionar o conteúdo desejado à tabela.

Adicionar blocos e conteúdo às tabelas do TableBerg

Você pode ver abaixo que criamos uma tabela fictícia com o plug-in. Em seguida, mostraremos como remover as bordas da tabela.

Tabela preparada com o plug-in TableBerg

Etapa 03: Remover as bordas da tabela

Selecione todo o bloco Tableberg clicando no botão Ícone do TableBerg na barra de ferramentas. Em seguida, vá para a seção Estilos na barra lateral direita.

Selecione o bloco TableBerg inteiro para começar a remover suas bordas

Role um pouco a barra lateral. Desativar a opção Ativar borda interna. Faça o Tamanho da borda da tabela zero (0) arrastando a escala.

Isso removerá as bordas da tabela. Agora, você pode editar o conteúdo da tabela para ajustar sua apresentação.

Ocultar as bordas da tabela

Tente ocultar as bordas da tabela por conta própria

O tutorial de hoje termina aqui. Espero que, seguindo este artigo, você consiga ocultar facilmente as bordas da tabela em seu site do WordPress. Se quiser mais dicas e sugestões relacionadas à criação de tabelas no WordPress, fique ligado conosco e não se esqueça de compartilhar seu valioso feedback na seção de comentários.



A equipe do Tableberg