Os botões podem parecer uma coisa pequena, mas podem fazer muito trabalho pesado em seu site. Os botões são uma das maneiras mais simples de orientar os visitantes para a ação que você deseja que eles realizem.
Desde direcionar as pessoas para a página do seu produto até solicitar que leiam mais ou se inscrevam, um botão de boa aparência pode fazer toda a diferença. A boa notícia é que você não precisa de habilidades de codificação para projetá-los.
O WordPress tem opções integradas e, com uma pequena ajuda de um plug-in de bloco, você pode ter ainda mais controle sobre a aparência dos seus botões.
Nesta postagem, mostrarei três métodos fáceis para criar botões elegantes no WordPress.
Começaremos com o editor padrão, passaremos para um plug-in que oferece mais flexibilidade e terminaremos com um método bônus para adicionar botões dentro de tabelas. Vamos começar.
Criar mesas bonitas
Com o Block Editor
Método 1: Usando o bloco de botões padrão
O WordPress tem um bloco de botões embutido que funciona bem na maioria dos casos. Você o encontrará no editor de blocos quando clicar no pequeno ícone (+) e procurar por "Buttons".
Quando o bloco de botões for inserido, ele lhe dirá para adicionar texto dentro do botão.
Depois de inserir o bloco, você pode adicionar um ou vários botões lado a lado. Cada botão pode ser personalizado diretamente na barra lateral direita. Você encontrará opções para:
- Largura do botão (total ou automático)
- Texto e cor de fundo
- Acolchoamento e alinhamento
- Raio da borda (para cantos arredondados)
É um bom ponto de partida, especialmente se você optar por um design minimalista. ⚠️Mas você atingirá rapidamente um limite se precisar de mais opções de estilo, como efeitos de foco, gradientes ou espaçamento responsivo.
🛠️ Dica profissional: Deseja um botão perfeitamente arredondado? Defina o raio da borda como 100 para um botão do tipo pílula.
Método 2: Usando o bloco de botões da Ultimate Blocks
Se você quiser mais controle sem escrever CSS, Blocos definitivos é um fantástico plug-in do Gutenberg para experimentar. Ele adiciona um Bloco de botões que é construído com a personalização em mente.
A instalação do Ultimate Blocks é uma tarefa fácil.
-
Navegue até Plugins
-
Clique em Add Plugins
-
Pesquisar por "Tableberg"
-
Clique em Instalar, então Ativar
Depois de instalar e ativar o Ultimate Blocks, adicione o bloco "Buttons (Ultimate Blocks)".
Para inserir os botões dos blocos Ultimate, clique no pequeno ícone (+) e procure por "Button (Improved)".
Você notará imediatamente a diferença quando adicionar o botão Ultimate Blocks. Veja o que você pode ajustar nas configurações do bloco:
-
Justificativa e orientação do botão
-
Tamanho do botão
-
Largura do botão