As tabelas geralmente são usadas para organizar e apresentar informações de forma estruturada. Ao adicionar botões à tabela, é possível fazer com que os usuários explorem novos posts e páginas ou comprem os respectivos produtos e serviços.
Mas a tabela padrão do WordPress não tem a opção de adicionar botões. MesaBerg é um plugin maravilhoso para resolver esse problema. Ele o ajudará a criar e adicionar botões facilmente às suas células, assim como os blocos do Gutenberg.
Este artigo explicará como adicionar um botão ao bloco da tabela no WordPress e torná-lo atraente.
Criar mesas bonitas
Com o Block Editor
Etapa 01: Instalar o plug-in TableBerg
Vá para o painel do WordPress. Navegue até Painel de controle > Plug-ins > Adicionar novo plug-in.
Tipo Tableberg na caixa de pesquisa no canto superior direito. O plug-in aparecerá abaixo em um segundo. Instalar e Ativar isso.
Etapa 02: Adicionar o bloco TableBerg à sua postagem/página
Abra o post ou a página onde você deseja adicionar a tabela. Clique no botão Ícone de mais (+) para abrir o editor do Gutenberg.
Tipo Tableberg na caixa de pesquisa. Pressione o bloco depois que ele aparecer abaixo.
Etapa 03: Selecione o número de linhas e colunas
Defina números de linhas e colunas para a tabela. Como você pode ver na imagem abaixo, definimos 4 linhas e colunas para a nossa tabela.
Pegue o cursor e clique em qualquer célula da tabela. Você verá um mais (+) que aparece. Ao clicar no ícone de adição, você obterá quatro blocos diferentes, qualquer um dos quais poderá ser adicionado a cada célula.
Você obterá o bloco de botões nessa coleção de blocos.
Etapa 04: Adicionar conteúdo de tabela e botão
Você pode ver que adicionamos todo o conteúdo necessário (imagem, lista, classificação e preço) à tabela usando os respectivos blocos.
Etapa 05: Estilizar o botão na mesa
Selecione o botão. Clique no botão Link na barra de ferramentas para vincular o post ou a página desejada ao botão.
Ir para o Estilos na barra lateral direita. Você terá várias opções de personalização, como Tipografia, borda, cor, e Cor Hover.
Faça as personalizações necessárias conforme desejar.
Etapa 06: Visualizar a tabela
Agora, vá até o frontend do post ou da página e dê uma olhada na tabela que você criou. Se o design e o layout não estiverem adequados, acesse o editor novamente e faça as personalizações necessárias.
Conclusão
No momento, o plug-in TableBerg tem quatro blocos até o momento. Mas nossos desenvolvedores estão trabalhando constantemente para criar mais blocos incríveis nos próximos dias para aprimorar sua experiência de criação de tabelas.
Fique conosco para receber atualizações sobre nossos próximos lançamentos e quaisquer novos anúncios.
Leia também:
