Ir para o conteúdo principal

Como criar formas personalizadas 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 formas personalizadas no Elementor?

No desenvolvimento web, a forma geométrica é outra coisa básica que você precisa entender, além da teoria das cores. Cada forma geométrica representa significados diferentes.

Discover Como instalar o Elementor no WordPress

O Círculo, por exemplo, representa harmonia e segurança.

Elementor não tem um widget específico para criar uma forma personalizada, mas você pode usar o widget espaçador se você precisar adicionar uma forma personalizada a uma página da web.

Este artigo mostrará como criar formas customizadas no Elementor usando o widget Spacer.

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]

Como criar uma forma personalizada no Elementor usando o widget Spacer

Alguns widgets Elementor, incluindo o widget Spacer, têm uma opção para definir valores de raio de borda. Você pode usar esta opção para criar uma forma personalizada no Elementor.

Por padrão, ao adicionar o widget Spacer, você terá uma forma retangular com uma altura de 50 px. Você pode alterar essa configuração padrão para criar uma forma quadrada, circular ou arredondada. Observe que nem todas as formas geométricas podem ser criadas com o widget Spacer.

Leia nosso guia sobre Como adicionar divisor para criar seção no Elementor

Você não poderá criar um triângulo ou paralelogramo. Veja como criar uma forma customizada no Elementor usando o widget Spacer.

  • Primeiro, crie uma nova página no WordPress e edite-a com o Elementor. Você pode criar a página do zero ou carregar um modelo.
  • Adicione o widget Spacer arrastando-o para a caixa de edição. Você pode colocá-lo em qualquer lugar.
  • Defina a altura do espaço. Você pode defini-lo mais tarde de acordo com a forma que deseja criar.
  • No painel esquerda, vá para a guia avançado e definir o plano de fundo para a seção Fundo.
  • Como criar formas personalizadas no Elementor
  • Ainda sob a guia Avançado, vá para a seção posicionamento e modificar o largura en personnalisé e defina o valor desejado. Se você deseja criar uma forma quadrada ou circular, você precisa definir o mesmo valor de largura do valor alto. Defina também o posição sur « Absoluto " .
  • Como criar formas personalizadas no ElementorAinda na guia Avançado, vá para a seção Borda para alterar os valores do raio da borda. Se você deseja criar uma forma quadrada ou retangular, não é necessário alterar os valores do raio da borda. Você só precisa alterar esses valores se quiser criar uma forma de círculo ou uma forma totalmente personalizada (forma irregular).
  • Como criar formas personalizadas no ElementorMova a forma que você acabou de criar arrastando-a para a área que deseja colocar.

Repita as etapas acima para criar mais formas personalizadas. Ou você pode simplesmente duplicar uma forma que você criou para economizar tempo.

Apenas certifique-se de combinar os valores do raio da borda, bem como o tamanho (altura e largura).

Obtenha o Elementor Pro agora!

Conclusão

Aqui ! É isso neste artigo que mostra como criar formas personalizadas no Elementor. Se você tiver alguma dúvida sobre como chegar lá fdeixe-nos saber 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