Adicionando e Modificando Ícones em suas Páginas Experience 🎨

Quer deixar suas páginas Experience ainda mais atrativas? Vamos mostrar como adicionar ou modificar um ícone facilmente!

1 – PRIMEIRO PASSO – Carregando um Ícone para seus Arquivos

As imagens utilizadas na Plataforma IoT WEGnology® geralmente são armazenadas na aba “Files” dentro do campo Experience. Então, comece carregando sua imagem na aba Files. Depois, clique no ícone ao lado da engrenagem para copiar o endereço da sua imagem.

2 – SEGUNDO PASSO – Definindo o Ícone no Cabeçalho HTML de sua Página

Agora, vá até a aba “Edit” e abra o HTML da sua página (ou layout). Adicione a seguinte linha de código no <head>:

<head>
    <link rel="icon" type="image/x-icon" href="#### endereço copiado ####"/>
</head>

Salve e recarregue sua página web para ver o ícone aparecer no canto superior da guia.

3 – Modificando outras imagens em sua Página

Para modificar outras imagens em sua página, o processo é semelhante. Veja um exemplo de como adicionar imagens no corpo do seu HTML:

<body class="home-page">
    <nav class="sticky-top navbar navbar-expand-lg navbar-light bg-light">
      <a class="navbar-brand" href="/" style="padding-top:0; padding-bottom:0;">
        <img alt="Minha Experiência" style="height: 24px;" src="#### endereço copiado ####">
      </a>
    </nav>
</body>

Experimente essas dicas e deixe suas páginas Experience ainda mais personalizadas e profissionais! :rocket::sparkles: