{"id":9796,"date":"2018-05-17T15:03:58","date_gmt":"2018-05-17T18:03:58","guid":{"rendered":"https:\/\/blog.hostinger.io\/pt-tutoriais\/?p=9796"},"modified":"2023-08-25T16:09:25","modified_gmt":"2023-08-25T19:09:25","slug":"tabela-wordpress-aprenda-como-inserir-tabelas-em-posts-e-paginas","status":"publish","type":"post","link":"\/pt\/tutoriais\/tabela-wordpress-aprenda-como-inserir-tabelas-em-posts-e-paginas","title":{"rendered":"Tabela WordPress: como inserir tabelas em posts e p\u00e1ginas"},"content":{"rendered":"<p><span style=\"font-weight: 400\">Quem &eacute; que n&atilde;o quer tirar m&aacute;ximo de proveito das das fun&ccedil;&otilde;es dispon&iacute;veis em um site WordPress? Neste tutorial, voc&ecirc; vai aprender como fazer uma tabela WordPress em posts e p&aacute;ginas na plataformas. A ideia &eacute; deixar seus conte&uacute;dos bem mais organizados e did&aacute;ticos.<\/span><\/p><p><span style=\"font-weight: 400\">O editor visual do pr&oacute;prio WordPress &eacute; uma ferramenta poderosa. Ela permite que voc&ecirc; crie conte&uacute;dos ricos sem precisar saber de programa&ccedil;&atilde;o. Ainda assim, esse editor n&atilde;o consegue fazer todas as coisas sozinho. Uma dessas coisas &eacute; criar tabelas.<\/span><\/p><p><span style=\"font-weight: 400\">Tabelas caem bem quando voc&ecirc; precisa apresentar e organizar seus dados. Voc&ecirc; at&eacute; podia usar programa&ccedil;&atilde;o em HTML e CSS. Mas essa n&atilde;o costuma ser exatamente uma quest&atilde;o vi&aacute;vel, e voc&ecirc; pode acabar com uma tabela enfadonha e mal formatada.<\/span><\/p><p><span style=\"font-weight: 400\">Mas isso tem solu&ccedil;&atilde;o. Existem alguns <a href=\"\/tutoriais\/o-que-e-plugin\"><strong>plugins para WordPress<\/strong><\/a> que podem ajudar voc&ecirc; a criar tabelas criativas e funcionais rapidamente. Abaixo, vamos mergulhar nesse mund&atilde;o de plugins para criar uma tabela WordPress. J&aacute; adiantamos que o nosso foco ser&aacute; no plugin TablePress, um dos mais populares entre eles.<\/span><\/p><figure class=\"wp-block-image size-large\"><a href=\"https:\/\/assets.hostinger.com\/content\/tutorials\/pdf\/WordPress-Security-Checklist(pt-br).pdf\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" width=\"1024\" height=\"283\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2022\/12\/WordPress-Cheat-Sheet-BR-1024x283.png\" alt=\"\" class=\"wp-image-30402\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2022\/12\/WordPress-Cheat-Sheet-BR.png 1024w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2022\/12\/WordPress-Cheat-Sheet-BR-300x83.png 300w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2022\/12\/WordPress-Cheat-Sheet-BR-150x41.png 150w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2022\/12\/WordPress-Cheat-Sheet-BR-768x212.png 768w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2022\/12\/WordPress-Cheat-Sheet-BR-1536x425.png 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><h2 class=\"wp-block-heading\" id=\"h-inserindo-tabela-wordpress-com-o-tablepress\">Inserindo Tabela WordPress com o TablePress<\/h2><p><span style=\"font-weight: 400\">O TablePress &eacute; um plugin WordPress extremamente popular. E isso &eacute; por uma boa raz&atilde;o: ele atualmente tem mais de 500 mil instala&ccedil;&otilde;es e 5 estrelas de avalia&ccedil;&atilde;o pelos usu&aacute;rios. Isso &eacute; muito dif&iacute;cil de ser alcan&ccedil;ado por qualquer produto, recurso ou aplica&ccedil;&atilde;o.<\/span><\/p><p><span style=\"font-weight: 400\">Abaixo, vamos explorar por que voc&ecirc; deve considerar usar o TablePress. Vamos mostrar alguns passos que pode usar para criar sua pr&oacute;pria tabela WordPress sem passar trabalho. <\/span><\/p><h2 class=\"wp-block-heading\" id=\"h-o-que-e-o-tablepress\">O que &eacute; o TablePress?<\/h2><p><span style=\"font-weight: 400\">O TabelPress &eacute; bem programado, tem &oacute;timos tutoriais e recursos incr&iacute;veis que fazem dele um dos <a href=\"\/tutoriais\/melhores-plugins-wordpress\"><strong>melhores plugins<\/strong><\/a> de tabela WordPress. Ele permite voc&ecirc; criar, gerenciar e editar suas tabelas. E tudo isso sem precisar saber de de HTML ou de programa&ccedil;&atilde;o avan&ccedil;ada. Alguns dos recursos mais &uacute;teis s&atilde;o:<\/span><\/p><ul class=\"wp-block-list\">\n<li><strong>Importar recursos<\/strong><\/li>\n<\/ul><p><span style=\"font-weight: 400\">Com TablePress, voc&ecirc; pode criar tabelas do zero. Mas voc&ecirc; tamb&eacute;m pode importar arquivos j&aacute; existentes de CSV, Excel, HTML e JSON. Se voc&ecirc; j&aacute; tem esses dados separados, isso vai simplificar o processo de cria&ccedil;&atilde;o das suas tabelas. E tamb&eacute;m evita que voc&ecirc; tenha que fazer tudo &agrave; m&atilde;o. &nbsp;&nbsp;<\/span><\/p><ul class=\"wp-block-list\">\n<li><strong>Exportar recursos<\/strong><\/li>\n<\/ul><p><span style=\"font-weight: 400\">Quando for criar sua tabela WordPress, saiba que os dados dela n&atilde;o ficam travados para sempre. Voc&ecirc; pode simplesmente exportar a tabela que voc&ecirc; criou para os formatos CSV, HTML ou JSON. Se alguma vez voc&ecirc; for migrar o seu site, poder&aacute; levar os dados criados para onde quiser. &nbsp;&nbsp;&nbsp;<\/span><\/p><ul class=\"wp-block-list\">\n<li><strong>Suporte a f&oacute;rmulas<\/strong><\/li>\n<\/ul><p><span style=\"font-weight: 400\">Se alguma vez voc&ecirc; j&aacute; usou f&oacute;rmulas no Excel, saiba que voc&ecirc; vai poder criar uma tabela WordPress desse mesmo jeito no TablePress. O plugin tem suporte a f&oacute;rmulas, ent&atilde;o voc&ecirc; n&atilde;o vai precisar ficar calculando coisas fora dele. Tudo pode ser feito por ele mesmo, e sem muitos contratempos no processo. <\/span><\/p><ul class=\"wp-block-list\">\n<li><strong>Extens&otilde;es<\/strong><\/li>\n<\/ul><p><span style=\"font-weight: 400\">Finalmente, o plugin tem uma variedade de extens&otilde;es que adicionam recursos ainda mais interessantes. Por exemplo, voc&ecirc; pode adicionar tabelas responsivas, filtros de organiza&ccedil;&atilde;o, fazer download para PDF e assim por diante. A maioria das extens&otilde;es s&atilde;o gr&aacute;tis, mas as do tipo premium pedem algum tipo de doa&ccedil;&atilde;o durante o download. <\/span><\/p><h2 class=\"wp-block-heading\" id=\"h-pros-e-contras-do-tablepress\">Pr&oacute;s e Contras do TablePress<\/h2><p><span style=\"font-weight: 400\">O TablePress &eacute; um dos melhores plugins de tabela WordPress dispon&iacute;veis no mercado. Abaixo mostramos os pontos positivos (pr&oacute;s) e os negativos (contras) dele. <\/span><\/p><h3 class=\"wp-block-heading\" id=\"h-vantagens\">Vantagens<\/h3><ul class=\"wp-block-list\">\n<li><span style=\"font-weight: 400\">Oferece formatos m&uacute;ltiplos de importa&ccedil;&atilde;o e exporta&ccedil;&atilde;o de dados.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\">Voc&ecirc; pode adicionar um sistema de p&aacute;ginas em qualquer tabela que criar.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\">Voc&ecirc; pode adicionar uma barra de busca de usu&aacute;rio em qualquer tabela que criar.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\">Voc&ecirc; pode criar formul&aacute;rios rapidamente.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\">O estilo dos formul&aacute;rios s&atilde;o muito bonitos, mesmo sem personaliza&ccedil;&atilde;o avan&ccedil;ada.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\">Existe uma variedade de extens&otilde;es dispon&iacute;veis que aprimoram, em muito, as funcionalidades do plugin.<\/span><\/li>\n<\/ul><h3 class=\"wp-block-heading\">Desvantagens<\/h3><ul class=\"wp-block-list\">\n<li><span style=\"font-weight: 400\">As tabelas WordPress criadas n&atilde;o s&atilde;o responsivas imediatamente. Voc&ecirc; precisa usar uma extens&atilde;o para faz&ecirc;-las se adaptarem a qualquer tamanho de tela. <\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\">Estilizar suas tabelas pode ser complicado se voc&ecirc; n&atilde;o sabe como, ou n&atilde;o est&aacute; familiarizado com CSS.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\">O editor pode confundir no come&ccedil;o. Assim que conseguir criar alguns formul&aacute;rios voc&ecirc; vai ficar mais por dentro dos recursos. Mas saiba que existe uma curva de aprendizado meio puxada. <\/span><\/li>\n<\/ul><h2 class=\"wp-block-heading\" id=\"h-como-adicionar-uma-nova-tabela\">Como Adicionar uma Nova Tabela<\/h2><p><span style=\"font-weight: 400\">Chegou a hora de voc&ecirc; criar sua pr&oacute;pria tabela WordPress. Abaixo, voc&ecirc; acompanha o passo a passo para aproveitar esse recurso importante e deixar seus conte&uacute;dos bem mais atrativos, responsivos, organizados e did&aacute;ticos.<\/span><\/p><p><span style=\"font-weight: 400\">O primeiro passo &eacute; instalar o plugin TablePress. Para fazer isso, navegue at&eacute; a se&ccedil;&atilde;o <\/span><b>Plugins &gt; Adicionar Novo<\/b><span style=\"font-weight: 400\"> no painel de controle do WordPress. L&aacute;, busque por <\/span><b>TablePress<\/b><span style=\"font-weight: 400\">, instale a ative o plugin.<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"562\" height=\"246\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2018\/05\/buscando-o-tableplress.png\" alt=\"ajudamos voc&ecirc; a criar uma tabela wordpress\" class=\"wp-image-9798\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/05\/buscando-o-tableplress.png 562w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/05\/buscando-o-tableplress-150x66.png 150w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/05\/buscando-o-tableplress-300x131.png 300w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/05\/buscando-o-tableplress-559x246.png 559w\" sizes=\"(max-width: 562px) 100vw, 562px\" \/><\/figure><\/div><p><span style=\"font-weight: 400\">Com o plugin instalado, v&aacute; at&eacute; o <a href=\"\/tutoriais\/plugin-menu-wordpress\"><strong>menu<\/strong><\/a> do TablePress, localizado na parte esquerda da barra lateral.<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1760\" height=\"418\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2018\/05\/menu-tablepress.png\" alt=\"ajudamos voc&ecirc; como fazer uma tabela wordpress\" class=\"wp-image-9799\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/05\/menu-tablepress.png 1760w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/05\/menu-tablepress-150x36.png 150w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/05\/menu-tablepress-300x71.png 300w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/05\/menu-tablepress-768x182.png 768w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/05\/menu-tablepress-1320x314.png 1024w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/05\/menu-tablepress-990x235.png 990w\" sizes=\"(max-width: 1760px) 100vw, 1760px\" \/><\/figure><\/div><p><span style=\"font-weight: 400\">Essa p&aacute;gina &eacute; o painel de controle da cria&ccedil;&atilde;o da sua tabela WordPress. Voc&ecirc; poder&aacute; gerenciar, criar, editar, importar e exportar tabelas de acordo com as suas vontades. Tamb&eacute;m ser&aacute; poss&iacute;vel instalar extens&otilde;es com recursos adicionais.<\/span><\/p><p><span style=\"font-weight: 400\">Para criar uma nova tabela, clique no bot&atilde;o <\/span><b>Adicionar Nova<\/b><span style=\"font-weight: 400\">. Vai aparecer uma op&ccedil;&atilde;o para voc&ecirc; criar o nome da tabela, uma descri&ccedil;&atilde;o para ela e especificar o n&uacute;mero de linhas e colunas.&nbsp;<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"513\" height=\"452\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2018\/05\/adicionar-nova-tabela.png\" alt=\"ajudamos voc&ecirc; a criar uma tabela wordpress\" class=\"wp-image-9800\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/05\/adicionar-nova-tabela.png 513w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/05\/adicionar-nova-tabela-150x132.png 150w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/05\/adicionar-nova-tabela-300x264.png 300w\" sizes=\"(max-width: 513px) 100vw, 513px\" \/><\/figure><\/div><p><span style=\"font-weight: 400\">Quando tiver feito isso, clique no bot&atilde;o azul <\/span><b>Adicionar Tabela<\/b><span style=\"font-weight: 400\">. A pr&oacute;xima p&aacute;gina vai dar um <\/span><b><i>shortcode<\/i><\/b><span style=\"font-weight: 400\"> que voc&ecirc; pode adicionar o no seu site. &Eacute; com ele que voc&ecirc; faz sua tabela aparecer em qualquer post ou p&aacute;gina.<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1029\" height=\"247\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2018\/05\/shortcode-para-criar-tabela.png\" alt=\"ajudamos voc&ecirc; a criar uma tabela wordpress\" class=\"wp-image-9801\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/05\/shortcode-para-criar-tabela.png 1029w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/05\/shortcode-para-criar-tabela-150x36.png 150w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/05\/shortcode-para-criar-tabela-300x72.png 300w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/05\/shortcode-para-criar-tabela-768x184.png 768w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/05\/shortcode-para-criar-tabela-1024x246.png 1024w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/05\/shortcode-para-criar-tabela-990x238.png 990w\" sizes=\"(max-width: 1029px) 100vw, 1029px\" \/><\/figure><\/div><p><span style=\"font-weight: 400\">Voc&ecirc; tamb&eacute;m pode come&ccedil;ar a preencher sua tabela com informa&ccedil;&otilde;es relevantes. O processo &eacute; bem similar ao que voc&ecirc; faz no Excel. <\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2018\/05\/preencher-tabela-com-informa%C3%A7%C3%B5es-relevantes.png\" alt=\"ajudamos voc&ecirc; a criar uma tabela wordpress\" class=\"wp-image-9802\"><\/figure><\/div><p><span style=\"font-weight: 400\">Pr&oacute;ximo do final da p&aacute;gina, voc&ecirc; vai encontrar mais op&ccedil;&otilde;es de estiliza&ccedil;&atilde;o de tabela. Ser&aacute; poss&iacute;vel adicionar e mudar classes de CSS e duplicar linhas e colunas. Al&eacute;m de tamb&eacute;m poder organizar suas op&ccedil;&otilde;es e adicionar links.<\/span><\/p><p><span style=\"font-weight: 400\">Quando terminar de editar e personalizar sua tabela, clique no bot&atilde;o <\/span><b>Salvar Mudan&ccedil;as<\/b><span style=\"font-weight: 400\">. E insira a sua tabela em uma p&aacute;gina ou post com o <\/span><i><span style=\"font-weight: 400\">shortcode<\/span><\/i><span style=\"font-weight: 400\"> fornecido.<\/span><\/p><p><span style=\"font-weight: 400\">Se voc&ecirc; quiser ver como a sua tabela vai aparecer antes do link ser inserido no seu site, clique no bot&atilde;o <\/span><b>Pr&eacute;-visualizar<\/b><span style=\"font-weight: 400\">. &Eacute; assim que voc&ecirc; vai ter uma no&ccedil;&atilde;o de como ela vai ser apresentada no seu site. Entretanto, a pr&eacute;-visualiza&ccedil;&atilde;o n&atilde;o permitir&aacute; ver op&ccedil;&otilde;es de estiliza&ccedil;&atilde;o que voc&ecirc; possa ter adicionado &agrave; tabela. <\/span><\/p><h3 class=\"wp-block-heading\" id=\"h-adicionando-sua-tabela\">Adicionando sua Tabela<\/h3><p><span style=\"font-weight: 400\">Existe uma maneira de inserir tabela no WordPress. E voc&ecirc; pode fazer isso usando o <\/span><i><span style=\"font-weight: 400\">shortcode <\/span><\/i><span style=\"font-weight: 400\">associado com o seu site. Apenas copie e cole o <\/span><i><span style=\"font-weight: 400\">shortcode<\/span><\/i><span style=\"font-weight: 400\"> em qualquer p&aacute;ginas ou post que voc&ecirc; quer utilizar uma tabela e ela vai aparecer.<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"712\" height=\"440\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2018\/05\/inserindo-shortcode-no-wordpress.png\" alt=\"aprenda a como criar uma tabela wordpress\" class=\"wp-image-9803\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/05\/inserindo-shortcode-no-wordpress.png 712w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/05\/inserindo-shortcode-no-wordpress-150x93.png 150w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/05\/inserindo-shortcode-no-wordpress-300x185.png 300w\" sizes=\"(max-width: 712px) 100vw, 712px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-\"><\/h3><h3 class=\"wp-block-heading\">Importando uma Tabela<\/h3><p><span style=\"font-weight: 400\">Se voc&ecirc; j&aacute; tem uma tabela criada de uma outra fonte, como o Excel, voc&ecirc; pode import&aacute;-la para o TablePress.<\/span><\/p><p><span style=\"font-weight: 400\">Para importar uma tabela j&aacute; criada, navegue at&eacute; <\/span><b>TablePress &gt; Importar Tabelas<\/b><span style=\"font-weight: 400\">.<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1059\" height=\"311\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2018\/05\/importar-tabela-no-wordpress.png\" alt=\"aprenda como criar uma tabela wordpress\" class=\"wp-image-9804\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/05\/importar-tabela-no-wordpress.png 1059w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/05\/importar-tabela-no-wordpress-150x44.png 150w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/05\/importar-tabela-no-wordpress-300x88.png 300w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/05\/importar-tabela-no-wordpress-768x226.png 768w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/05\/importar-tabela-no-wordpress-1024x301.png 1024w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/05\/importar-tabela-no-wordpress-990x291.png 990w\" sizes=\"(max-width: 1059px) 100vw, 1059px\" \/><\/figure><\/div><p><span style=\"font-weight: 400\">Aqui voc&ecirc; poder&aacute; selecionar o local e o tipo de tabela que voc&ecirc; est&aacute; importando (via URL, upload direto, um arquivo em um servidor ou copiar e colar esses dados). Voc&ecirc; tamb&eacute;m pode escolher criar uma nova tabela com dados j&aacute; prontos, substituir esses dados ou mesmo adicion&aacute;-los em uma tabela j&aacute; existente.<\/span><\/p><p><span style=\"font-weight: 400\">Assim que tiver especificado todas as configura&ccedil;&otilde;es desejadas, clique no bot&atilde;o azul <\/span><b>Importar<\/b><span style=\"font-weight: 400\">. &nbsp;<\/span><\/p><p><span style=\"font-weight: 400\">Com esses dados importados, agora voc&ecirc; pode editar a sua tabela como quiser. A &uacute;nica diferen&ccedil;a que voc&ecirc; vai notar &eacute; que a maioria dos campos de preenchimento agora est&atilde;o com dados escritos. Tudo o que voc&ecirc; precisa fazer &eacute; personalizar o estilo visual e de amostragem da sua tabela.<\/span><\/p><p><span style=\"font-weight: 400\">Adicionar uma tabela no seu site segue o mesmo procedimento acima. Voc&ecirc; simplesmente pode copiar e colar o shortcode para qualquer p&aacute;gina ou post. <\/span><\/p><h3 class=\"wp-block-heading\">Exportando uma Tabela<\/h3><p><span style=\"font-weight: 400\">Tamb&eacute;m existe uma op&ccedil;&atilde;o de exportar a sua tabela para qualquer outro formato ou servi&ccedil;o que voc&ecirc; queira usar.<\/span><\/p><p><span style=\"font-weight: 400\">Para exportar a sua tabela com seus dados juntos, navegue at&eacute; <\/span><b>TablePress &gt; Exportar Tabelas<\/b><span style=\"font-weight: 400\">. <\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1035\" height=\"357\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2018\/05\/exportando-uma-tabela-do-wordpress.png\" alt=\"aprenda como criar uma tabela wordpress\" class=\"wp-image-9805\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/05\/exportando-uma-tabela-do-wordpress.png 1035w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/05\/exportando-uma-tabela-do-wordpress-150x52.png 150w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/05\/exportando-uma-tabela-do-wordpress-300x103.png 300w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/05\/exportando-uma-tabela-do-wordpress-768x265.png 768w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/05\/exportando-uma-tabela-do-wordpress-1024x353.png 1024w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2018\/05\/exportando-uma-tabela-do-wordpress-990x341.png 990w\" sizes=\"(max-width: 1035px) 100vw, 1035px\" \/><\/figure><\/div><p><span style=\"font-weight: 400\">Voc&ecirc; poder&aacute; escolher para qual formato quer exportar a sua tabela. Pode ser nos formatos CSV, HTML, JSON. Se escolher a op&ccedil;&atilde;o CSV, tamb&eacute;m ser&aacute; preciso especificar a delimita&ccedil;&atilde;o do formato. <\/span><\/p><p><span style=\"font-weight: 400\">Quando estiver escolhido tudo, clique no bot&atilde;o azul <\/span><b>Baixar Arquivo<\/b><span style=\"font-weight: 400\">. <\/span><\/p><h3 class=\"wp-block-heading\" id=\"h-configurando-as-opcoes-do-plugin-wordpress\">Configurando as Op&ccedil;&otilde;es do Plugin WordPress<\/h3><p><span style=\"font-weight: 400\">A aba final permite que voc&ecirc; personalize outras op&ccedil;&otilde;es para a sua tabela. Como voc&ecirc; pode ver, as personaliza&ccedil;&otilde;es pr&oacute;prias do plugin TablePress s&atilde;o bem limitadas. O legal &eacute; que voc&ecirc; pode adicionar mais recursos com extens&otilde;es. <\/span><\/p><figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2018\/05\/configurando-outras-op%C3%A7%C3%B5es-de-tabela.png\" alt=\"aprenda como criar uma tabela wordpress\" class=\"wp-image-9806\"><\/figure><p><span style=\"font-weight: 400\">Para voc&ecirc; fazer as personaliza&ccedil;&otilde;es, saiba que vco&#7869; precisar&aacute; de c&oacute;digo customizado de CSS. Voc&ecirc; ter&aacute; que inseri-lo no campo demonstrado acima. Mesmo que voc&ecirc; n&atilde;o seja familiarizado com CSS, existem <\/span><a href=\"https:\/\/tablepress.org\/faq\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400\">guias bem completos<\/span><\/a><span style=\"font-weight: 400\"> de como inserir c&oacute;digos CSS no plugin.<\/span><\/p><p>\n\n\n<div class=\"protip\">\n                    <h4 class=\"title\">Dica<\/h4>\n                    <p>Quer conhecer mais sobre CSS? Acesse o conte&uacute;do&nbsp;<a href=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/o-que-e-css-guia-basico-de-css\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>O que &eacute; CSS? Aprenda sobre CSS com este Guia B&aacute;sico<\/strong><\/a>&nbsp;e deixe seu site e suas tabelas bem mais din&acirc;micas e atrativas aos usu&aacute;rios.<\/p>\n                <\/div>\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-outros-plugins-de-tabela-no-wordpress-para-usar\">Outros Plugins de Tabela no WordPress para usar<\/h2><p><span style=\"font-weight: 400\">Viu como n&atilde;o &eacute; complicado aprender como fazer uma tabela WordPress? Mas al&eacute;m do TablePress, temos outras op&ccedil;&otilde;es premium de plugins que voc&ecirc; pode usar para inserir tabelas no WordPress. Abaixo est&atilde;o cinco dos nossos favoritos que voc&ecirc; pode experimentar e fazer sua pr&oacute;pria tabela WordPress.<\/span><\/p><h3 class=\"wp-block-heading\"><a href=\"https:\/\/br.wordpress.org\/plugins\/ultimate-tables\/\" target=\"_blank\" rel=\"noopener\">Ultimate Tables<\/a><\/h3><p><span style=\"font-weight: 400\">O Ultimate Tables &eacute; um plugin bem intuitivo e f&aacute;cil de usar para criar uma tabela WordPress. Especialmente se voc&ecirc; precisa criar tabelas b&aacute;sicas sem depender de muitas combina&ccedil;&otilde;es de configura&ccedil;&otilde;es.<\/span><\/p><p><span style=\"font-weight: 400\">A p&aacute;gina de cria&ccedil;&atilde;o dele &eacute; bem f&aacute;cil de usar. Apenas especifique o tamanho da sua tabela e comece a preencher os espa&ccedil;os. Quando terminar, copie e cole o c&oacute;digo em uma p&aacute;gina ou um post para pr&eacute;-visualizar a tabela (n&atilde;o existe uma op&ccedil;&atilde;o autom&aacute;tica de visualiza&ccedil;&atilde;o).<\/span><\/p><p><span style=\"font-weight: 400\">Al&eacute;m disso, ainda tem skins para personalizar a apar&ecirc;ncia das suas tabelas criadas. Mas fique atento: as tabelas criadas aqui n&atilde;o s&atilde;o responsivas, ent&atilde;o elas n&atilde;o v&atilde;o se ajustar automaticamente a telas menores. <\/span><\/p><h3 class=\"wp-block-heading\"><a href=\"https:\/\/wpdatatables.com\/\" target=\"_blank\" rel=\"noopener\">wpData Tables<\/a><\/h3><p><span style=\"font-weight: 400\">O wpData Tables &eacute; um plugin premium, mas ele vem com um pacote de recursos que vale a pena pagar para ter sua tabela WordPress. Ele tem uma extensa habilidade de importar uma variedade de conjuntos de dados.<\/span><\/p><p><span style=\"font-weight: 400\">Entretanto, voc&ecirc; precisa ter esses dados prontos para poder importar para o plugin, j&aacute; que voc&ecirc; n&atilde;o pode fazer isso diretamente dentro do editor dele.<\/span><\/p><p><span style=\"font-weight: 400\">Al&eacute;m disso, ele vem com uma tonelada de op&ccedil;&otilde;es de personaliza&ccedil;&atilde;o. E se voc&ecirc; n&atilde;o se importar que ele n&atilde;o tem um editor front-end pr&oacute;prio, ent&atilde;o vale a pena considerar us&aacute;-lo. <\/span><\/p><h3 class=\"wp-block-heading\"><a href=\"https:\/\/wordpress.org\/plugins\/jtrt-responsive-tables\/\" target=\"_blank\" rel=\"noopener\">JTRT Responsive Tables<\/a><\/h3><p><span style=\"font-weight: 400\">O JTRT Responsive Tables &eacute; um plugin especia&ccedil;&atilde;o para criar tabela WordPress. Ele permite que voc&ecirc; crie tabelas responsivas em HTML5 sem necessariamente conhecer de HTML ou CSS.<\/span><\/p><p><span style=\"font-weight: 400\">Se voc&ecirc; j&aacute; tiver um arquivo CSV, voc&ecirc; pode convert&ecirc;-lo para uma tabela HTML em alguns cliques. Com o editor backend WYSIWYG, voc&ecirc; consegue personalizar sua tabela facilmente e fazer v&aacute;rias coisas. Entre elas <a href=\"\/tutoriais\/como-inserir-imagem-html-no-site\"><strong>adicionar imagens<\/strong><\/a>, organizar os conte&uacute;dos, filtr&aacute;-los e inserir um sistema de p&aacute;ginas. <\/span><\/p><h3 class=\"wp-block-heading\"><a href=\"https:\/\/www.joomunited.com\/wordpress-products\/wp-table-manager\" target=\"_blank\" rel=\"noopener\">WP Table Manager<\/a><\/h3><p><span style=\"font-weight: 400\">Quer criar uma tabela WordPress mais robusta? Ent&atilde;o o WP Table Manager pode ser o plugin que voc&ecirc; est&aacute; precisando. Com ele, voc&ecirc; tem uma experi&ecirc;ncia completa de planilhas do Excel no painel de controle do seu site WordPress.<\/span><\/p><p><span style=\"font-weight: 400\">Ele &eacute; equipado com 6 temas diferentes que podem ajudar voc&ecirc; a criar tipos bem espec&iacute;ficos de tabelas. Mas se preferir, voc&ecirc; pode fazer uma do zero com as suas pr&oacute;prias op&ccedil;&otilde;es de personaliza&ccedil;&atilde;o. <\/span><\/p><p><span style=\"font-weight: 400\">Voc&ecirc; ainda pode usar o editor visual para adicionar imagens e outras personaliza&ccedil;&otilde;es em cada c&eacute;lula. Fora que voc&ecirc; pode sincronizar a sua tabela com uma planilha j&aacute; existente, para que ela atualize automaticamente e voc&ecirc; n&atilde;o precise ficar editando e salvando a todo momento.<\/span><\/p><p><span style=\"font-weight: 400\">O WP Table Manager &eacute; um plugin premium. Mas ele vale a pena caso voc&ecirc; queira uma experi&ecirc;ncia ao n&iacute;vel do Excel. Ou queria fun&ccedil;&otilde;es adicionais como criar e incorporar gr&aacute;ficos nos seus conte&uacute;dos. &nbsp;<\/span><\/p><h3 class=\"wp-block-heading\"><a href=\"https:\/\/br.wordpress.org\/plugins\/league-table-standings\/\" target=\"_blank\" rel=\"noopener\">League Table<\/a><\/h3><p><span style=\"font-weight: 400\">O League Table &eacute; outro plugin premium que foi desenvolvido pensando em sites de esporte. Entretanto, ele pode ser usado para criar uma tabela WordPress em qualquer tipo de conte&uacute;do e tem&aacute;tica.<\/span><\/p><p><span style=\"font-weight: 400\">Ele &eacute; bem f&aacute;cil de usar e lembra bastante o Excel. Apenas defina o n&uacute;mero de linhas e coluna, adicione um nome e comece a preencher cada espa&ccedil;o criado. Tamb&eacute;m &eacute; poss&iacute;vel personalizar as cores das linhas e inserir um logotipo. <\/span><\/p><p><span style=\"font-weight: 400\">Quer deixar sua tabela mais responsiva e adapt&aacute;vel a qualquer tamanho de tela? Voc&ecirc; tamb&eacute;m pode fazer isso. Mas atente-se ao fato de que n&atilde;o ser&aacute; poss&iacute;vel importar nem exportar sua tabela WordPress criada. <\/span><\/p><p><span style=\"font-weight: 400\">Ou seja, voc&ecirc; ter&aacute; que fazer tudo pelo plugin e n&atilde;o poder&aacute; levar seus dados a nenhum outro software ou local de trabalho. &nbsp;&nbsp;<\/span><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/pt\/alojamento-wordpress\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2024\/06\/BR-New-WP_in-text-banner.png\" alt=\"\" class=\"wp-image-44638\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2024\/06\/BR-New-WP_in-text-banner.png 1024w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2024\/06\/BR-New-WP_in-text-banner-300x88.png 300w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2024\/06\/BR-New-WP_in-text-banner-150x44.png 150w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2024\/06\/BR-New-WP_in-text-banner-768x225.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div><h2 class=\"wp-block-heading\" id=\"h-conclusao\">Conclus&atilde;o<\/h2><p><span style=\"font-weight: 400\">O TablePress &eacute; um dos melhores plugins do mercado para criar tabela WordPress. Esperamos que agora voc&ecirc; tenha entendido como inserir tabela no WordPress usando o plugin.<\/span><\/p><p><span style=\"font-weight: 400\">E, como voc&ecirc; viu, precisa seguir apenas alguns poucos passos para criar conte&uacute;dos mais did&aacute;ticos e organizados. Se por algum motivo o TablePress n&atilde;o for a solu&ccedil;&atilde;o que voc&ecirc; procura, considera experimentar as outras op&ccedil;&otilde;es de plugin que mencionamos. <\/span><\/p><p><span style=\"font-weight: 400\">E, se precisar de mais sugest&otilde;es, estamos aqui para ajudar. Use a caixa de coment&aacute;rios abaixo para entrar em contato com a gente! Vamos adorar interagir com voc&ecirc; e responder &agrave;s suas d&uacute;vidas!<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Quem &eacute; que n&atilde;o quer tirar m&aacute;ximo de proveito das das fun&ccedil;&otilde;es dispon&iacute;veis em um site WordPress? Neste tutorial, voc&ecirc; vai aprender como fazer uma tabela WordPress em posts e p&aacute;ginas na plataformas. A ideia &eacute; deixar seus conte&uacute;dos bem mais organizados e did&aacute;ticos. O editor visual do pr&oacute;prio WordPress &eacute; uma ferramenta poderosa. Ela [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/pt\/tutoriais\/tabela-wordpress-aprenda-como-inserir-tabelas-em-posts-e-paginas\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":92,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_title":"Tabela WordPress: aprenda como inserir tabelas em posts e p\u00e1ginas","rank_math_description":"Confira o passo a passo para criar uma tabela Wordpress! Voc\u00ea poder\u00e1 personaliz\u00e1-la de acordo com suas prefer\u00eancias, importar de outro documento e at\u00e9 mesmo exportar para outros lugares!","rank_math_focus_keyword":"tabela wordpress","footnotes":""},"categories":[4911],"tags":[5529,4812,4809,5526,5531,5527,5528,5530,4798],"class_list":["post-9796","post","type-post","status-publish","format-standard","hentry","category-wordpress","tag-codigo-css","tag-css","tag-html","tag-inserir-tabela","tag-plugin-wordpress","tag-tabela","tag-tabela-wordpress","tag-tablepress","tag-wordpress"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/how-to-add-tables-in-wordpress","default":0},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/tabela-wordpress-aprenda-como-inserir-tabelas-em-posts-e-paginas","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/tutoriels\/tableaux-dans-wordpress","default":0},{"locale":"en-UK","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/how-to-add-tables-in-wordpress","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/how-to-add-tables-in-wordpress","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/how-to-add-tables-in-wordpress","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/tabela-wordpress-aprenda-como-inserir-tabelas-em-posts-e-paginas","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/how-to-add-tables-in-wordpress","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/how-to-add-tables-in-wordpress","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/how-to-add-tables-in-wordpress","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/how-to-add-tables-in-wordpress","default":0}],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/posts\/9796","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/users\/92"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/comments?post=9796"}],"version-history":[{"count":14,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/posts\/9796\/revisions"}],"predecessor-version":[{"id":39488,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/posts\/9796\/revisions\/39488"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/media?parent=9796"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/categories?post=9796"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/tags?post=9796"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}