Como adicionar imagens SVG no Elementor

Luiz Eduardo
May 25 · 2 min read

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

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.

Receba vídeos exclusivos semanais sobre Elementor e Wordpress no Patreon por apenas $1/mês. Não perca essa oportunidade.

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.
  • 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.

Um abraço!

Luiz Eduardo

Wordpress, Elementor e Gutenberg

Luiz Eduardo

Written by

Curioso, preguiçoso, adorador de livros, idevices, seriados estranhos, ufos, etc .. muito ocupado, atrapalhado, palhaço e programador com alguma vida social.

Luiz Eduardo

Wordpress, Elementor e Gutenberg

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade