1. Início
  2. Documentos
  3. Sites Institucionais
  4. Capacitações Requeridas
  5. Treinamento sobre o Gerenciador de Conteúdo
  6. Inserir Sumário para conteúdos longos

Inserir Sumário para conteúdos longos

O que deseja aprender?


Visão Geral

Em conteúdos muito extensos, o ideal é que seja fornecido um sumário com âncoras para as seções do conteúdo. Ao final de cada seção, é preciso haver um link que permita retornar ao sumário. Para quem utiliza o mouse para navegar, parece uma tarefa simples rolar a tela e chegar até o conteúdo desejado. No entanto, para quem utiliza o teclado ou outros dispositivos diferentes do mouse, navegar por conteúdos extensos acaba sendo uma tarefa lenta e difícil. Para essas pessoas e até mesmo para as que utilizam o mouse, as âncoras facilitam muito a navegação.

Exemplo de sumário com links para as partes do conteúdo:

 

Imagem de exemplo de sumário para conteúdos longos

 

Ao clicarmos no link “Título do assunto 1”, o foco do teclado é remetido para o início desta seção. Repare no exemplo a seguir o link “Voltar ao sumário”, presente no final da seção.

 

Imagem de exemplo de uma âncora "voltar ao cenário" ao fim da seção.

 

O que deseja aprender?

Inserir âncora ao sumário

Ao seguir a hierarquia de títulos em seu post ou sua página, automaticamente, possuirá uma âncora. Por isso, você não precisa se preocupar em criar âncoras, mas deve inseri-las ao sumário.

A primeira coisa a se fazer para adicionar âncoras ao seu sumário é abrir seu post ou página no modo de visualização. Faça isso clicando no botão “Visualizar alterações” (ou “Visualizar” caso você ainda não tenha publicado seu post ou página).

Imagem da tela de edição com o botão "Visualizar alterações" em destaque.

Feito isso, clique na âncora que aparece ao lado do título ao posicionar o cursor do mouse sobre ele.

Imagem de uma postagem com um ícone de âncora ao lado do título em destaque.

 

Copie o link que aparecerá na barra de endereços do seu navegador. Para isso, clique com o botão esquerdo do mouse no link para selecioná-lo. Em seguida, clique com o botão direito e,  depois, com o botão esquerdo na opção “Copiar”.

Imagem das opções que aparecem ao se clicar com o botão direito sobre o link na barra de endereço, a opção "Copiar' está em destaque.

 

Na tela de edição, selecione, no sumário, o título correspondente ao link que você copiou e clique em “Inserir/Editar link” na barra de ferramentas.

Imagem da tela de edição com um dos itens no sumário e o botão "Inserir/Editar link" em destaque.

Clique com o botão direito no campo que aparecerá e, depois, com o botão direito na opção “Colar”.

Imagem da ferramenta Inserir/Editar link aberta na tela de edição. A opção "Colar" na lista que aparece ao se clicar sobre o campo com o botão direito está em destaque.

Por fim, clique no botão azul para aplicar.

Imagem da ferramenta Inserir/Editar link aberta na tela de edição com a opção Aplicar em destaque.

Repita este processo para todos os itens contidos no sumário, certificando-se de que os links para as seções estão corretos. Abra seu post ou sua página no modo de visualização e clique sobre os itens do sumário para verificar se todos estão funcionando corretamente.

Imagem do sumário em uma postagem com os itens em destaque.

O que deseja aprender?

Inserir âncora para voltar ao sumário

É importante inserir uma âncora ao final de cada seção para que o usuário possa retornar ao sumário. Para fazer isso, pule uma linha ao final de cada seção, clique no botão “Alinhar à direita” na barra de ferramentas e escreva uma mensagem que indique ao usuário que ele retornará ao sumário ao clicar sobre ela, como por exemplo, “retornar ao sumário”, “voltar ao sumário”, “sumário”, etc.

Imagem da tela de edição com o botão "Alinhar à direita" e a mensagem de retorno que deve ser inserida em destaque.

Feito isso, abra o modo de visualização e copie o link gerado pela âncora do título do seu sumário.

Imagem da postagem com o ícone da âncora ao lado do título do sumário e do endereço fornecido ao se clicar nele em destaque.

 

Voltando à área de edição, selecione as mensagens que você digitou ao fim de cada seção e transforme-as em links com o botão “Inserir/Editar link”, usando o link que você copiou da âncora para o sumário.

Imagem de ferramenta Inserir/Editar link em destaque na tela de edição, o link para a âncora do sumário já está inserido.

Salve as alterações, visualize seu post ou sua página e clique sobre as âncoras para se certificar de que todas estão funcionando corretamente.

Imagem da postagem com as âncoras "Voltar ao sumário" em destaque.

O que deseja aprender?