{"id":226262,"date":"2022-08-29T16:07:00","date_gmt":"2022-08-29T13:07:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=226262"},"modified":"2022-11-08T23:42:47","modified_gmt":"2022-11-08T20:42:47","slug":"como-inserir-uma-tabela-no-wordpress-facilmente","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/pt-pt\/como-inserir-uma-tabela-no-wordpress-facilmente\/","title":{"rendered":"Como inserir uma tabela no WordPress facilmente"},"content":{"rendered":"\n<p>A maioria dos sites WordPress usa tabelas para apresentar informa\u00e7\u00f5es ou dados com mais facilidade para melhorar a experi\u00eancia do usu\u00e1rio e tornar os dados mais compreens\u00edveis.<\/p>\n<p>No entanto, muitos propriet\u00e1rios do WordPress n\u00e3o sabem como inserir uma tabela em seu site. O editor visual inclu\u00eddo na interface do WordPress n\u00e3o oferece a op\u00e7\u00e3o de criar tabelas. Isso pode ser feito inserindo c\u00f3digo HTML e CSS no site, mas poucos propriet\u00e1rios de sites est\u00e3o confort\u00e1veis \u200b\u200bcom essa op\u00e7\u00e3o.<\/p>\n<p>Este artigo mostrar\u00e1 como inserir uma tabela no WordPress sem nenhum conhecimento de HTML e CSS. Siga o tutorial para resultados certos.<\/p>\n<h2>Como inserir uma tabela no WordPress usando um plugin<\/h2>\n<p>Uma das maneiras mais f\u00e1ceis e intuitivas de inserir tabelas no WordPress \u00e9 atrav\u00e9s de um plugin. N\u00e3o requer nenhum conhecimento de codifica\u00e7\u00e3o e leva muito pouco tempo.<\/p>\n<p>Os plugins s\u00e3o feitos de tal forma que voc\u00ea pode criar tabelas independentemente do <a href=\"https:\/\/www.anarieldesign.com\/themes\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">tema WordPress<\/a> que voc\u00ea usa ou do seu conhecimento de programa\u00e7\u00e3o. <a href=\"https:\/\/wpdatatables.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">wpDataTables<\/a> \u00e9 um dos melhores plugins para construir tabelas.<\/p>\n<p>Inserir uma tabela no WordPress com o plug-in wpDataTables facilita a cria\u00e7\u00e3o, personaliza\u00e7\u00e3o e gerenciamento de suas tabelas sem codifica\u00e7\u00e3o, pois toda a codifica\u00e7\u00e3o j\u00e1 est\u00e1 pronta. Basta escolher o seu estilo e inserir a tabela.<\/p>\n<p>Este \u00e9 um guia passo a passo para inserir tabelas no WordPress com o plugin de tabela wpDataTables WordPress.<\/p>\n<h3>Etapa 1: criar dados de tabela<\/h3>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-201307-61e8bee8e0296.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-201307-61e8bee8e0296.jpg\" alt=\"Como inserir uma tabela no WordPress facilmente\" ><\/a><\/p>\n<p>Em primeiro lugar, prepare seus dados prontos para a tabela. Se voc\u00ea n\u00e3o tem, crie. Voc\u00ea pode usar dados de praticamente qualquer tipo de plataforma, incluindo Excel, CSV, Google Documents, XML, JSON, consulta MySQL e muito mais.<\/p>\n<p>Voc\u00ea tamb\u00e9m pode criar manualmente uma tabela usando a GUI e vincul\u00e1-la a uma fonte de dados ativa. Isso garantir\u00e1 que sua tabela seja din\u00e2mica e os dados permane\u00e7am atualizados. O pr\u00f3ximo processo \u00e9 a personaliza\u00e7\u00e3o.<\/p>\n<h3>Etapa 2: Personaliza\u00e7\u00e3o<\/h3>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-201307-61e8bee9ea327.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-201307-61e8bee9ea327.jpg\" alt=\"Como inserir uma tabela no WordPress facilmente\" ><\/a><\/p>\n<p>O plugin de tabela do WordPress facilita o design da nova tabela. Existem algumas caixas de sele\u00e7\u00e3o e cores selecion\u00e1veis \u200b\u200bpara personaliz\u00e1-lo; voc\u00ea pode projetar a mesa para se adequar ao seu design e tema geral.<\/p>\n<p>Outras op\u00e7\u00f5es de personaliza\u00e7\u00e3o incluem o idioma da interface, formata\u00e7\u00e3o de data e hora, JS\/CSS personalizado, alinhamentos e muito mais. \u00c9 simples criar <a href=\"https:\/\/wordpress.mediadoma.com\/pt-pt\/tabelas-responsivas-com-css-e-html-ou-wordpress\/\" title=\"tabelas responsivas\">tabelas responsivas<\/a> que tamb\u00e9m funcionar\u00e3o bem para dispositivos m\u00f3veis, o que agora \u00e9 muito importante incluir.<\/p>\n<p>Esta etapa para personalizar sua mesa e garantir que ela seja responsiva requer cuidado e tempo.<\/p>\n<h3>Etapa 3: publique a tabela<\/h3>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-201307-61e8beeb013ad.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-201307-61e8beeb013ad.jpg\" alt=\"Como inserir uma tabela no WordPress facilmente\" ><\/a><\/p>\n<p>O \u00faltimo passo \u00e9 publicar a tabela em um post ou em uma p\u00e1gina. Inserir a tabela em uma postagem \u00e9 f\u00e1cil usando o editor Gutenberg, WPBakery Page Builder, Elementor ou outras plataformas. Quando estiver satisfeito com o resultado final e quiser concluir o processo, v\u00e1 em frente e publique.<\/p>\n<h3><strong>Ativando Filtros<\/strong><\/h3>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-201307-61e8beebf2b04.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-201307-61e8beebf2b04.jpg\" alt=\"Como inserir uma tabela no WordPress facilmente\" ><\/a><\/p>\n<p>\u00c9 crucial incluir v\u00e1rios filtros para tornar sua tabela mais funcional, intuitiva e f\u00e1cil de navegar. Por exemplo, voc\u00ea pode permitir que os usu\u00e1rios filtrem a tabela para mostrar apenas os itens que desejam. \u00c9 um recurso incrivelmente \u00fatil quando voc\u00ea tem um banco de dados grande e deseja incluir livros ou outros bancos de dados com muitas entradas.<\/p>\n<p>O plug-in de tabela wpDataTables tamb\u00e9m permite atualizar ou editar a tabela a partir do front-end. Primeiro, ative esta op\u00e7\u00e3o na se\u00e7\u00e3o &quot;Edi\u00e7\u00e3o&quot; e voc\u00ea pode definir v\u00e1rios usu\u00e1rios que podem editar a tabela. Al\u00e9m disso, voc\u00ea pode autorizar seus visitantes a adicionar conte\u00fado \u00e0 tabela, dependendo das credenciais que voc\u00ea fornecer a eles.<\/p>\n<h2>Como adicionar tabelas no WordPress sem um plugin<\/h2>\n<p>O que? Voc\u00ea n\u00e3o quer usar um construtor de tabelas para adicionar tabelas em posts do WordPress?<\/p>\n<p>Sem problemas.<\/p>\n<p>\u00c9 poss\u00edvel inserir tabelas no WordPress sem plugin, embora seja uma solu\u00e7\u00e3o menos simples. Veja como:<\/p>\n<h3><strong>M\u00e9todo n\u00ba 1: via Documentos do Google<\/strong><\/h3>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-201307-61e8beed0a949.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-201307-61e8beed0a949.jpg\" alt=\"Como inserir uma tabela no WordPress facilmente\" ><\/a><\/p>\n<p>Aqui est\u00e1 um tutorial passo a passo de como adicionar tabelas com o Google Docs, uma das op\u00e7\u00f5es mais usadas.<\/p>\n<ul>\n<li>Primeiro, crie um documento ou planilha do Google.<\/li>\n<li>Em seguida, v\u00e1 para Inserir &gt; Tabelas.<\/li>\n<li>Em seguida, selecione o n\u00famero de linhas e colunas que deseja adicionar.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-201307-61e8beee78d97.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-201307-61e8beee78d97.jpg\" alt=\"Como inserir uma tabela no WordPress facilmente\" ><\/a><\/p>\n<ul>\n<li>Pressione enter e adicione dados \u00e0 nova tabela. Voc\u00ea pode copiar e colar as colunas e linhas do Google Doc na tabela. Agora, a mesa est\u00e1 quase pronta.<\/li>\n<li>N\u00e3o h\u00e1 op\u00e7\u00f5es de personaliza\u00e7\u00e3o aqui, e \u00e9 por isso que usar um construtor de tabelas WP \u00e9 uma op\u00e7\u00e3o melhor. Essas tabelas n\u00e3o ser\u00e3o t\u00e3o responsivas quanto algumas outras tabelas. Em dispositivos m\u00f3veis, o conte\u00fado da tabela provavelmente parecer\u00e1 estranho.<\/li>\n<\/ul>\n<h3>M\u00e9todo #2: Atrav\u00e9s do Editor Gutenberg<\/h3>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-201307-61e8beef5aaff.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-201307-61e8beef5aaff.jpg\" alt=\"Como inserir uma tabela no WordPress facilmente\" ><\/a><\/p>\n<p>O editor Gutenberg \u00e9 uma \u00f3tima maneira de adicionar conte\u00fado ao site WordPress, e voc\u00ea pode facilmente adicionar tabelas nas postagens do WordPress com a vers\u00e3o 5.0. Aqui est\u00e1 como.<\/p>\n<ul>\n<li>Quando estiver editando a postagem ou p\u00e1gina no Gutenberg, selecione a op\u00e7\u00e3o Adicionar bloco.<\/li>\n<li>No grupo Formata\u00e7\u00e3o, voc\u00ea dever\u00e1 ver o bloco Tabela. Selecione esta op\u00e7\u00e3o para adicionar a tabela ao site. Em seguida, selecione o n\u00famero de linhas e colunas. Por fim, clique em Criar Tabela.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-201307-61e8bef050143.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-201307-61e8bef050143.jpg\" alt=\"Como inserir uma tabela no WordPress facilmente\" ><\/a><\/p>\n<ul>\n<li>Voc\u00ea ainda pode personalizar as linhas e colunas usadas na tabela por meio da barra de ferramentas do bloco Tabela. H\u00e1 tamb\u00e9m algumas op\u00e7\u00f5es adicionais \u00fateis no lado esquerdo.<\/li>\n<li>\u00c9 assim que a tabela ficar\u00e1 no front-end.<\/li>\n<li>A tabela ainda parece b\u00e1sica e voc\u00ea precisar\u00e1 de algum conhecimento de CSS para torn\u00e1-la melhor, o que levar\u00e1 mais tempo e \u00e9 facilmente evit\u00e1vel com um plug-in como wpDataTables.<\/li>\n<\/ul>\n<h3>M\u00e9todo n\u00ba 3: via geradores de tabela<\/h3>\n<p><a href=\"https:\/\/ianrmedia.unl.edu\/responsive-table-generator-tool\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-201307-61e8bef15e5de.jpg\" alt=\"Como inserir uma tabela no WordPress facilmente\" \/><\/a><\/p>\n<p>Os geradores de tabelas s\u00e3o uma op\u00e7\u00e3o interessante para adicionar tabelas em posts do WordPress. Os geradores s\u00e3o \u00fateis para aqueles que n\u00e3o podem codificar HTML e CSS.<\/p>\n<p>Voc\u00ea pode criar <a href=\"https:\/\/wpdatatables.com\/html-tables\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">uma tabela decente<\/a> com um gerador de tabelas. Basta escolher o design e a apar\u00eancia da tabela e, em seguida, o HTML da tabela ser\u00e1 gerado. Voc\u00ea adiciona tabelas no WordPress copiando este c\u00f3digo HTML em sua p\u00e1gina ou post.<\/p>\n<p><a href=\"https:\/\/www.rapidtables.com\/web\/tools\/html-table-generator.html\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-201307-61e8bef26906a.jpg\" alt=\"Como inserir uma tabela no WordPress facilmente\" \/><\/a><\/p>\n<p>Os geradores de tabelas podem criar tabelas interessantes com algumas op\u00e7\u00f5es de personaliza\u00e7\u00e3o, embora as op\u00e7\u00f5es de estilo sejam um pouco limitadas. <a href=\"https:\/\/ianrmedia.unl.edu\/responsive-table-generator-tool\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">O Gerador de Tabelas Responsivas<\/a> e as <a href=\"https:\/\/www.rapidtables.com\/web\/tools\/html-table-generator.html\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Tabelas R\u00e1pidas<\/a> est\u00e3o entre as melhores op\u00e7\u00f5es.<\/p>\n<h3>Por que adicionar tabelas sem um plug-in n\u00e3o \u00e9 ideal<\/h3>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-201307-61e8bef381e5a.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-201307-61e8bef381e5a.jpg\" alt=\"Como inserir uma tabela no WordPress facilmente\" ><\/a><\/p>\n<p>A melhor raz\u00e3o para usar um plugin para adicionar tabelas no WordPress \u00e9 que, sem ele, voc\u00ea passar\u00e1 horas personalizando, e as op\u00e7\u00f5es s\u00e3o um pouco limitadas.<\/p>\n<p>Sim, voc\u00ea pode criar uma tabela e adicion\u00e1-la a uma postagem do WordPress, mas n\u00e3o ser\u00e1 um col\u00edrio para os olhos.<\/p>\n<p>Al\u00e9m disso, as tabelas provavelmente ser\u00e3o menos funcionais, sem a op\u00e7\u00e3o de classificar os dados. Podem surgir problemas t\u00e9cnicos adicionais, que s\u00f3 podem ser resolvidos se voc\u00ea tiver conhecimento de codifica\u00e7\u00e3o. As tabelas geradas sem um plugin n\u00e3o parecer\u00e3o t\u00e3o naturais e profissionais.<\/p>\n<h3>Considera\u00e7\u00f5es finais sobre como inserir uma tabela no WordPress<\/h3>\n<p>Se voc\u00ea deseja adicionar tabelas profissionais e responsivas, o plugin wpDataTables \u00e9 uma \u00f3tima op\u00e7\u00e3o. Criar tabelas \u00e9 f\u00e1cil e voc\u00ea exibir\u00e1 dados \u00fateis instantaneamente com op\u00e7\u00f5es de personaliza\u00e7\u00e3o quase infinitas para suas tabelas do WordPress.<\/p>\n<p>Se voc\u00ea gostou de ler este artigo sobre como inserir uma tabela no WordPress, voc\u00ea deve conferir este sobre os plugins do <a href=\"https:\/\/wordpress.mediadoma.com\/pt-pt\/os-melhores-plugins-geradores-de-tabelas-do-wordpress-que-voce-pode-usar\/\" title=\"gerador de tabelas do WordPress .\">gerador de tabelas do WordPress .<\/a><\/p>\n<p>Tamb\u00e9m escrevemos sobre alguns assuntos relacionados, como como <a href=\"https:\/\/wordpress.mediadoma.com\/pt-pt\/como-criar-uma-tabela-no-wordpress-sem-um-plugin\/\" title=\"criar uma tabela no WordPress sem plugin\">criar uma tabela no WordPress sem plugin<\/a>, <a href=\"https:\/\/wpdatatables.com\/wordpress-table-plugins\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">plugins de tabela do WordPress<\/a>, como criar a <a href=\"https:\/\/wordpress.mediadoma.com\/pt-pt\/como-criar-a-tabela-da-premier-league-para-o-seu-site\/\" title=\"tabela da Premier League\">tabela da Premier League<\/a>, <a href=\"https:\/\/wordpress.mediadoma.com\/pt-pt\/a-melhor-alternativa-de-datatables-experimente-estas-opcoes\/\" title=\"alternativa DataTables\">alternativa DataTables<\/a>, <a href=\"https:\/\/wordpress.mediadoma.com\/pt-pt\/as-melhores-opcoes-de-biblioteca-de-tabelas-javascript-para-escolher\/\" title=\"biblioteca de tabelas JavaScript\">biblioteca de tabelas JavaScript<\/a> e plugins <a href=\"https:\/\/wordpress.mediadoma.com\/pt-pt\/os-plugins-de-tabela-de-precos-do-wordpress-mais-recomendados\/\" title=\"de tabela de pre\u00e7os do WordPress .\">de tabela de pre\u00e7os do WordPress .<\/a><\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte de grava\u00e7\u00e3o:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpdatatables.com\" class=\"external external_icon\">wpdatatables.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Este artigo mostrar\u00e1 como inserir uma tabela no WordPress sem nenhum conhecimento de HTML e CSS. Siga o tutorial para resultados certos.<\/p>\n","protected":false},"author":1,"featured_media":201308,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[837,846,867],"tags":[1170],"class_list":["post-226262","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-guia-para-iniciantes","category-tutoriais","category-wordpress-8","tag-affiai-pt-pt"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts\/226262","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/comments?post=226262"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts\/226262\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/media\/201308"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/media?parent=226262"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/categories?post=226262"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/tags?post=226262"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}