Este guia trata do Site Creator e da possibilidade de criar links para âncoras.

Introdução

• Uma âncora em design web é um link de hipertexto que aponta para uma posição específica em uma página web, seja na mesma página ou em uma página diferente.
  • Quando um usuário clica em um link de âncora, ele é redirecionado para o local especificado (em princípio, uma indicação invisível colocada no código-fonte) da página.
• As âncoras são úteis para permitir que os usuários naveguem rapidamente para seções específicas de uma página da web ou até mesmo de outra página.
  • Elas melhoram a experiência do usuário, fornecendo uma maneira eficaz de encontrar e acessar informações precisas.

Exemplo de âncora

Uma âncora está localizada (de forma invisível) no final da FAQ. Ela é nomeada "end", portanto, o seguinte link contém simplesmente o destino #end e, sem mais indicações, um navegador da web procurará esse termo no código da página em que você está e direcionará o usuário para lá: clique aqui para acessá-lo!

Criar este tipo de link no Site Creator

Normalmente, para criar uma âncora em HTML, o procedimento é o seguinte:

1. Identifique o local na sua página onde deseja criar uma âncora (seção de texto, imagem ou qualquer outro elemento).
2. Utilize a tag <a> com o atributo href para especificar o destino da âncora:
   1. se o destino estiver na mesma página, utilize simplesmente o ID do elemento (veja o ponto 3 abaixo)
      <a href="#chapter1">Ir para o capítulo 1</a>
   2. se o destino estiver numa página diferente, especifique o URL completo da página, seguido do ID do elemento de destino (veja o ponto 3 abaixo)
      <a href="page2.html#chapter1">Ir para o capítulo 1 na página 2</a>
3. Na seção da sua página onde deseja que os usuários sejam redirecionados, adicione um elemento com o ID correspondente:
   <div id="chapter1"> &nbsp; </div>
   

Quando os usuários clicarem no link "Ir para o capítulo 1", a página rolará automaticamente até a seção com o ID "chapter1". Se o destino estiver em outra página, eles serão redirecionados para essa página e a âncora funcionará da mesma forma.

Com o Site Creator, o ponto 3 acima não é "livre": cada bloco já possui seu ID (ou hashtag) que deverá ser indicado (ou modificado previamente – veja o ponto 3 abaixo) para que um link aponte para ele.

Encontrar a referência do bloco de destino

Acesse o Site Creator:

1. Clique aqui para acessar o gerenciamento do seu produto no Manager Infomaniak (precisa de ajuda?).
2. Clique diretamente no nome atribuído ao Site Creator em questão.
3. Clique no botão Editar meu site para iniciar o editor:
   

Depois de acessar o Site Creator:

1. Passe o mouse sobre o bloco de conteúdo que deseja modificar e clique no ícone de engrenagem:
   
2. Role para baixo nas configurações até encontrar o ID do bloco em questão:
   
3. Um clique duplo no campo que indica o ID permite especificar um título personalizado em vez do ID aleatório:
   

Criar um link para a referência do bloco

Para adicionar um link em um texto no Site Creator, com destino ao bloco localizado mais abaixo na mesma página:

1. Selecione um texto.
2. Clique, em seguida, no ícone de link:
   
3. Nas opções avançadas, escolha o tipo "Seção" para criar um link para uma parte da mesma página, selecionando a referência do bloco obtida acima:
   
   
   Outras possibilidades:
   1. Inserir o link com o sinal de cerquilha (link para a mesma página):
      
   2. Inserir o nome da página seguido do ID (útil se você colocar o link para outra página do site):
      

FIM DA PÁGINA (e âncora colocada neste elemento) - clique aqui para voltar à âncora localizada no início da página…