Pergunta

Como crio manualmente links de ancoragem em artigos?

Resposta

Com o Conhecimento, é possível usar Inserir/editar link na barra de ferramentas do editor para adicionar âncoras em seus artigos conforme descrito no artigo: Inserção e edição de links em artigos.

Editar link.png
Quando você usa esse recurso, o cabeçalho não é exibido quando o cliente seleciona o link de ancoragem. Como alternativa, crie o link de ancoragem através do código fonte do seu artigo.

Como criar manualmente um link de ancoragem

  1. Com o editor de artigos aberto, selecione o ícone de HTML.

  2. Navegue até o texto que você deseja direcionar com um link. Insira o trecho de código abaixo antes do texto, normalmente na mesma linha:

    id="your_anchor_name">
  3. Insira o nome do link de ancoragem desejado. Veja um exemplo: id="your_anchor_name">
    html code example.png
  4. Link para a âncora, seguindo uma dessas duas opções para isso.

Opção 1

  1. Selecione o texto que deseja usar como link e clique no ícone Inserir/editar link.
  2. Selecione a aba Cabeçalho e encontre o nome da âncora que você adicionou (ou a aba Âncora, caso ela esteja disponível em sua versão do editor) > selecione a âncora desejada.
  3. Clique em Adicionar link.

Opção 2:

  1. No editor de código fonte, encontre o texto que deseja transformar em um link. Em seguida, inclua o texto na tag abaixo, indicando o id do alvo da âncora:

    <a href="#your_anchor_name">Link text</a>

    No exemplo abaixo, o objetivo é tornar a Seção I um link.

    Primeiro, defina uma meta de ancoragem dando ao cabeçalho da seção um atributo de id exclusivo:

    <h2 id="section1">Section I</h2>

    Em seguida, altere o código do link de:

    <li>Section I</li>

    Para:

    <li><a href="#section1">Section I</a></li>

    Certifique-se de envolver o texto do link com tags de abertura e fechamento <a>; caso contrário, não haverá nada para o usuário clicar.

    O exemplo abaixo mostra como o link aparece atrás do editor antes de o artigo ser salvo:
    example html code.png
    2. Clique em Aplicar para salvar as alterações.

Se a âncora aparecer algumas linhas abaixo do local esperado, a barra de ferramentas no topo da tela pode estar interferindo. Se esse for o caso, minimize a barra de ferramentas e teste novamente o link âncora.

Você também pode vincular um alvo de âncora em outra página usando o URL completo mais o sinal de # e o valor de id da âncora. Por exemplo:

<a href="https://support.zendesk.com/entries/98542436#some_anchor_name"></a>

Usar apenas uma hashtag (por exemplo, href="#section1") funciona apenas se o alvo da âncora estiver na mesma página. Se o alvo estiver em uma página diferente, você deve incluir o URL completo primeiro, depois o #id_value.

Se você quiser que o link da âncora vá para o cabeçalho, em vez de algumas linhas para baixo, inclua algumas quebras de página entre o cabeçalho e o corpo do texto.

Para obter mais informações, consulte o artigo: Inserção e edição de links em artigos.

Powered by Zendesk