{"id":8288,"date":"2025-04-06T23:52:21","date_gmt":"2025-04-06T23:52:21","guid":{"rendered":"https:\/\/tableberg.com\/?p=8288"},"modified":"2025-04-26T16:32:05","modified_gmt":"2025-04-26T16:32:05","slug":"como-criar-uma-tabela-classificavel-no-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/pt\/how-to-create-a-sortable-table-in-wordpress\/","title":{"rendered":"Como criar uma tabela classific\u00e1vel no WordPress"},"content":{"rendered":"

Por que precisamos de uma tabela? Porque, \u00e0s vezes, listar as coisas em texto simples n\u00e3o \u00e9 suficiente. Como criamos uma tabela? Voc\u00ea pode fazer isso usando o bloco Table integrado, um plugin com recursos avan\u00e7ados ou adicionando HTML personalizado, dependendo do editor ou do construtor de p\u00e1ginas com o qual estiver trabalhando. As tabelas s\u00e3o a maneira mais f\u00e1cil de manter suas informa\u00e7\u00f5es estruturadas e organizadas. <\/p>\n\n\n\n

Por\u00e9m, \u00e0 medida que sua tabela cresce, os desafios tamb\u00e9m aumentam. Mais linhas significam mais rolagem. Mais colunas dificultam a identifica\u00e7\u00e3o dos detalhes importantes. O que come\u00e7ou como um layout limpo pode rapidamente se tornar esmagador para os usu\u00e1rios que tentam encontrar uma parte espec\u00edfica dos dados.<\/p>\n\n\n\n

\u00c9 nesse ponto que as tabelas classific\u00e1veis se tornam especialmente \u00fateis. Em vez de for\u00e7ar os usu\u00e1rios a ler tudo, voc\u00ea pode permitir que eles classifiquem os dados de acordo com o que lhes interessa, como pre\u00e7o, data, nome ou classifica\u00e7\u00e3o, com um \u00fanico clique.<\/p>\n\n\n\n

Neste artigo, explicaremos como criar uma tabela classific\u00e1vel usando o Tableberg e mostraremos como controlar a dire\u00e7\u00e3o da classifica\u00e7\u00e3o com base em seu layout.<\/p>\n\n\n\n

\n\n\n\n

Criar uma tabela classific\u00e1vel no WordPress<\/strong><\/h2>\n\n\n\n

Nas etapas a seguir, mostraremos como criar uma tabela usando Tableberg<\/a>. Voc\u00ea tamb\u00e9m aprender\u00e1 como tornar a tabela classific\u00e1vel com apenas algumas configura\u00e7\u00f5es.<\/p>\n\n\n\n

Etapa 1: Instalar e ativar o Tableberg<\/strong><\/h3>\n\n\n\n

V\u00e1 para o painel do WordPress, abra a se\u00e7\u00e3o Plugins<\/strong> e clique em Adicionar novo<\/strong>. Procurar por Tableberg<\/strong>, ent\u00e3o instalar<\/strong> e ativar<\/strong> o plug-in.<\/p>\n\n\n\n

\"Instala\u00e7\u00e3o<\/figure>\n\n\n\n
\n\n\n\n

Etapa 2: Insira uma tabela em sua postagem<\/strong><\/h3>\n\n\n\n

Abra o post ou a p\u00e1gina exata em que voc\u00ea deseja colocar a tabela. Agora, use o bot\u00e3o insersor de blocos<\/strong> para localizar o Bloco Tableberg<\/strong>adicione-o ao seu conte\u00fado e escolha o n\u00famero de linhas e colunas necess\u00e1rias.<\/p>\n\n\n\n

\"Inserir<\/figure>\n\n\n\n
\n\n\n\n

Etapa 3: Insira o conte\u00fado da tabela<\/strong><\/h3>\n\n\n\n

Clique em cada c\u00e9lula e coloque seus dados dentro dela. O Tableberg permite que voc\u00ea use texto, imagens, classifica\u00e7\u00f5es por estrelas, bot\u00f5es, fitas, \u00edcones, listas e outros elementos de bloco dentro de qualquer c\u00e9lula. Prepare sua tabela da maneira que desejar.<\/p>\n\n\n\n

\"Digite<\/figure>\n\n\n\n
\n\n\n\n

Etapa 4: Ativar o recurso de classifica\u00e7\u00e3o<\/strong><\/h3>\n\n\n\n

Clique na borda externa de qualquer c\u00e9lula da tabela e clique no \u00edcone de tableberg na barra de ferramentas para garantir que toda a tabela esteja selecionada. No lado direito configura\u00e7\u00f5es de bloco<\/strong>role para baixo at\u00e9 encontrar a op\u00e7\u00e3o Classifica\u00e7\u00e3o<\/strong> caracter\u00edstica. <\/p>\n\n\n\n

\"Ativar<\/figure>\n\n\n\n
\n\n\n\n

Etapa 5: Escolha a dire\u00e7\u00e3o de classifica\u00e7\u00e3o<\/strong><\/h3>\n\n\n\n

Quando o recurso de classifica\u00e7\u00e3o for encontrado, voc\u00ea ver\u00e1 duas op\u00e7\u00f5es dispon\u00edveis: Vertical e horizontal<\/strong>. A classifica\u00e7\u00e3o vertical permite que os usu\u00e1rios reordenem as linhas clicando nos cabe\u00e7alhos das colunas. A classifica\u00e7\u00e3o horizontal ordena as linhas e funciona melhor quando os r\u00f3tulos est\u00e3o na primeira coluna. Escolha o modo mais adequado ao layout de sua tabela.<\/p>\n\n\n\n

\"Selecionar<\/figure>\n\n\n\n
\n\n\n\n

Etapa 6: Visualizar e testar a classifica\u00e7\u00e3o<\/strong><\/h3>\n\n\n\n

Primeiro, salvar<\/strong> seu trabalho, clique em Pr\u00e9via<\/strong>e, em seguida, teste sua classifica\u00e7\u00e3o interagindo com a tabela. Experimente diferentes colunas ou linhas com base no modo que voc\u00ea selecionou para garantir que tudo funcione conforme o esperado. Quando estiver satisfeito com tudo, atualiza\u00e7\u00e3o<\/strong> ou publicar<\/strong> a postagem. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\n\n\n\n

Conclus\u00e3o<\/strong><\/h4>\n\n\n\n

As tabelas s\u00e3o uma das formas mais eficazes de apresentar informa\u00e7\u00f5es organizadas em um site, mas podem se tornar dif\u00edceis de navegar rapidamente \u00e0 medida que o conte\u00fado aumenta. As tabelas classific\u00e1veis facilitam isso, permitindo que os usu\u00e1rios reorganizem os dados com base no que \u00e9 importante para eles. Com o Tableberg, voc\u00ea pode adicionar esse recurso sem usar nenhuma ferramenta ou c\u00f3digo externo e at\u00e9 mesmo controlar como a classifica\u00e7\u00e3o funciona, dependendo do layout da tabela. Neste artigo, mostramos exatamente como criar uma tabela classific\u00e1vel usando o Tableberg do in\u00edcio ao fim.<\/p>","protected":false},"excerpt":{"rendered":"

Why do we need a table? Because sometimes, listing things out in plain text is not enough. How do we create a table? You can do that by using the built-in Table block, a plugin with advanced features, or by adding custom HTML, depending on the editor or page builder you are working with. Tables […]<\/p>\n","protected":false},"author":9,"featured_media":8290,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7,130],"tags":[],"class_list":["post-8288","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","category-tableberg"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/Sortable-Table-850-x-335-px.png","author_info":{"display_name":"Moinul Islam","author_link":"https:\/\/tableberg.com\/pt\/author\/marufmoinul27\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/8288","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/comments?post=8288"}],"version-history":[{"count":4,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/8288\/revisions"}],"predecessor-version":[{"id":8309,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/8288\/revisions\/8309"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/media\/8290"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/media?parent=8288"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/categories?post=8288"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/tags?post=8288"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}