{"id":699,"date":"2025-10-12T16:20:53","date_gmt":"2025-10-12T16:20:53","guid":{"rendered":"https:\/\/tableberg.com\/?p=699"},"modified":"2025-10-12T16:22:42","modified_gmt":"2025-10-12T16:22:42","slug":"como-criar-uma-tabela-de-classificacao-no-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/pt\/how-to-create-a-league-table-in-wordpress\/","title":{"rendered":"Como criar uma tabela de classifica\u00e7\u00e3o no WordPress"},"content":{"rendered":"<p>A sports league table is a great way to present the standings of teams and athletes in a league. It helps fans track the progress of their favorite clubs, compare stats, and visualize rankings in an easy-to-digest format.<\/p>\n\n\n\n<p>If you run a sports website, blog, or even sell sports gear, adding a league table can make your content more engaging and informative.<\/p>\n\n\n\n<p>In this tutorial, we\u2019ll show you <strong>two simple ways to create a league table in WordPress<\/strong> \u2014 using the <strong>Plug-in Tableberg<\/strong>.<\/p>\n\n\n\n<ul class=\"wp-block-list is-style-list-boxed\">\n<li>M\u00e9todo 1: <a href=\"#Copy-&amp;-Paste-the-Ready-Made-Pattern\">Copy &amp; Paste the Ready-Made Pattern<\/a> <\/li>\n\n\n\n<li>M\u00e9todo 2: <a href=\"#Create-a-League-Table-from-Scratch\">Create a League Table from Scratch<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Copy-&amp;-Paste-the-Ready-Made-Pattern\">Method 1: Copy &amp; Paste the Ready-Made Pattern<\/h2>\n\n\n\n<p>Don\u2019t want to build everything from scratch?<\/p>\n\n\n\n<p>You can instantly add a beautiful, pre-designed <strong>Classifica\u00e7\u00e3o da Premier League Table<\/strong> to your site using Tableberg\u2019s <strong><a href=\"https:\/\/tableberg.com\/pt\/padroes-de-mesa\/\" target=\"_blank\" rel=\"noreferrer noopener\">Pattern Library<\/a><\/strong>.<\/p>\n\n\n\n<p>Here\u2019s how \ud83d\udc47<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1: Install the Tableberg Pro Plugin<\/h3>\n\n\n\n<p>Even though Tableberg has a <a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">vers\u00e3o gratuita<\/a>, you\u2019ll need the <strong><a href=\"https:\/\/tableberg.com\/pt\/precificacao\/\" target=\"_blank\" rel=\"noreferrer noopener\">Vers\u00e3o Pro<\/a><\/strong> to access the ready-made patterns.<\/p>\n\n\n\n<p>Get Tableberg Pro from the <a href=\"https:\/\/tableberg.com\/pt\/precificacao\/\">official website<\/a>, install it, and <a href=\"https:\/\/tableberg.com\/pt\/documentos\/como-inserir-e-ativar-sua-chave-de-licenca\/\" target=\"_blank\" rel=\"noreferrer noopener\">activate your license<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2: Visit the Pattern &amp; Copy It<\/h3>\n\n\n\n<p>Go to this link: <a href=\"https:\/\/tableberg.com\/pt\/padroes-de-mesa\/tabela-de-classificacao-da-premier-league\/\" target=\"_blank\" rel=\"noreferrer noopener\">Premier League Standings Table Pattern<\/a> and click on the <strong>\u201cCopy Pattern\u201d<\/strong> button on the page. The pattern will be copied automatically.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"846\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Premier-League-Standings-Table-Pattern-1024x846.png\" alt=\"\" class=\"wp-image-10709\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Premier-League-Standings-Table-Pattern-1024x846.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Premier-League-Standings-Table-Pattern-300x248.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Premier-League-Standings-Table-Pattern-768x634.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Premier-League-Standings-Table-Pattern-1536x1269.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Premier-League-Standings-Table-Pattern-2048x1691.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Premier-League-Standings-Table-Pattern-15x12.png 15w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 3: Paste the Pattern into WordPress Block Editor <\/h3>\n\n\n\n<p>Now, open the post or page where you want to add your league table. <\/p>\n\n\n\n<p>In the WordPress block editor (Gutenberg), paste (Ctrl\/Cmd + V) \u2014 and the entire table will appear instantly. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1800\" height=\"932\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Paste-the-Pattern.gif\" alt=\"\" class=\"wp-image-10711\" style=\"border-width:1px;border-radius:3px\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Etapa 4: Personalizar a tabela<\/h3>\n\n\n\n<p>You can easily:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Replace the team names and logos<\/li>\n\n\n\n<li>Update match stats (Played, Won, Lost, Drawn, Points, etc.)<\/li>\n\n\n\n<li>Adjust colors, borders, or typography from the sidebar settings<\/li>\n\n\n\n<li>Add or remove rows and columns<\/li>\n<\/ul>\n\n\n<div style=\"width: 100%; \" class=\"ub-advanced-video-container wp-block-ub-advanced-video\" id=\"ub-advanced-video-f4606ace-9fc7-4b5a-9945-fdfa37d4fc68\"><div class=\"ub-advanced-video-embed\" style=\"box-shadow: 0px -0px 0px 0px rgba(0, 0, 0, 1); border-top: 1px solid ; border-left: 1px solid ; border-right: 1px solid ; border-bottom: 1px solid ; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; \"><video controls width=\"undefined\" height=\"undefined\"><source src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Customizing-the-Table.mp4\"><\/source><\/video><\/div><\/div>\n\n\n<p>That\u2019s it \u2014 your <strong>League Table is ready in seconds<\/strong> without building it manually.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_60cd3714-3345-48ee-ba5d-c91d5018dc7c\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 2px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"Create-a-League-Table-from-Scratch\">Method 2: Create a League Table from Scratch<\/h2>\n\n\n\n<p>If you prefer full control or want to design your own layout, follow this step-by-step process to create a league table manually.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"Install-and-Activate-the-Tablegerg-Plugin\">Etapa 1: Instalar e ativar o plug-in Tableberg<\/h3>\n\n\n\n<p><a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" data-type=\"link\" data-id=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" rel=\"noreferrer noopener\">Tableberg<\/a> \u00e9 um plug-in avan\u00e7ado de cria\u00e7\u00e3o de tabelas. Sem uma ferramenta t\u00e3o avan\u00e7ada, n\u00e3o \u00e9 poss\u00edvel criar tabelas de classifica\u00e7\u00e3o abrangentes apenas com o bloco de tabelas padr\u00e3o do WordPress.<\/p>\n\n\n\n<p>Para instalar o plug-in, v\u00e1 para <strong>Plug-ins &gt; Adicionar novo plug-in<\/strong>. Para obter o plugin, digite <strong>Tableberg<\/strong> na caixa de pesquisa. Instale e ative-o depois que ele aparecer abaixo.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"569\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/06\/Tableberg-Installation-1024x569.png\" alt=\"\" class=\"wp-image-4846\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/06\/Tableberg-Installation-1024x569.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/06\/Tableberg-Installation-300x167.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/06\/Tableberg-Installation-768x427.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/06\/Tableberg-Installation-1536x853.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/06\/Tableberg-Installation-2048x1138.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/06\/Tableberg-Installation-18x10.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"Add-the-Tableberg-Block-to-Your-Post\/Page-Editor\">Etapa 2: Adicione o bloco Tableberg ao seu editor de postagem\/p\u00e1gina<\/h3>\n\n\n\n<p>Abra o post\/p\u00e1gina em que voc\u00ea deseja criar a tabela de classifica\u00e7\u00e3o. Localize e <strong>adicionar o bloco Tableberg<\/strong> pressionando o bot\u00e3o <strong>\u00cdcone (+)<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"605\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Inserting-the-Tableberg-Block-1-1024x605.png\" alt=\"\" class=\"wp-image-2774\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Inserting-the-Tableberg-Block-1-1024x605.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Inserting-the-Tableberg-Block-1-300x177.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Inserting-the-Tableberg-Block-1-768x454.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Inserting-the-Tableberg-Block-1-1536x907.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Inserting-the-Tableberg-Block-1-2048x1210.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Inserting-the-Tableberg-Block-1-18x12.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Defina o n\u00famero da linha e da coluna como desejar. Para este tutorial, selecionaremos o n\u00famero da linha e da coluna 6*11.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Set-the-row-and-column-number.png\" alt=\"Definir o n\u00famero da linha e da coluna\" class=\"wp-image-176\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Set-the-row-and-column-number.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Set-the-row-and-column-number-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Set-the-row-and-column-number-1024x522.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Set-the-row-and-column-number-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>O layout da tabela est\u00e1 pronto. Em seguida, adicionaremos conte\u00fado a ele.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Table-layout-creted-by-TableBerg.webp\" alt=\"Layout da tabela criado pelo TableBerg\" class=\"wp-image-700\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Table-layout-creted-by-TableBerg.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Table-layout-creted-by-TableBerg-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Table-layout-creted-by-TableBerg-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Table-layout-creted-by-TableBerg-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"Add-Content-to-the-Table\">Etapa 3: Adicionar conte\u00fado \u00e0 tabela<\/h3>\n\n\n\n<p>O tipo de conte\u00fado que voc\u00ea adiciona \u00e0 tabela depende muito do tipo de esporte. Normalmente, o conte\u00fado de uma tabela da liga de futebol principal \u00e9 <strong>posi\u00e7\u00e3o, logotipo do clube, nome do clube, jogo disputado, saldo de gols, <\/strong>e<strong> pontos<\/strong>. <\/p>\n\n\n\n<p style=\"font-size:clamp(0.984rem, 0.984rem + ((1vw - 0.2rem) * 0.878), 1.5rem);\"><strong># Definir posi\u00e7\u00e3o (Pos)<\/strong><\/p>\n\n\n\n<p>A equipe com mais pontos geralmente fica mais alta na classifica\u00e7\u00e3o. Essa se\u00e7\u00e3o vem na coluna mais \u00e0 esquerda de uma tabela. Voc\u00ea pode ver que criamos essa coluna na tabela.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"523\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Define-position-1024x523.webp\" alt=\"\" class=\"wp-image-701\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Define-position-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Define-position-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Define-position-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Define-position.webp 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p style=\"font-size:clamp(0.984rem, 0.984rem + ((1vw - 0.2rem) * 0.878), 1.5rem);\"><strong># Adicionar logotipo e nomes de clubes<\/strong><\/p>\n\n\n\n<p>Queremos colocar o nome e o logotipo do clube sob o mesmo t\u00edtulo de coluna. Portanto, as pr\u00f3ximas duas c\u00e9lulas superiores da coluna precisam ser mescladas. Selecione-as pressionando <strong><em>Shift + Clique com o bot\u00e3o direito do mouse (Windows)<\/em><\/strong> ou <strong><em>CMD + Clique com o bot\u00e3o direito do mouse (Mac)<\/em><\/strong>.<\/p>\n\n\n\n<p>Em seguida, selecione <strong>Mesclar<\/strong> do <strong>Editar tabela<\/strong> na barra de ferramentas. Assista ao v\u00eddeo abaixo. Depois disso, alinhamos o t\u00edtulo de forma centralizada.<\/p>\n\n\n\n<figure class=\"wp-block-video aligncenter\"><video height=\"720\" style=\"aspect-ratio: 1280 \/ 720;\" width=\"1280\" autoplay controls loop muted src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-logo-and-club-names-to-the-league-table.mp4\"><\/video><\/figure>\n\n\n\n<p>Cada c\u00e9lula vem com um bloco Gutenberg. Ao clicar no bloco <strong>\u00cdcone (+)<\/strong>Se voc\u00ea quiser, pode adicionar outros tipos de conte\u00fado \u00e0 tabela. Para logotipos, selecionaremos o <strong>bloco de imagem<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-logos-to-the-league-table-with-TableBerg.webp\" alt=\"Adicione logotipos \u00e0 tabela com o TableBerg\" class=\"wp-image-703\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-logos-to-the-league-table-with-TableBerg.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-logos-to-the-league-table-with-TableBerg-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-logos-to-the-league-table-with-TableBerg-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-logos-to-the-league-table-with-TableBerg-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Voc\u00ea pode ver que adicionamos logotipos de clubes \u00e0 tabela. N\u00e3o se preocupe se as imagens carregadas forem grandes. O TableBerg permite que voc\u00ea as personalize arrastando-as.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Club-logos-added-to-the-league-table-with-TableBerg.webp\" alt=\"Logotipos de clubes adicionados \u00e0 tabela de classifica\u00e7\u00e3o com o TableBerg\" class=\"wp-image-704\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Club-logos-added-to-the-league-table-with-TableBerg.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Club-logos-added-to-the-league-table-with-TableBerg-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Club-logos-added-to-the-league-table-with-TableBerg-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Club-logos-added-to-the-league-table-with-TableBerg-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Em seguida, adicione os nomes dos clubes, respectivamente, ao lado das c\u00e9lulas do logotipo.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-club-names-to-the-league-table.webp\" alt=\"Adicionar nomes de clubes \u00e0 tabela de classifica\u00e7\u00e3o\" class=\"wp-image-705\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-club-names-to-the-league-table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-club-names-to-the-league-table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-club-names-to-the-league-table-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-club-names-to-the-league-table-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p style=\"font-size:clamp(0.984rem, 0.984rem + ((1vw - 0.2rem) * 0.878), 1.5rem);\"><strong># Adicionar n\u00famero da partida jogada, diferen\u00e7a de gols e pontos<\/strong><\/p>\n\n\n\n<p>Isso \u00e9 simples. Da mesma forma que a posi\u00e7\u00e3o, voc\u00ea pode adicionar o n\u00famero de partidas disputadas, a diferen\u00e7a de gols e a quantidade de pontos de cada clube aqui tamb\u00e9m, com texto simples. Voc\u00ea pode ver como fizemos isso na imagem abaixo.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"523\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-Played-Match-Number-Goal-Difference-and-Points-information-to-the-table-1024x523.webp\" alt=\"Adicione \u00e0 tabela informa\u00e7\u00f5es sobre n\u00famero de partidas jogadas, diferen\u00e7a de gols e pontos\" class=\"wp-image-711\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-Played-Match-Number-Goal-Difference-and-Points-information-to-the-table-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-Played-Match-Number-Goal-Difference-and-Points-information-to-the-table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-Played-Match-Number-Goal-Difference-and-Points-information-to-the-table-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-Played-Match-Number-Goal-Difference-and-Points-information-to-the-table.webp 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"Stylize-the-Table\">Etapa 04: Estilizar a mesa<\/h3>\n\n\n\n<p>Com o Tableberg, voc\u00ea pode adicionar v\u00e1rios n\u00edveis de estiliza\u00e7\u00e3o e personaliza\u00e7\u00e3o \u00e0 sua tabela. Com a barra de ferramentas Gutenberg, voc\u00ea pode <strong>personalizar o alinhamento <\/strong>e <strong>ousadia<\/strong> do conte\u00fado da tabela.<\/p>\n\n\n\n<p>Voc\u00ea pode ver que alinhamos centralmente e aplicamos negrito \u00e0 maior parte do conte\u00fado da tabela.<\/p>\n\n\n\n<p>Em seguida, voc\u00ea pode alterar o <strong>cor do texto e do plano de fundo, tipografia, tamanho da fonte,<\/strong> e <strong>dimens\u00e3o da tabela<\/strong> na barra lateral direita. Espero que voc\u00ea possa fazer isso sozinho.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Customize-alignment-and-boldness-of-the-table-content.webp\" alt=\"Personalizar o alinhamento e o negrito do conte\u00fado da tabela\" class=\"wp-image-714\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Customize-alignment-and-boldness-of-the-table-content.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Customize-alignment-and-boldness-of-the-table-content-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Customize-alignment-and-boldness-of-the-table-content-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Customize-alignment-and-boldness-of-the-table-content-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"Change-the-Table-Width-and-Row-Colors\">Etapa 05: Alterar a largura da tabela e as cores das linhas<\/h3>\n\n\n\n<p>Se voc\u00ea tiver muito conte\u00fado, talvez queira aumentar a largura da tabela. Selecione a tabela inteira clicando no bot\u00e3o <strong>\u00cdcone do TableBerg<\/strong> na barra de ferramentas consecutivamente tr\u00eas vezes.<\/p>\n\n\n\n<p>O <strong>Guia Configura\u00e7\u00f5es<\/strong> aparecer\u00e1 na barra lateral direita, onde voc\u00ea encontrar\u00e1 a op\u00e7\u00e3o <strong>Largura da mesa<\/strong> op\u00e7\u00e3o. Voc\u00ea pode aumentar a largura da tabela definindo o valor aqui.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Increase-the-width-and-row-color-of-the-table.png\" alt=\"Aumentar a largura e a cor da linha da tabela\" class=\"wp-image-716\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Increase-the-width-and-row-color-of-the-table.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Increase-the-width-and-row-color-of-the-table-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Increase-the-width-and-row-color-of-the-table-1024x523.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Increase-the-width-and-row-color-of-the-table-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Venha para o <strong>Guia Estilos<\/strong>. Logo abaixo, voc\u00ea ter\u00e1 op\u00e7\u00f5es para alterar a cor de fundo das colunas das linhas pares e \u00edmpares. Fa\u00e7a voc\u00ea mesmo.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Colorize-the-league-table.webp\" alt=\"Colorir a tabela de classifica\u00e7\u00e3o\" class=\"wp-image-718\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Colorize-the-league-table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Colorize-the-league-table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Colorize-the-league-table-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Colorize-the-league-table-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Assim, voc\u00ea pode criar uma tabela de classifica\u00e7\u00e3o no WordPress.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Tutorial em v\u00eddeo<\/h3>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Como criar uma tabela de classifica\u00e7\u00e3o no WordPress\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/2UinommekD4?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Nota final!<\/h3>\n\n\n\n<p>As pessoas que gostam de esportes est\u00e3o sempre interessadas em saber as atualiza\u00e7\u00f5es de seus times e jogadores favoritos. Voc\u00ea pode criar uma tabela no WordPress e compartilhar seus links nas m\u00eddias sociais para que as pessoas venham explorar seu site. <\/p>\n\n\n\n<p>Voc\u00ea pode criar tabelas para produtos de com\u00e9rcio eletr\u00f4nico de forma semelhante com esse plug-in. Saiba mais <a href=\"https:\/\/tableberg.com\/pt\/como-criar-uma-tabela-de-comparacao-no-wordpress\/\" data-type=\"post\" data-id=\"252\" target=\"_blank\" rel=\"noreferrer noopener\">Como criar uma tabela de compara\u00e7\u00e3o de produtos com o Tableberg<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>A sports league table is a great way to present the standings of teams and athletes in a league. It helps fans track the progress of their favorite clubs, compare stats, and visualize rankings in an easy-to-digest format. If you run a sports website, blog, or even sell sports gear, adding a league table can [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":3261,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[8,10,9],"class_list":["post-699","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-create-a-table","tag-customize-table","tag-tableberg"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/league-table-850-x-335-px.png","author_info":{"display_name":"Istiak Rayhan","author_link":"https:\/\/tableberg.com\/pt\/author\/wpx_irayhan\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/699","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/comments?post=699"}],"version-history":[{"count":7,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/699\/revisions"}],"predecessor-version":[{"id":10715,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/699\/revisions\/10715"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/media\/3261"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/media?parent=699"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/categories?post=699"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/tags?post=699"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}