Ir para o conteúdo principal

Como criar um botão de gradiente no Elementor

Divi: o tema WordPress mais fácil de usar

Divi: O melhor tema WordPress de todos os tempos!

mais Downloads 901.000Divi é o tema WordPress mais popular do mundo. É completo, fácil de usar e vem com mais de modelos livres 62. [Recomendado]

Precisa criar um botão de gradiente no Elementor?

O botão é crucial o suficiente se você deseja oferecer algo em seu site. Seja por meio de uma página de destino, um menu de navegação, uma barra lateral, etc….

No Elementor, você pode facilmente adicionar um botão ao seu site, já que este plug-in de construtor de páginas vem com um widget de botão. Para tornar o botão mais atraente, você pode querer decorá-lo adicionando um efeito de gradiente, por exemplo.

Por padrão, o widget de botão do Elementor não tem a opção de adicionar um efeito de gradiente. Mas nada é impossível. Com um pequeno truque, você pode criar um botão de gradiente no Elementor. O próprio widget de botão está disponível em ambos Elementor Free e Elementor Pro para que você possa aplicar este truque independentemente da versão do Elementor que estiver usando.

Como criar um botão de gradiente no Elementor

Para adicionar um botão no Elementor, arraste o widget Botão do painel esquerdo e solte-o na área de edição do Elementor.

Crie facilmente seu site com Elementor

Elementor permite criar facilmente qualquer design de site com uma aparência profissional. Pare de pagar caro pelo que você pode fazer por si mesmo. [Grátis]

Na guia Contente, você pode adicionar o link do botão no campo Fazer a ligação. Para alterar o rótulo do botão padrão, você pode substituir o texto padrão " cliquez Ici" no campo Textos. Você também pode adicionar um ícone, se desejar.

Para decorar seu botão, você pode acessar a guia Estilo. Para alterar o estilo e o tamanho da fonte, você pode clicar no ícone de lápis na opção Tipografia. Para alterar a cor da fonte e o fundo do botão, você pode clicar no botão transparente nas opções Cor do texto et fundo botão.

Aqui está a etapa principal deste tutorial. Para adicionar um efeito de gradiente ao seu botão, você pode clicar no ícone ao lado da forma do lápis.

Mude a primeira cor e depois a segunda cor

Defina a localização e o tipo. Se o tipo estiver ativado linear a opção ângulo aparecerá e você pode definir o ângulo com base no que verá na visualização. E se você escolher Radial, você precisará definir a posição. Manipule essas configurações e opções até estar satisfeito.

Agora você pode publicar sua página quando terminar de usar os outros widgets.

Obtenha o Elementor Pro agora!

Conclusão

Aqui ! É isso neste artigo que mostra como fazer um botão de gradiente no Elementor. Se você tiver alguma dúvida sobre como chegar lá, informe-nos no Comentários.

No entanto, você também pode consultar nossos recursos, se você precisar de mais elementos para realizar seus projetos de criação de sites da Internet, consultando nosso guia no site Criação de blog WordPress ou aquele em Divi: o melhor tema WordPress de todos os tempos.

Mas enquanto isso, compartilhe este artigo em suas diferentes redes sociais.

...

Este artigo contém comentários 0

Deixe um comentário

Seu endereço de email não será publicado. Campos obrigatórios estão marcados com *

Este site usa Akismet para reduzir indesejados. Saiba mais sobre como seus dados de comentários são usados.

De volta ao topo
0 ações
ação
chilrear
Enregistrer