Ao adicionar tabelas aos seus posts e páginas do WordPress, você pode organizar dados e facilitar a compreensão para os leitores. O WordPress torna isso super simples com seu bloco de tabela padrão.
Na WPBeginner, começamos recentemente a usar tabelas em nossos artigos de compilação para exibir os 5 ou 10 melhores plugins. Essa simples mudança ajudou a melhorar o engajamento de nossos leitores.
A melhor parte é que o bloco padrão inclui opções poderosas de estilo para deixar suas tabelas com uma ótima aparência. Neste guia, mostraremos como criar e gerenciar tabelas no WordPress facilmente.
Você aprenderá o básico de inserção de tabelas, além de como melhorá-las com recursos avançados como classificação e pesquisa, tudo sem precisar saber codificar.
Por Que Adicionar Tabelas em Posts e Páginas do WordPress?
Adicionar tabelas em seus posts e páginas do WordPress pode ajudar a organizar informações. Elas dividem o conteúdo em partes facilmente digeríveis, tornando-o mais amigável para o leitor.
Se você está exibindo gráficos de comparação, listas ou estatísticas, as tabelas fornecem uma maneira limpa e estruturada de apresentar seus dados.
Além disso, as tabelas podem melhorar a experiência geral do usuário. Em vez de rolar por longos parágrafos, seus leitores podem encontrar rapidamente as informações que procuram.
Isso dá ao seu conteúdo um visual limpo e profissional, ao mesmo tempo em que o torna mais envolvente.
Dito isso, vamos ver como adicionar tabelas facilmente em seus posts e páginas do WordPress.
- Criando Tabelas no Editor de Blocos do WordPress
- Criando Tabelas Usando o Plugin TablePress
- Tutorial em Vídeo
- Perguntas Frequentes Sobre Tabelas no WordPress
Criando Tabelas no Editor de Blocos do WordPress
O WordPress torna super fácil adicionar tabelas usando o editor de blocos do WordPress padrão.
Simplesmente crie uma nova postagem ou página ou edite uma existente. Uma vez dentro do editor de conteúdo, clique no símbolo de ‘+’ para adicionar um novo bloco e, em seguida, selecione o bloco Tabela.
Você pode encontrá-lo na seção ‘Texto’ ou digitar ‘Tabela’ na barra de pesquisa.
Em seguida, você será solicitado a escolher o número de colunas e linhas que deseja para sua tabela. Ambos os valores são definidos como 2 por padrão.
Não se preocupe se você não tiver 100% de certeza sobre o número exato, pois você sempre poderá adicionar/remover colunas e linhas da tabela mais tarde.
Simplesmente insira o número de linhas e colunas e clique no botão ‘Criar Tabela’.
O bloco gerará sua tabela e a exibirá na tela.
Você pode digitar nas células da tabela e elas serão redimensionadas automaticamente com base na quantidade de conteúdo em cada uma.
Você pode definir esta opção no lado direito se preferir que suas células tenham largura fixa. Aqui, você também pode adicionar uma seção de cabeçalho ou rodapé da tabela.
O uso de um cabeçalho de tabela é altamente recomendado para acessibilidade, pois ajuda os leitores de tela a interpretar os dados da tabela corretamente para usuários com deficiência visual.
No painel de configurações, você também pode mudar para a aba Estilo.
Seu tema do WordPress pode oferecer uma variedade de estilos para o bloco de tabela, ou você pode escolher as cores de fundo e de texto.
Se você quiser adicionar uma nova linha ou coluna, basta clicar em uma célula no ponto da tabela onde deseja adicioná-la. Em seguida, clique no botão ‘Editar Tabela’ (parece uma pequena tabela com um ícone de lápis).
Isso mostrará várias opções para adicionar ou remover linhas e colunas da sua tabela.
Por padrão, o texto nas colunas da sua tabela está alinhado à esquerda.
Você pode alterar isso clicando dentro de uma coluna e, em seguida, clicando no botão ‘Alterar Alinhamento da Coluna’:
Você também pode alterar o alinhamento de toda a sua tabela dentro da postagem ou página.
Basta clicar no botão ‘Alterar alinhamento’ e selecionar uma opção na lista.
Observe que essas opções podem fazer com que sua tabela seja exibida além dos limites normais da área da sua postagem.
Algumas podem parecer estranhas em seu site WordPress, portanto, visualize sua postagem ou página para verificar como a tabela aparecerá.
Aqui está nossa tabela definida como ‘Largura Ampla’ como aparece em nosso site de demonstração:
Como você pode ver, ela se estende além das margens esquerda e direita da área da postagem.
As ferramentas de tabela integradas ao editor Gutenberg oferecem muita flexibilidade na exibição de suas tabelas. Você pode usar o bloco Tabela para mostrar dados aos leitores em um formato fácil de entender.
No entanto, o bloco não possui recursos avançados como filtragem de pesquisa, classificação personalizada e muito mais.
Ele também não permite que você use eficientemente a mesma tabela em várias áreas do seu site WordPress, como widgets de barra lateral ou outras páginas.
Para criar tabelas avançadas, você precisará usar um plugin de tabela WordPress.
Criando Tabelas Usando o Plugin TablePress
TablePress é um dos melhores plugins de tabela WordPress do mercado. O plugin principal é 100% gratuito e permite criar e gerenciar tabelas facilmente, com extensões premium disponíveis para recursos adicionais.
Se você estiver usando o editor clássico do WordPress mais antigo, que não possui a funcionalidade de tabela, o TablePress seria a melhor maneira de adicionar tabelas em suas postagens e páginas.
Primeiro, você precisa instalar e ativar o plugin TablePress. Para mais detalhes, veja nosso guia passo a passo sobre como instalar um plugin do WordPress.
Em seguida, você verá um item de menu TablePress no seu painel do WordPress. Vá para TablePress » Adicionar Novo para criar uma nova tabela.
Você precisa digitar um nome para sua tabela e decidir quantas linhas e colunas deseja. Você sempre pode adicionar/remover linhas e colunas da tabela mais tarde também.
Depois de adicionar o nome da tabela, linhas e colunas, clique no botão ‘Adicionar Tabela’ para criar sua tabela.
Em seguida, você verá uma tela com as informações da sua tabela e uma área onde você pode adicionar conteúdo.
Simplesmente digite os dados que você deseja nas células da sua tabela.
Para adicionar ou remover linhas e colunas ou realizar operações de classificação, clique com o botão direito do mouse dentro da tabela. Isso exibirá um menu de opções onde você pode fazer mais alterações.
Opções avançadas, como ‘Manipulação de Tabela’, estão abaixo da área ‘Conteúdo da Tabela’.
A partir daqui, você pode adicionar, remover e duplicar linhas.
Em ‘Opções da Tabela’, você pode adicionar uma linha de cabeçalho e/ou rodapé, que não serão classificadas com os dados.
Você também pode decidir onde mostrar o nome e a descrição da tabela:
Finalmente, você pode definir várias opções na seção ‘Recursos da Tabela para Visitantes do Site’.
Estas configurações permitem que você crie tabelas responsivas que podem ser filtradas, pesquisadas e classificadas pelos seus leitores.
Assim que estiver satisfeito com sua tabela, basta clicar em ‘Salvar Alterações’.
Depois disso, copie o shortcode da Tabela. Você precisará dele na próxima etapa.
💡Dica Profissional: Uma das maiores vantagens de usar um shortcode é que você pode colocar a mesma tabela em vários posts, páginas ou até mesmo em widgets da barra lateral.
Se você precisar atualizar a tabela, terá que editá-la em apenas um lugar, e as alterações aparecerão automaticamente em todos os lugares onde o shortcode for usado. Isso pode economizar muito tempo!
Agora, edite a postagem ou página onde você deseja exibir a tabela e adicione o bloco de Shortcode ao editor.
Depois disso, adicione o shortcode que você copiou anteriormente ao bloco de Shortcode.
Não se esqueça de atualizar ou salvar suas alterações.
Por outro lado, se você estiver usando o editor clássico, simplesmente adicione o shortcode diretamente em sua postagem:
Se você quiser alterar sua tabela no futuro, pode retornar ao TablePress em seu painel e fazer as alterações. Sua tabela será atualizada automaticamente em quaisquer postagens e páginas em que você a utilizou.
O TablePress também permite importar dados de planilhas e arquivos CSV. Da mesma forma, você pode exportar os dados da tabela do TablePress para um arquivo CSV, que você pode abrir com qualquer programa de planilha como Microsoft Excel ou Google Sheets.
Tutorial em Vídeo
Se você não prefere instruções escritas, então apenas assista ao nosso tutorial em vídeo:
Perguntas Frequentes Sobre Tabelas no WordPress
Aqui estão algumas perguntas comuns que recebemos sobre como adicionar tabelas a sites WordPress.
Como faço para tornar as tabelas responsivas no WordPress?
O bloco de tabela padrão do WordPress tem configurações responsivas limitadas. Para tabelas que ficam ótimas em dispositivos móveis, um plugin como o TablePress é a melhor solução.
Ele permite que você crie tabelas que podem rolar horizontalmente em telas pequenas, o que ajuda a manter seu site amigável.
Posso personalizar a aparência das minhas tabelas?
Sim. O bloco de tabela integrado oferece opções de estilo básicas para alterar as cores de fundo e do texto. Seu tema WordPress também pode adicionar seus próprios estilos exclusivos.
Para um controle de design mais avançado, um plugin oferece mais poder para personalizar suas tabelas com CSS personalizado.
Como importo dados do Excel ou Google Sheets para o WordPress?
A maneira mais fácil de importar dados de uma planilha como Excel ou Google Sheets é usando um plugin.
O TablePress tem um recurso de importação integrado que permite carregar seu arquivo CSV diretamente. Isso economiza muito tempo em comparação com a entrada manual dos dados.
Qual é a melhor maneira de criar uma tabela classificável e pesquisável?
O bloco de tabela padrão do WordPress é ótimo para exibir dados simples, mas não suporta ordenação ou pesquisa.
Para adicionar esses recursos interativos, você precisará de um plugin. O TablePress é uma excelente opção gratuita que permite aos seus visitantes ordenar colunas e pesquisar informações específicas em suas tabelas.
Esperamos que este artigo tenha ajudado você a aprender como adicionar tabelas a posts e páginas do WordPress sem usar HTML. Você também pode gostar do nosso guia sobre como criar um sumário em posts e páginas do WordPress e do nosso tutorial sobre como ocultar blocos de usuários específicos no editor do WordPress.
Se você gostou deste artigo, por favor, inscreva-se em nosso Canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.
Dennis
Não consigo adicionar tabela à versão mais recente do WORDPRESS
Não há um +
WPBeginner Support
O + ainda está na versão atual do WordPress, se você estiver usando um construtor ou ferramenta semelhante em vez do editor de blocos, esse é o motivo mais comum pelo qual você não o vê.
Admin
Ralph
Eu uso as tabelas padrão do WordPress e, embora funcionem bem no navegador do desktop, no celular tudo fica bagunçado. Ele só permite cerca de 10 caracteres no máximo e transforma uma tabela bonita em lixo.
Há alguma maneira de fazer algo a respeito? Como não achatar, mas escalar? A tabela ficaria menor, mas legível, ou do mesmo tamanho, mas poderíamos deslizar nela?
WPBeginner Support
Depende muito de como sua tabela está organizada, você pode querer dar uma olhada no TablePress para ter mais controle sobre as tabelas.
Admin
Shafi
Existe uma maneira de mostrar html sem que ele seja renderizado no front-end? tipo, eu quero mostrar
<img src="...">na célula da tabela, e eu quero que a saída seja<img src="...">, no entanto, a tabela está tratando como se houvesse uma imagem. Como resolvo isso?WPBeginner Support
It would depend on the method used but in your toolbar when you have a cell selected you should have the option of setting it as inline code for what you’re wanting to do
Admin
Warren Contreras
A tabela é exatamente o que eu preciso, mas apenas se você puder inserir números e exibir uma soma de coluna na linha inferior,
WPBeginner Support
For what you are wanting, you would want to use TablePress
Admin
Yemi
Existe uma maneira de dividir a tabela longa em páginas onde os usuários possam clicar em próximo?
WPBeginner Support
Para separar o conteúdo de suas tabelas em páginas diferentes, você deve usar o TablePress e suas opções de paginação.
Admin
Anita
As cores de fundo não funcionam porque você precisa apagar as aspas e digitar suas próprias aspas. Eu descobri por acidente. Se alguém já descobriu isso, minhas desculpas, mas eu não ia passar por mais de 100 comentários para verificar.
WPBeginner Support
Thank you for sharing that should someone run into the background color not working for them
Admin
Andre Victor
Olá. Tenho uma tabela existente com dados de 6 colunas e 750 linhas. Seria difícil digitar novamente em uma tabela em branco na página do WordPress. Por favor, me diga como posso importar a tabela inteira (pode ser Excel ou Word) ou copiar e colar o conteúdo das células em uma tabela em branco.
WPBeginner Support
Você deve dar uma olhada no TablePress e nas opções de importação disponíveis para trazer sua tabela.
Admin
Margaret
Olá! Estou me perguntando se é possível simplesmente copiar->colar uma tabela de um documento existente no WordPress? Eu tentei isso e não parece funcionar, mas estou me perguntando se há um truque para isso que estou perdendo. Obrigado!
WPBeginner Support
Dependeria do documento, mas normalmente recomendaríamos recriar a tabela no WordPress
Admin
Nicole
Olá! Quero aprender mais sobre WordPress!!
WPBeginner Support
Our site should be able to help you then
Admin
Jim Gharib
O editor clássico tem funcionalidade de tabela e um plugin não é necessário ao usar esse editor. Dê uma olhada.
WPBeginner Support
You would need to use a plugin to enable the classic editor and normally that would require using HTML
Admin
Matthews Otalike
Meu Deus, obrigado pelas orientações sobre como criar tabelas no WordPress e outros recursos que você tem disponibilizado para nós. Parabéns.
WPBeginner Support
You’re welcome, glad our guide was helpful
Admin
TheFrugalChoice
Post útil que posso usar no meu blog de finanças pessoais e independência financeira.
WPBeginner Support
Thank you
Admin
Monique Robinson
Ótimo artigo e ótimo plugin. Direto ao ponto. Muito obrigado.
WPBeginner Support
Glad you liked our article
Admin
Annapurna agrawal
Olá
Eu instalei o plugin TablePress.
Tenho um problema com a capacidade do usuário. No plugin de função do usuário, não concedi permissão para “edit_other_user_tables”. Mas meu usuário colaborador ainda pode editar e excluir a tabela de outros.
Como devo evitar o acesso à tabela de outros?
WPBeginner Support
Você deve entrar em contato com o TablePress para ver se existe um método integrado ou recomendado para impedir a edição de outras tabelas.
Admin
Nabil Nawaz
Ótimo artigo... como podemos fazer pai e filho nisso? Como a primeira célula da primeira coluna é a célula pai e ao lado dela temos informações para as informações de seus filhos... como três linhas precisam ser explicadas para essa primeira célula ao lado dela.
sumit kumar gupta
Senhor, quando clicamos na opção TablePress no editor visual, apenas a lista de tabelas é exibida na minha frente. Nenhuma opção de criação de tabela está disponível no editor visual. O que devo fazer para criar uma nova tabela no editor de posts?
Wyce Ghiacy
Obrigado pelo vídeo.
O que você recomendaria para incorporar uma planilha Excel formatada e coletar dados de usuários registrados do WP? (Como relatórios de uso mensal, e a planilha também calcula o uso trimestral/anual)
Louise Wooding
OI
Obrigado pelo vídeo. Criei minha tabela e escolhi Inserir Imagem em uma das células. Ele me deixou escolher a imagem, mas em vez da imagem, inseriu o URL dela. Perdi alguma etapa??
Obrigado.
Louise
Tom Cullen
Compartilhamento incrível, obrigado!
Owolabi
Este é um bom artigo, chefe.
Obrigado por compartilhar.
Mas eu tenho uma pergunta.
Não há nenhum plugin que eu possa instalar que traga a opção de inserir tabela para os ícones na minha postagem do WordPress?
Obrigado enquanto aguardo uma resposta.
Ravi Kanani
Quero adicionar uma tabela de especificações em que a primeira coluna é a mesma para todas as postagens e a segunda coluna é diferente.
Como posso adicionar este tipo de tabela em uma postagem??
Susan Hawthorne
It would be very nice if, in the article about TAblePress it said that you have to upgrade to a business plan to use a plugin!!!!!!!!!!!!
WPBeginner Support
Olá Susan,
Você provavelmente está usando WordPress.com. Por favor, veja nosso guia sobre a diferença entre WordPress.org auto-hospedado vs blog gratuito WordPress.com.
Admin
Barbara
Existe alguma maneira de colocar algumas linhas de texto em negrito na tabela? É tudo texto simples, gostaria que houvesse uma maneira fácil de adicionar texto em negrito
Abee
basta adicionar um texto em HTML na palavra
Michael Carter
Na verdade, você pode usar CSS se não se importar. Use as palavras que você quer enfatizar ...
banks dada
Muito obrigado por este plugin. Tudo que eu precisava era preparar a lista no excel e importá-la para o wordpress.
Ferramenta doce e que economiza tempo.
Que Deus abençoe vocês por esta obra
Sadha
Olá, eu gostaria de criar links na tabela que redirecionassem para outra página e passassem o número da linha ou qualquer campo da linha. Como eu faria isso?
Opções que consigo pensar que não são diretas
1) Usar localStorage\sessionStorage
2) Passar o valor na URL, mas então a próxima página precisa lê-lo ao carregar – talvez não seja uma má ideia?
Molly Greger
Uau! Que ferramenta fantástica!! MAS: as cores são tão pálidas que não consigo ver nada?? Como posso mudar as cores das linhas/colunas?
varalakshmi
Obrigado…… Isso me ajuda até certo ponto. Estou satisfeito com sua postagem.
Alex Nicholson
Acho que isso só funciona para usuários do Wordpress.org. Existe algum guia semelhante para aqueles como eu que usam Wordpress.com, especialmente onde posso usar um fundo colorido para as células de uma tabela?
Ray
Olá
Eu estava tentando fazer uma tabela interativa semelhante a esta que usaria uma consulta buscando dados de um banco de dados.
Estou usando wordpress com um banco de dados mysql/phpmyadmin.
Minha consulta funciona no phpmyadmin, mas não mostra os valores no WordPress?
SELECT * FROM `MyTablename` WHERE 1
Preciso usar um comando de lista ou print ou o nome do banco de dados?
Jhon Carl
Estou tendo o mesmo problema que você. Você já encontrou uma maneira de resolver isso?
Carolyn
Eu definitivamente recomendaria este plugin. Um lembrete para blogueiros ao mudar de um serviço de hospedagem para outro: não se esqueçam de fazer backup das tabelas. Não há como recuperar os dados. E se você souber como, por favor, compartilhe a informação.
Dimitar
Eu estava com dificuldades para descobrir como adicionar tabelas com boa aparência, então isso será muito útil, obrigado por publicar isso.
WPBeginner Support
You are welcome
Admin
Omar Khan
Como criar tabelas na página de tag/categoria
Paco Gimenez
Olá pessoal,
Muito obrigado pelo apoio.
Este tablepress é interessante.
Eu estava procurando um sistema para fazer algo assim:
Em eu tenho uma tabela com algumas informações e colunas. table1 por exemplo.
Eu quero que quando eu clicar em alguma região no meu mapa, eu possa carregar uma url, como /map#section
Posso fazer algo como carregar a mesma tabela em outra ordem? por alguma coluna ou algo assim? em vez de clicar em uma coluna, clicar em uma região e carregar a mesma url, mas com o "#" dessa tabela na ordem necessária.
Muito obrigado pelo suporte.
Ben K
Pensou em atualizar as capturas de tela deste artigo?
Divine
Obrigado WP. Vocês são os melhores! 4.5 estrelas
Arindam
Obrigado pelas informações. Eu estava me perguntando se o shortcode teria algum valor de SEO. É provável que uma tabela exibida com um shortcode apareça no Google Featured Snippet?
Harindu Perera
Como mostrar linhas de grade no TablePress???
Lorraine
Muito obrigado. Isso tornou as coisas tão claras.
Can Erik
Ótimo artigo. Muito obrigado. Fácil de instalar e entender para usar. Saudações!
mangi khumakcham
Bom plugin de tabela, mas não amigável para dispositivos móveis.
O lado direito da tabela fica cortado na visualização móvel.
Sany
Olá
Alguém pode me mostrar como criar uma tabela dinâmica?
Sou novo no WordPress. Gosto de manter um banco de dados de gadgets, digamos telefones. Quero uma interface para mim como administrador para inserir as especificações e uma imagem do item. Para os usuários, eles terão a opção de filtrar por marca e também comparar 2 ou mais desses gadgets em formato de tabela. Eles também devem consultar um item e ver todas as especificações em formato de tabela. Por favor, me aconselhe sobre como isso pode ser facilmente gerenciado ou talvez você já tenha um artigo para isso!?
obrigado
Stephen Ainsworth
Pessoas incríveis não sabem usar
e têm que usar um plugin. Suspiro.
Noman S Baranian
Isso é algo bom para aprender e ganhar.. bom blog
Obrigado por isso! Agora, como eu...
Por favor, outros leitores, não sejam muito duros comigo (especialmente usando a palavra R). Sou muito novo em tudo isso e me sinto bem-sucedido em criar minha primeira tabela. Agora, como mudo a aparência do texto na tabela? Estou usando-o para linkar materiais contidos mais adiante na página e destacar partes importantes.
um cara
Você precisa usar CSS. Há uma curva de aprendizado para tudo isso (no seu caso, você pode querer estilizar a tabela, linhas, células da tabela, parágrafos em células da tabela, links, efeitos de hover etc etc), então comece apenas se for realmente importante.
Tablepress - aviso
Acabei de perder uma Tabela que criei usando Tablepress. Não sei como foi excluída, mas também descobri que não há como recuperar uma tabela excluída. Como não sei como a tabela foi excluída, estou preocupado em confiar no Tablepress.
WPBeginner Support
Se você tem um plugin de backup instalado, então você pode recuperar sua tabela restaurando um backup anterior.
Não achamos que seja um problema de plugin.
Admin
Lilli
Great! Great! Just what I was looking for! Thanks a million
David
Sou eu ou o Wordpress é retardado? Quero dizer, qualquer editor WYSIWYG pode criar uma tabela na hora hoje em dia, mas o maior CMS não consegue? Devo estar perdendo alguma coisa aqui, mas usar um plugin ou iframes dá muito trabalho para uma tabela simples... Vou codificar eu mesmo.
Vituz Andersen
David,- Estou com você. Não entendo. Meu primeiro editor HTML em 1998 tinha tabelas…. como é que ficou fácil fazer um site com CMS, mas você não consegue fazer uma tabela…. Olááááá!!
Mayur
Olá David,
Inicialmente eu queria codificar sozinho, mas o wordpress continuava formatando minha tabela de forma errada. Existe uma maneira específica de usar HTML em uma página?
Muito obrigado
Sirje Koop Palmqvist
Copiei uma tabela do Word para o Wordpress e o código está limpo e organizado. Funciona bem. Agora quero tentar a mesma tabela com o plugin FooTable para torná-la responsiva, embora ela já seja responsiva de alguma forma. Pensei que um webdesigner mantém o material no computador local de qualquer maneira e, portanto, pode fazer alterações no Word e substituir a tabela no WP. Isso pode ser trapaça, mas funciona. Sirje
Radu
TablePress é um plugin incrível.
Obrigado por esta postagem.
Na verdade, hoje eu o baixei e já doei algum dinheiro para a equipe deles.
Tenham um dia fantástico todos.
Emily
Use-o com o FooTable para torná-lo responsivo. Ambos se apoiam. Perfeito!
Ernest
Olá,
Existe alguma maneira de remover as linhas da tabela?
Neal
Os problemas com plugins como este são que, se você abandonar o plugin, o conteúdo vinculado a esse plugin fica quebrado em todo o seu site.
Embora seja um plugin muito elegante, tento minimizar minha dependência do banco de dados deles o máximo possível.
WPBeginner Support
Neal, você tem razão sobre isso. No entanto, o TablePress usa tipos de postagem personalizados para tabelas. Isso significa que suas tabelas são armazenadas no banco de dados mesmo que você desative o plugin. Você ainda pode exportar os dados.
Admin