Categorias de widgets: Básico
Selecione em uma biblioteca com mais de 1000 ícones prontos ou faça o upload do seu próprio arquivo SVG. Você pode alterar a cor do ícone, passar o mouse, o plano de fundo, a borda e muito mais. Use ícones para enfatizar seu texto e equilibrar o layout do seu site.
Nota
-
Os arquivos SVG podem ser redimensionados sem perder a resolução.
-
SVGs são arquivos de imagem que contêm código HTML, ou seja, quando você adiciona um ícone SVG ao seu site, você também está adicionando linhas de código. Vários SVGs complexos podem adicionar milhares de linhas de código e fazer com que seu site carregue lentamente. Se você precisar usar vários ícones SVG na mesma página, recomendamos transformar alguns deles em imagens comuns (.png, .jpeg etc.) para evitar problemas de carregamento
-
Para obter diretrizes sobre mídia, consulte Diretrizes e especificações de mídia.
O Painel de mídia permite que você adicione um ícone e um widget de ícone à tela ao mesmo tempo. Ou você pode substituir os ícones existentes. Para saber mais sobre o painel de mídia, consultePainel de mídia.
Para adicionar um widget de ícone do Painel de mídia:
-
(Opcional) Use os filtros para ajudar a localizar o ícone desejado. Ou clique emCarregar mídiapara adicionar um novo ícone.
-
Clique e arraste o ícone desejado para a tela.
-
Clique Escolha o ícone para selecionar um ícone pronto, ou clique em Carregar arquivo SVG.
-
Para vincular o ícone, clique em Ícone de linke 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 botão Brilho ícone (
) 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 um Dica de ferramenta para o ícone. O texto da dica de ferramenta é exibido quando um usuário passa o mouse sobre a imagem
Na Editor de design, você pode fazer alterações no layout do seu í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 Flutuação alterne e selecione uma posição para o widget. Para exibir o botão flutuante somente na página atual, ative a Mostrar somente nesta página alternar.
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.