Editar links

Gerenciar links em seu site é muito importante. Os links podem levar o usuário a outra página do seu site (interna) ou a um site totalmente diferente (externo).


Como Adicionar Links

Existem três tipos de links: internos (páginas dentro do seu site), externos (páginas fora do seu site) e âncora (links dentro da mesma página. Cada um tem uma prática recomendada diferente que deve ser seguida.

Para links internos, você deve usar o caminho do URL relativo (ex: /edit-links) para manter a acessibilidade mesmo que a página seja movida reorganizada no menu. O caminho da URL refere-se diretamente à página à qual pertence.

  1. Crie uma página ou edite uma existente.
  2. Navegue até o elemento de página no qual você deseja inserir um link e selecione editar.
  3. No Editor de Texto, realce o texto que você deseja que seja seu link.
  4. Com o texto destacado, clique no ícone de link na barra de ferramentas do editor.
  5. Isso acionará um pop-up onde você pode colar um link externo (consulte Links externos abaixo) ou, para criar um link interno, você pode aproveitar a funcionalidade de link inteligente do Quickstart:
    • Se você simplesmente começar a digitar, a janela exibirá uma lista suspensa de sugestões de conteúdo em seu site, agrupadas por tipo de conteúdo, incluindo páginas, documentos, eventos e muito mais. Clique no item ao qual deseja vincular e, em seguida, clique na marca de seleção verde para inserir o link.
  6.  
Imagem
Adicionar link

 

  • Se você não vir o item, ainda poderá criar um link para uma página interna usando as seguintes etapas:
    1. Navegue até a página para a qual deseja vincular.
    2. Copie a parte do caminho da URL que vem após a parte .io ou .edu, incluindo o /.
      • Exemplo: /edit-links
      • Imagem
        Exemplo de Editar Links
    3. Cole a parte do link que você copiou na caixa de link e clique na marca de seleção verde.
  1. Aplique estilos conforme desejado.
  2. Salvar.

Os links externos exigem que o URL completo funcione corretamente porque existem fora do domínio do seu site.

  1. Navegue até a página para a qual deseja vincular.
  2. Copie o URL inteiro, incluindo a parte https://.
    1. Exemplo: https://ufop.br/
  3. Crie uma página ou edite uma existente.
  4. Navegue ou crie um elemento de página com a barra de ferramentas do editor. Realce o texto acionável que você deseja que seja o link.
  5. Clique no ícone do link.
  6. Cole o URL copiado na caixa do link e clique na marca de seleção verde.
  7. Aplique estilos conforme desejado.
  8. Salve.

NOTA: O comportamento padrão dos links externos será abrir na mesma guia/janela.

Se você quiser criar um link para o conteúdo na mesma página (por exemplo, você tem um índice que vincula a títulos diferentes), você precisa usar um link âncora.

Adicionar ID de âncora

  1. Navegue até a página na qual deseja adicionar o link de âncora e edite-a.
  2. Edite o elemento de página que contém o conteúdo para o qual você deseja que o link âncora seja salto.
  3. Clique no botão Visualização de código-fonte na barra de ferramentas do editor de conteúdo.
  4. Localize o conteúdo para o qual deseja pular quando o link for clicado.
  5. Adicione um id dentro da tag de elemento html do conteúdo.
    Exemplo: <h3 id="jumpHere">Usar tags de âncora é fácil!</h3>
  6. Se o link estiver no mesmo elemento de página, clique no botão Exibição de código-fonte novamente para retornar à edição de texto normal, caso contrário, encontre esse elemento de página e edite-o.

Adicionar link de ancoragem

  1. Realce o texto que deseja transformar em um hiperlink.
  2. Clique no ícone de link.
  3. Neste campo, adicione o nome do seu id, precedido por um #.
    Exemplo: #jumpHere vincularia ao nosso Título 3 no exemplo anterior.
  4. Salvar.

NOTA: Ao adicionar um link âncora a um campo de URL do link do cartão em um cartão, pode ser necessário incluir o caminho do URL relativo para a página (por exemplo, /page-title#jumpHere).

NOTA: Para adicionar um link âncora ao topo da página, use #top para o link. Você não precisa adicionar "top" como um ID âncora: este é um ID especial que funcionará em qualquer página.