Este artigo explicar\u00e1 como adicionar um bot\u00e3o ao bloco da tabela no WordPress e torn\u00e1-lo atraente.<\/p>\n\n\n\n
Criar mesas bonitas <\/strong> V\u00e1 para o painel do WordPress. Navegue at\u00e9 Painel de controle > Plug-ins > Adicionar novo plug-in<\/strong>.<\/p>\n\n\n\n Tipo Tableberg<\/strong> na caixa de pesquisa no canto superior direito. O plug-in aparecer\u00e1 abaixo em um segundo. Instalar<\/strong> e Ativar<\/strong> isso.<\/p>\n\n\n\n Abra o post ou a p\u00e1gina onde voc\u00ea deseja adicionar a tabela. Clique no bot\u00e3o \u00cdcone de mais (+)<\/strong> para abrir o editor do Gutenberg.<\/p>\n\n\n\n Tipo Tableberg<\/strong> na caixa de pesquisa. Pressione o bloco depois que ele aparecer abaixo.<\/p>\n\n\n\n Defina n\u00fameros de linhas e colunas para a tabela. Como voc\u00ea pode ver na imagem abaixo, definimos 4 linhas e colunas para a nossa tabela.<\/p>\n\n\n\n Pegue o cursor e clique em qualquer c\u00e9lula da tabela. Voc\u00ea ver\u00e1 um mais (+)<\/strong> que aparece. Ao clicar no \u00edcone de adi\u00e7\u00e3o, voc\u00ea obter\u00e1 quatro blocos diferentes, qualquer um dos quais poder\u00e1 ser adicionado a cada c\u00e9lula.<\/p>\n\n\n\n Voc\u00ea obter\u00e1 o bloco de bot\u00f5es nessa cole\u00e7\u00e3o de blocos. <\/p>\n\n\n\n Voc\u00ea pode ver que adicionamos todo o conte\u00fado necess\u00e1rio (imagem, lista, classifica\u00e7\u00e3o e pre\u00e7o) \u00e0 tabela usando os respectivos blocos.<\/p>\n\n\n\n Selecione o bot\u00e3o. Clique no bot\u00e3o Link<\/strong> na barra de ferramentas para vincular o post ou a p\u00e1gina desejada ao bot\u00e3o.<\/p>\n\n\n\n Ir para o Estilos<\/strong> na barra lateral direita. Voc\u00ea ter\u00e1 v\u00e1rias op\u00e7\u00f5es de personaliza\u00e7\u00e3o, como Tipografia, borda, cor, <\/strong>e Cor Hover.<\/strong><\/p>\n\n\n\n Fa\u00e7a as personaliza\u00e7\u00f5es necess\u00e1rias conforme desejar.<\/p>\n\n\n\n Agora, v\u00e1 at\u00e9 o frontend do post ou da p\u00e1gina e d\u00ea uma olhada na tabela que voc\u00ea criou. Se o design e o layout n\u00e3o estiverem adequados, acesse o editor novamente e fa\u00e7a as personaliza\u00e7\u00f5es necess\u00e1rias.<\/p>\n\n\n\n No momento, o plug-in TableBerg tem quatro blocos at\u00e9 o momento. Mas nossos desenvolvedores est\u00e3o trabalhando constantemente para criar mais blocos incr\u00edveis nos pr\u00f3ximos dias para aprimorar sua experi\u00eancia de cria\u00e7\u00e3o de tabelas.<\/p>\n\n\n\n Fique conosco para receber atualiza\u00e7\u00f5es sobre nossos pr\u00f3ximos lan\u00e7amentos e quaisquer novos an\u00fancios.<\/p>\n\n\n\n Leia tamb\u00e9m: <\/p>\n\n\n\n Tables are usually used to organize and present information in a structured way. By adding buttons to the table, you can often trigger users to explore new posts and pages or buy respective products and services. But the default WordPress table doesn\u2019t have the option to add buttons. Tableberg is a wonderful plugin to solve […]<\/p>\n","protected":false},"author":1,"featured_media":1673,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[8,9],"class_list":["post-155","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-create-a-table","tag-tableberg"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/How-to-Add-Button-to-a-Table-in-WordPress.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\/155","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=155"}],"version-history":[{"count":6,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/155\/revisions"}],"predecessor-version":[{"id":7454,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/155\/revisions\/7454"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/media\/1673"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/media?parent=155"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/categories?post=155"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/tags?post=155"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
Com o Block Editor<\/strong><\/p>\n\n\n\n![\"\"](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png\")
<\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\nEtapa 1: Instalar o plug-in Tableberg<\/h2>\n\n\n\n
![\"\"](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg.png\")
<\/figure>\n\n\n\nEtapa 2: Adicione o bloco Tableberg ao seu post\/p\u00e1gina<\/h2>\n\n\n\n
![\"Adicione](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-TableBerg-to-your-post-or-page.png\")
<\/figure>\n\n\n\nEtapa 3: Selecione o n\u00famero de linhas e colunas<\/h2>\n\n\n\n
![\"Definir](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Define-row-and-column-number-for-the-table.png\")
<\/figure>\n\n\n\nEtapa 4: Adicionar um bot\u00e3o \u00e0 c\u00e9lula da tabela<\/h2>\n\n\n\n
![\"Bot\u00e3o](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Block-button-on-the-TableBerg-cells.png\")
<\/figure>\n\n\n\nEtapa 5: Adicionar mais conte\u00fado \u00e0 tabela <\/h2>\n\n\n\n
![\"Adicionar](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-content-and-button-to-the-table.png\")
<\/figure>\n\n\n\nEtapa 6: Estilizar o bot\u00e3o na mesa<\/h2>\n\n\n\n
![\"Estilizar](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Stylize-the-button-on-the-table.png\")
<\/figure>\n\n\n\nEtapa 7: Visualizar a tabela<\/h2>\n\n\n\n
![\"Visualizar](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Preview-the-table.png\")
<\/figure>\n\n\n\n
\n\n\n\nConclus\u00e3o<\/h3>\n\n\n\n
\n