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.
-
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. Ou clique no ícone
Sparkle() para usar o AI Assistant para gerar texto alternativo.
Nota
-
O texto alternativo gerado pelo AI Assistant está no mesmo idioma do idioma atual da página.
-
O ícone Sparkle para IA será desativado se um ícone não for selecionado.
-
-
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 tornar o ícone um widget flutuante, ative o botão de alternância Floating (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.