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.
Para isso:
- No painel esquerdo, clique em widget.
- Clique e arraste o widget para o seu site.
Veja mais informações sobre como adicionar widgets ao seu site em Adicionar widgets.
-
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.
Editor de Conteúdo
Para acessar o editor de conteúdo, clique com o botão direito do mouse no widget e clique em Editar conteúdo.
- Clique em Escolher ícone para selecionar um ícone pronto; ou clique em Carregar arquivo SVG.
- Para vincular o ícone, clique em Vincular ícone e selecione a página à qual 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 para o ícone. O texto da dica aparece quando um usuário passa o mouse sobre a imagem.
Editor de Design
Para acessar o editor de design, clique com o botão direito do mouse no widget e clique em Editar design.
Para obter informações sobre opções de design que não são específicas para este widget (por exemplo, layout, estilo ou espaçamento), consulte Design de widget.
No Editor de Design, você 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 que um ícone flutue, ative a opção Flutuante e selecione uma posição para o widget. Para mostrar o botão flutuante somente na página atual, ative a opção Mostrar somente nesta página.