Como adicionar imagens SVG no Elementor

Como adicionar imagens SVG no Elementor

Neste artigo você aprenderá como adicionar arquivos de imagem SVG no Elementor com a ajuda do widget Inline SVG do JetElements.

Segundo a Wikipédia: SVG é a abreviatura de Scalable Vector Graphics que pode ser traduzido do inglês como gráficos vetoriais escaláveis. Trata-se de uma linguagem XML para descrever de forma vetorial desenhos e gráficos bidimensionais, quer de forma estática, quer dinâmica ou animada. Umas das principais características dos gráficos vetoriais, é que não perdem qualidade ao serem ampliados. A grande diferença entre o SVG e outros formatos vetoriais, é o fato de ser um formato aberto, não sendo propriedade de nenhuma empresa.

Wikipédia

JetElements adiciona recursos exclusivos ao Elementor

Veja que este widget é uma parte do plugin JetElements, então primeiro de tudo, você precisa instalar este poderoso complemento Elementor.

Depois que o processo estiver concluído, basta abrir o seu site WordPress e editar uma página com o Elementor e prosseguir com as instruções passo-a-passo abaixo.

Utilizando o widget SVG no Elementor

  • Digite “SVG” na linha de pesquisa no Painel de Elementos.
  • Depois disso, pegue o widget e solte-o em uma nova seção à direita.
  • Então você verá configurações de conteúdo simples à esquerda.
Utilizando o widget SVG no Elementor
  • Clique no espaço vazio para adicionar seu arquivo SVG – basta carregá-lo na biblioteca de mídia inserida aberta.
  • Para torná-lo clicável, adicione o URL no campo correspondente.
  • Então vá para a seção Style.

Personalizando a imagem no Elementor

  • Se você alternar a opção Usar proporção, para “não”, poderá alterar a largura e a altura manualmente.
  • E se você quiser manter a proporção original do arquivo SVG, basta alternar essa opção para “sim”. Nesse caso, você moverá essa imagem apenas para cima e para baixo e a proporção original continuará a mesma. Apenas o tamanho da imagem inteira será alterado.
  • A próxima opção permitirá que você use cores personalizadas para sua imagem. Por favor, note que isso depende do tipo de arquivo SVG que você tem e do número de cores.
Utilizando o widget SVG no Elementor

Um abraço!

Luiz Eduardo Oliveira Fonseca

Infra @ Powertic, Rails Developer, Maintainer do Mautic Docker e do Saelos Docker, Revisor da Tradução do Mautic, Administrador da Comunidade Mautic Brasil.
Fechar Menu
×
×

Carrinho