widget Categorias: Basic
Selecione de uma biblioteca de mais de mil ícones prontos ou envie o seu próprio arquivo SVG. É possível alterar a cor do ícone, o texto de dica, o plano de fundo e as bordas, entre outros. Use os ícones para realçar o texto e equilibrar o layout do site.
Nota
-
Os arquivos SVG podem ser redimensionados sem perder a resolução.
-
SVG é um arquivo de imagem com código HTML; ou seja, ao adicionar um ícone SVG ao site, você também adiciona linhas de código. SVGs mais complexos podem adicionar milhares de linhas de código e deixar o site lento ao carregar. Ao usar vários ícones SVG na mesma página, recomendamos transformar alguns deles em imagens normais ( como .png e .jpeg) para evitar problemas no carregamento ou na funcionalidade.
-
Para obter diretrizes sobre mídia, consulte Mídia: diretrizes e especificações.
-
Clique em Escolher ícone para selecionar um ícone pronto ou clique em Carregar arquivo SVG.
-
Para vincular o ícone, clique em Ícone de link e selecione a página à qual você deseja vincular o ícone.
-
Digite o texto alternativo para o ícone. O texto alternativo permite que os mecanismos de pesquisa reconheçam o conteúdo da imagem. Use um texto que descreva claramente a imagem.
-
Digite uma dica de ferramenta para o ícone. O texto da dica de ferramenta é exibido quando um usuário hover passa sobre a imagem.
No Design Editor, o senhor pode fazer alterações no layout do ícone, ajustar o tamanho e a cor do ícone e fazer alterações no espaçamento do widget.
Para transformar o ícone em um widget flutuante, ative o botão Flutuante e selecione uma posição para o widget. Para exibir o botão flutuante somente na página atual, ative a opção Mostrar somente nesta página.
Nota
Os ícones flutuantes podem ser configurados para serem exibidos em páginas específicas, mas aparecerão em todas as páginas por padrão (atualmente não há uma maneira de desativá-los somente para páginas específicas).
Esse problema geralmente está relacionado à forma como o arquivo foi criado originalmente. A cor do ícone deve ser preto verdadeiro (por exemplo, código hexadecimal #000000).
Além disso, o SVG precisa ser exportado com estilo embutido.
Como os arquivos SVG podem ser compostos por códigos complexos, é recomendável consultar alguém com experiência em SVGs para fazer ajustes.