{"id":227528,"date":"2022-09-21T18:02:00","date_gmt":"2022-09-21T15:02:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=227528"},"modified":"2022-11-09T00:53:14","modified_gmt":"2022-11-08T21:53:14","slug":"como-fazer-uma-tabela-de-dados-online-com-o-wordpress","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/pt-pt\/como-fazer-uma-tabela-de-dados-online-com-o-wordpress\/","title":{"rendered":"Como fazer uma tabela de dados online com o WordPress"},"content":{"rendered":"\n<p>Existem tabelas do WordPress que ajudam a criar gr\u00e1ficos e tabelas bonitos e eficazes. Tabelas e gr\u00e1ficos ajudam a apresentar dados e informa\u00e7\u00f5es de maneira f\u00e1cil de entender e absorver.<\/p>\n<p>Eles tornam a apresenta\u00e7\u00e3o <strong>mais l\u00f3gica<\/strong> e <strong>visualmente mais atraente<\/strong>.<\/p>\n<p>Quando \u00e9 uma boa ideia usar uma tabela para apresentar informa\u00e7\u00f5es? Pense em us\u00e1-los para as <strong>informa\u00e7\u00f5es de pre\u00e7os<\/strong> de produtos ou servi\u00e7os.<\/p>\n<p>Use-os para <strong>listar<\/strong> funcion\u00e1rios, clientes ou parceiros, juntamente com seus dados correspondentes. Ou que <strong>tal estat\u00edsticas<\/strong>, equipes e rankings esportivos?<\/p>\n<p>Mas como fazer uma tabela de dados no WordPress? O editor do WordPress \u00e9 \u00f3timo e \u00fatil para muitas coisas.<\/p>\n<p>No entanto, n\u00e3o tem uma fun\u00e7\u00e3o para fazer tabelas. Ent\u00e3o, ao fazer um post ou blog, n\u00e3o \u00e9 f\u00e1cil inserir uma tabela.<\/p>\n<p>Fazer tabelas no WordPress n\u00e3o \u00e9 f\u00e1cil. Especialmente para aqueles que s\u00e3o novos no WordPress ou que n\u00e3o possuem habilidades t\u00e9cnicas.<\/p>\n<p>Um <strong>plugin<\/strong> pode ser a resposta. Com um plugin de tabela do WordPress, criar tabelas com apar\u00eancia profissional \u00e9 muito f\u00e1cil.<\/p>\n<h2>Por que usar um plug-in de tabela?<\/h2>\n<p><a href=\"https:\/\/wpdatatables.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-186730-61e88d974a5b1.jpg\" alt=\"Como fazer uma tabela de dados online com o WordPress\" \/><\/a><\/p>\n<p>Tabelas e gr\u00e1ficos criados com <a href=\"https:\/\/wpdatatables.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">wpDataTables<\/a><\/p>\n<p>Com um plugin do WordPress, um usu\u00e1rio pode fazer, ajustar e decorar uma mesa. Em seguida, eles podem inserir a tabela no WordPress e us\u00e1-la de v\u00e1rias maneiras.<\/p>\n<p>Fazer tabelas de dados com um plugin \u00e9 muito mais pr\u00e1tico. O resultado \u00e9 mais profissional e de alta qualidade.<\/p>\n<p>Colocar as informa\u00e7\u00f5es em forma de tabela torna-as mais compreens\u00edveis. As pessoas gostam de estudar e olhar para eles.<\/p>\n<p>O resultado \u00e9 que eles passar\u00e3o mais tempo no site e ter\u00e3o maior probabilidade de retornar. Isso \u00e9 bom para os neg\u00f3cios!<\/p>\n<p>Claro, este tutorial far\u00e1 uso abundante de <a href=\"https:\/\/wpdatatables.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">wpDataTables<\/a>. \u00c9 incr\u00edvel ver quantas coisas diferentes esse plugin pode fazer e os resultados profissionais que ele oferece.<\/p>\n<p>Tem toneladas de funcionalidades e recursos. Ele faz muito mais do que fazer tabelas b\u00e1sicas.<\/p>\n<p><strong>Importar grandes conjuntos de dados<\/strong> n\u00e3o \u00e9 f\u00e1cil. O wpDataTables possui um recurso que facilita, que est\u00e1 dispon\u00edvel com a vers\u00e3o paga.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-186730-61e88d9849825.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-186730-61e88d9849825.jpg\" alt=\"Como fazer uma tabela de dados online com o WordPress\" ><\/a><\/p>\n<p>Ele pode exportar as tabelas criadas em <strong>v\u00e1rios formatos<\/strong> para um post. Pode fazer formatos CSV ou Excel, bem como consultas ODF e MySQL.<\/p>\n<p>Um benef\u00edcio do wpDataTables \u00e9 que seu uso n\u00e3o requer experi\u00eancia ou conhecimento de HTML ou CSS. H\u00e1 uma p\u00e1gina de configura\u00e7\u00f5es clara e pr\u00e1tica que controla tudo.<\/p>\n<p>Quando todas as configura\u00e7\u00f5es estiverem corretas, \u00e9 apenas uma quest\u00e3o de <strong>copiar e colar o shortcode<\/strong>.<\/p>\n<h2>Como criar tabelas de dados com o plug-in wpDataTables<\/h2>\n<p>\u00c9 assim que funciona:<\/p>\n<h3>O arquivo de origem<\/h3>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-186730-61e88d9958954.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-186730-61e88d9958954.jpg\" alt=\"Como fazer uma tabela de dados online com o WordPress\" ><\/a><\/p>\n<p>Certifique-se de ter o arquivo de origem pronto. A p\u00e1gina Configura\u00e7\u00e3o da Tabela tem uma guia Fonte de Dados.<\/p>\n<p>Nesta guia, os usu\u00e1rios encontrar\u00e3o v\u00e1rias configura\u00e7\u00f5es. Aqui tamb\u00e9m \u00e9 onde definir a fonte de dados.<\/p>\n<p>Isso pode ser:<\/p>\n<ul>\n<li>consulta MySQL<\/li>\n<li>Excel<\/li>\n<li>CSV<\/li>\n<li>XML<\/li>\n<li>Planilha do Google<\/li>\n<li>URL<\/li>\n<li>Matriz PHP serializada<\/li>\n<\/ul>\n<p>O exemplo usa um documento do Excel que cont\u00e9m os dados.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-186730-61e88d9a597e0.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-186730-61e88d9a597e0.jpg\" alt=\"Como fazer uma tabela de dados online com o WordPress\" ><\/a><\/p>\n<p>Certifique-se de que todos os dados <strong>estejam tabulados corretamente<\/strong>. Se n\u00e3o estiver organizado corretamente, o wpDataTables ter\u00e1 dificuldade para ler as colunas da tabela.<\/p>\n<h3>Criar uma nova tabela<\/h3>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-186730-61e88d9b57ace.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-186730-61e88d9b57ace.jpg\" alt=\"Como fazer uma tabela de dados online com o WordPress\" ><\/a><\/p>\n<p>Para <strong>criar<\/strong> uma nova tabela acesse wpDataTables, que fica na parte esquerda do painel do WordPress. Ao clicar nele, aparecer\u00e1 a tela mostrada acima.<\/p>\n<p>Este \u00e9 o local onde criar ou adicionar uma nova tabela. Clique no bot\u00e3o <strong>Adicionar novo<\/strong> e aparecer\u00e1 uma tela parecida com a acima.<\/p>\n<p><strong>Agora defina o par\u00e2metro<\/strong> correto da tabela. Os par\u00e2metros definem a apar\u00eancia da tabela e como ela se comporta.<\/p>\n<p>O pr\u00f3ximo subt\u00edtulo discute alguns desses recursos.<\/p>\n<h3>Defina os recursos da tabela<\/h3>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-186730-61e88d9c5b4b9.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-186730-61e88d9c5b4b9.jpg\" alt=\"Como fazer uma tabela de dados online com o WordPress\" ><\/a><\/p>\n<p>Existem v\u00e1rias se\u00e7\u00f5es na p\u00e1gina Configura\u00e7\u00e3o da tabela. Estes s\u00e3o os que est\u00e3o nas tr\u00eas primeiras se\u00e7\u00f5es:<\/p>\n<ul>\n<li>Linhas padr\u00e3o por p\u00e1gina<\/li>\n<li>Ocultar at\u00e9 carregar<\/li>\n<li>Bloco de informa\u00e7\u00f5es<\/li>\n<li>Limitar largura da tabela<\/li>\n<li>Pagina\u00e7\u00e3o<\/li>\n<li>Alinhamento de pagina\u00e7\u00e3o<\/li>\n<li>Layout de pagina\u00e7\u00e3o<\/li>\n<li>Capacidade de resposta<\/li>\n<li>Linhas por p\u00e1gina<\/li>\n<li>Rolagem<\/li>\n<li>Mostrar t\u00edtulo da tabela<\/li>\n<li>Quebra de linha<\/li>\n<\/ul>\n<p>Todos os par\u00e2metros s\u00e3o personaliz\u00e1veis. A tabela de dados resultante pode ser t\u00e3o complicada quanto desejado.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-186730-61e88d9d45224.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-186730-61e88d9d45224.jpg\" alt=\"Como fazer uma tabela de dados online com o WordPress\" ><\/a><\/p>\n<p>Depois de definir esses par\u00e2metros, clique em <strong>Upload File<\/strong> para selecionar o documento de origem.<\/p>\n<p>Ap\u00f3s as tr\u00eas se\u00e7\u00f5es discutidas acima, h\u00e1 mais algumas configura\u00e7\u00f5es de personaliza\u00e7\u00e3o:<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-186730-61e88d9e44810.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-186730-61e88d9e44810.jpg\" alt=\"Como fazer uma tabela de dados online com o WordPress\" ><\/a><\/p>\n<ul>\n<li><strong>Responsivo<\/strong>. Essa configura\u00e7\u00e3o exibe a tabela de dados de acordo com o dispositivo e o tamanho da tela do visualizador.<\/li>\n<li><strong>Rolagem<\/strong>. Permite a rolagem horizontal.<\/li>\n<li><strong>Ocultar a tabela at\u00e9 que a p\u00e1gina seja completamente carregada<\/strong>. Uma configura\u00e7\u00e3o pr\u00e1tica para p\u00e1ginas que carregam lentamente.<\/li>\n<li><strong>Filtragem avan\u00e7ada<\/strong>. Adiciona um filtro no final de cada coluna.<\/li>\n<li><strong>Filtre no formul\u00e1rio<\/strong>. Adiciona um filtro no formul\u00e1rio.<\/li>\n<li><strong>Ferramentas de mesa<\/strong>. Permite a incorpora\u00e7\u00e3o de fun\u00e7\u00f5es adicionais. Isso inclui copiar e salvar em Excel ou CSV.<\/li>\n<li><strong>Habilite a classifica\u00e7\u00e3o<\/strong>. Adicione uma fun\u00e7\u00e3o de classifica\u00e7\u00e3o de tabela.<\/li>\n<li><strong>Layout da tabela de limite<\/strong>. Define o tamanho da tabela para o tamanho do cont\u00eainer pai.<\/li>\n<li><strong>Comprimento de exibi\u00e7\u00e3o<\/strong>. Define o n\u00famero de entradas em uma \u00fanica p\u00e1gina.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-186730-61e88d9f37fb2.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-186730-61e88d9f37fb2.jpg\" alt=\"Como fazer uma tabela de dados online com o WordPress\" ><\/a><\/p>\n<p>H\u00e1 um <strong>bot\u00e3o Visualizar<\/strong> que mostra como a tabela ficar\u00e1. Fa\u00e7a mais ajustes conforme necess\u00e1rio.<\/p>\n<p>Quando todos os par\u00e2metros estiverem corretos e o formul\u00e1rio otimizado, clique no bot\u00e3o <strong>Salvar<\/strong>.<\/p>\n<p>No entanto, ap\u00f3s salvar, existem op\u00e7\u00f5es adicionais. Use-os para tornar a mesa ainda melhor.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-186730-61e88da050739.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-186730-61e88da050739.jpg\" alt=\"Como fazer uma tabela de dados online com o WordPress\" ><\/a><\/p>\n<p>O plugin tem algumas configura\u00e7\u00f5es padr\u00e3o que s\u00e3o usadas automaticamente. Essas configura\u00e7\u00f5es incluem <strong>cor<\/strong> e <strong>tipo de filtro<\/strong>.<\/p>\n<p>Classifique os dados por par\u00e2metros como data, hora e texto. Abaixo est\u00e1 um exemplo de tipos de colunas editadas, cores, n\u00fameros e strings.<\/p>\n<h3>Salvar e copiar o c\u00f3digo de acesso<\/h3>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-186730-61e88da147041.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-186730-61e88da147041.jpg\" alt=\"Como fazer uma tabela de dados online com o WordPress\" ><\/a><\/p>\n<p>N\u00e3o se esque\u00e7a de <strong>salvar<\/strong> a tabela e clicar em <strong>Fechar<\/strong>. O plugin ir\u00e1 direto para a p\u00e1gina inicial.<\/p>\n<p>Se tudo deu certo, aparece a tabela rec\u00e9m-criada, junto com o t\u00edtulo, tipo e uma op\u00e7\u00e3o de duplica\u00e7\u00e3o.<\/p>\n<p>Ele tamb\u00e9m <strong>mostrar\u00e1 o shortcode<\/strong>. Copie o c\u00f3digo e v\u00e1 para a p\u00e1gina de destino.<\/p>\n<h3>Adicionar o c\u00f3digo de acesso a uma p\u00e1gina ou postagem<\/h3>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-186730-61e88da25286f.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-186730-61e88da25286f.jpg\" alt=\"Como fazer uma tabela de dados online com o WordPress\" ><\/a><\/p>\n<p>Adicionar a tabela a uma p\u00e1gina ou postagem agora \u00e9 muito f\u00e1cil. Selecione onde ele deve ir e <strong>cole o c\u00f3digo de acesso no editor da p\u00e1gina<\/strong>.<\/p>\n<p>Continue editando a p\u00e1gina e otimizando o conte\u00fado.<\/p>\n<h3>Publicar<\/h3>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-186730-61e88da348a1b.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-186730-61e88da348a1b.jpg\" alt=\"Como fazer uma tabela de dados online com o WordPress\" ><\/a><\/p>\n<p>Quando terminar, clique no bot\u00e3o <strong>Publicar<\/strong>. A p\u00e1gina e a tabela devem se parecer com o exemplo.<\/p>\n<p>Ser\u00e1 perfeito, consistente e alinhado. Os dados na tabela s\u00e3o f\u00e1ceis de ler e entender.<\/p>\n<p>Os visitantes do site ter\u00e3o a op\u00e7\u00e3o de <strong>exportar os dados<\/strong> em v\u00e1rios formatos. Eles tamb\u00e9m podem <strong>filtrar<\/strong> os dados no site<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-186730-61e88da45c5cc.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-186730-61e88da45c5cc.jpg\" alt=\"Como fazer uma tabela de dados online com o WordPress\" ><\/a><\/p>\n<p>H\u00e1 tamb\u00e9m uma integra\u00e7\u00e3o com <strong>wpBakery<\/strong> e <strong>Elementor<\/strong>. Qualquer tabela criada com wpDataTables \u00e9 export\u00e1vel para esses construtores de p\u00e1gina.<\/p>\n<h2>Como criar tabelas do WordPress sem um plug-in<\/h2>\n<p>\u00c9 poss\u00edvel fazer tabelas do WordPress sem a ajuda de plugins. Este artigo aborda tr\u00eas: como usar o Planilhas Google ou o Documentos Google, o Gerador de Tabelas e o Editor de Blocos.<\/p>\n<h3>Usando o Google Docs ou Sheets<\/h3>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-186730-61e88da5548fc.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-186730-61e88da5548fc.jpg\" alt=\"Como fazer uma tabela de dados online com o WordPress\" ><\/a><\/p>\n<p>Isso come\u00e7a criando um novo Documentos ou Planilha do Google. N\u00e3o importa qual.<\/p>\n<p>Este guia pressup\u00f5e o uso do Documentos. Ap\u00f3s criar o documento:<\/p>\n<ol>\n<li>Ir para <strong>Inserir<\/strong><\/li>\n<li>Clique <strong>em Tabelas<\/strong><\/li>\n<li>Selecione o n\u00famero de <strong>linhas e colunas<\/strong><\/li>\n<li>Pressione <strong>Enter<\/strong><\/li>\n<li>Preencha os <strong>dados<\/strong><\/li>\n<li><strong>Selecione<\/strong> a tabela<\/li>\n<li><strong>Copie<\/strong> -o<\/li>\n<li><strong>Cole<\/strong> -o no editor do WordPress<\/li>\n<\/ol>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-186730-61e88da696794.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-186730-61e88da696794.jpg\" alt=\"Como fazer uma tabela de dados online com o WordPress\" ><\/a><\/p>\n<p>Com isso, o elemento est\u00e1 pronto para publica\u00e7\u00e3o.<\/p>\n<p>A desvantagem deste m\u00e9todo \u00e9 que existem muito <strong>poucas op\u00e7\u00f5es de personaliza\u00e7\u00e3o<\/strong>. N\u00e3o tem muitas op\u00e7\u00f5es de estilo.<\/p>\n<p>Al\u00e9m disso, as tabelas resultantes n\u00e3o s\u00e3o muito responsivas. Esses tipos de tabelas de dados geralmente s\u00e3o muito dif\u00edceis de ler em dispositivos m\u00f3veis.<\/p>\n<h3>Usando 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-186730-61e88da7a21bd.jpg\" alt=\"Como fazer uma tabela de dados online com o WordPress\" \/><\/a><\/p>\n<p>A codifica\u00e7\u00e3o b\u00e1sica por tr\u00e1s das tabelas do WordPress \u00e9 baseada em HTML. Adicionado a isso est\u00e3o os estilos CSS para torn\u00e1-los bonitos.<\/p>\n<p>Portanto, criar tabelas de dados sem um plug-in requer alguma codifica\u00e7\u00e3o e nem todo mundo sabe como fazer isso. Por esse motivo, muitos dependem de plugins e geradores de tabelas online.<\/p>\n<p>Eles criam e comp\u00f5em uma tabela de dados em um desses geradores para <strong>fazer o c\u00f3digo HTML<\/strong> para ela. Em seguida, copie e cole o produto no site do WordPress.<\/p>\n<p>Alguns geradores online melhores criam tabelas <strong>responsivas<\/strong> que funcionam em diferentes tamanhos de tela. Alguns outros tamb\u00e9m adicionam estilo, mas geralmente as possibilidades s\u00e3o <strong>limitadas<\/strong>.<\/p>\n<p>No entanto, eles s\u00e3o muito \u00fateis. Alguns bons s\u00e3o a Ferramenta Gerador de Tabelas Responsivas e as Tabelas R\u00e1pidas.<\/p>\n<h3>Criando tabelas no editor de blocos do WordPress<\/h3>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-186730-61e88da8b2d62.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-186730-61e88da8b2d62.jpg\" alt=\"Como fazer uma tabela de dados online com o WordPress\" ><\/a><\/p>\n<p>Para fazer isso:<\/p>\n<ul>\n<li>Fa\u00e7a uma <strong>nova postagem<\/strong> ou p\u00e1gina ou continue editando uma existente.<\/li>\n<li>No editor, clique no <strong>sinal +<\/strong> para adicionar um novo bloco.<\/li>\n<li>Clique em <strong>Tabela<\/strong> em <strong>Formata\u00e7\u00e3o<\/strong>. Ou procure-o no campo Procurar um Bloco.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-186730-61e88da9ca57c.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-186730-61e88da9ca57c.jpg\" alt=\"Como fazer uma tabela de dados online com o WordPress\" ><\/a><\/p>\n<ul>\n<li>Escolha o n\u00famero de <strong>colunas e linhas<\/strong> para a tabela. O padr\u00e3o \u00e9 2\u00d72.<\/li>\n<li><strong>Insira os dados<\/strong> nas c\u00e9lulas. As c\u00e9lulas s\u00e3o redimensionadas automaticamente com base no conte\u00fado.<\/li>\n<\/ul>\n<p>Ou defina o tamanho da c\u00e9lula para um tamanho espec\u00edfico usando a op\u00e7\u00e3o \u00e0 direita.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-186730-61e88daab8867.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-186730-61e88daab8867.jpg\" alt=\"Como fazer uma tabela de dados online com o WordPress\" ><\/a><\/p>\n<ul>\n<li>Adicione um <strong>cabe\u00e7alho e um rodap\u00e9<\/strong> na se\u00e7\u00e3o de op\u00e7\u00f5es \u00e0 direita. O exemplo mostra uma tabela com um cabe\u00e7alho e uma cor de fundo cinza.<\/li>\n<\/ul>\n<p>Altere a cor na guia Configura\u00e7\u00f5es de cores.<\/p>\n<p>Esses tr\u00eas m\u00e9todos para criar tabelas de dados e us\u00e1-las no WordPress funcionam bem. Mas eles tamb\u00e9m t\u00eam <strong>muitas limita\u00e7\u00f5es<\/strong>.<\/p>\n<p>Por exemplo, n\u00e3o h\u00e1 recursos avan\u00e7ados. Eles n\u00e3o produzem tabelas responsivas e geralmente causam problemas t\u00e9cnicos.<\/p>\n<h2>Considera\u00e7\u00f5es finais sobre como fazer uma tabela de dados no WordPress<\/h2>\n<p>As tabelas s\u00e3o t\u00e3o \u00fateis para apresentar dados, portanto, sua abund\u00e2ncia na web n\u00e3o \u00e9 surpreendente. Eles melhoram a experi\u00eancia do usu\u00e1rio e os espectadores podem absorver e entender as informa\u00e7\u00f5es.<\/p>\n<p>O editor cl\u00e1ssico do WordPress n\u00e3o tem a capacidade de criar tabelas. Como fazer uma tabela de dados no WordPress ent\u00e3o?<\/p>\n<p>\u00c9 preciso recorrer ao uso de aplicativos de terceiros. Este artigo mostrou como usar o Google Docs para fazer isso.<\/p>\n<p>Este post tamb\u00e9m mostrou como usar o plugin wpDataTables. Este plugin pode fazer tabelas bonitas e responsivas.<\/p>\n<p>\u00c9 o mais f\u00e1cil de usar e oferece uma grande variedade de recursos que permitem ao usu\u00e1rio fazer a tabela que desejar.<\/p>\n<p>Se voc\u00ea gostou de ler este artigo sobre como fazer uma tabela de dados, confira este sobre <a href=\"https:\/\/wordpress.mediadoma.com\/pt-pt\/otimas-fontes-de-dados-gratuitas-para-usar-em-seus-projetos\/\" title=\"fontes de dados\">fontes de dados<\/a>.<\/p>\n<p>Tamb\u00e9m escrevemos sobre alguns assuntos relacionados, como <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>, <a href=\"https:\/\/wpdatatables.com\/wordpress-table-plugins\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">plugins de tabela WordPress<\/a>, 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 um plugin\">criar uma tabela no WordPress sem um plugin<\/a>, <a href=\"https:\/\/wordpress.mediadoma.com\/pt-pt\/como-inserir-uma-tabela-no-wordpress-facilmente\/\" title=\"como inserir uma tabela no WordPress\">como inserir uma tabela no WordPress<\/a>, plugins de <a href=\"https:\/\/wordpress.mediadoma.com\/pt-pt\/os-plugins-de-tabela-de-precos-do-wordpress-mais-recomendados\/\" title=\"tabela de pre\u00e7os do WordPress e\">tabela de pre\u00e7os do WordPress e<\/a> <a href=\"https:\/\/wordpress.mediadoma.com\/pt-pt\/como-criar-tabelas-estatisticas-no-wordpress\/\" title=\"como criar tabelas estat\u00edsticas no WordPress.\">como criar tabelas estat\u00edsticas no 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>Como fazer uma tabela de dados no WordPress? Com um plugin WordPress wpDataTables, um usu\u00e1rio pode fazer, ajustar e decorar uma mesa.<\/p>\n","protected":false},"author":1,"featured_media":186731,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[816,1021,846,867],"tags":[1170],"class_list":["post-227528","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-plug-ins","category-sites-uteis","category-tutoriais","category-wordpress-8","tag-affiai-pt-pt"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts\/227528","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=227528"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts\/227528\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/media\/186731"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/media?parent=227528"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/categories?post=227528"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/tags?post=227528"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}