1. Início
  2. Documentos
  3. Sites Institucionais
  4. Capacitações Requeridas
  5. Treinamento sobre o Gerenciador de Conteúdo
  6. Configurar o Menu

Configurar o Menu

O seu tema terá a funcionalidade “Menus personalizados”, onde você poderá criar e organizar os links de navegação para os visitantes encontrarem rapidamente partes importantes de seu site. O menu é exibido na área do cabeçalho, na parte superior do site (a principal área de navegação).

Imagem do menu na página principal do site da UFJF
A criação de um menu personalizado permite que você faça o seguinte:

  • altere a ordem das páginas do menu ou as exclua;
  • crie submenus aninhados de links, também conhecidos como menus “suspensos”;
  • crie links para páginas de categorias para reunir posts de acordo com essa categoria;
  • adicione links personalizados de outros sites, como um link para perfil do Twitter ou do Facebook.

O que deseja aprender?


Criar e editar Menu

Você pode gerenciar os menus de seu site de duas maneiras: a primeira, é através da área de administração, em Painel > Aparência. A outra, é fazendo uso da ferramenta “Personalizar”, que aparece quando visualizamos o site.

O que deseja aprender?

Aparência

Para criar e gerenciar menus com o uso dessa ferramenta, vá em Painel > Aparência > Menus.

Imagem do Painel com a opção Menus em destaque

Por padrão, o “Menu Principal” já estará criado, mas você deverá inserir os novos links, e as opções para configuração aparecerão na área de edição.

Serão exibidas duas opções:

  • Adicionar páginas automaticamente: se marcada, novas páginas serão automaticamente adicionadas ao menu assim que você as criar.
  • Exibir localização: se marcada, o menu atual será exibido na área de navegação principal do tema.

Imagem das configurações de menu, que apresentam as opções que podem ser marcadas

O que deseja aprender?

Adicionar páginas ao menu

Para adicionar páginas ao menu, vá na caixa “Páginas”, marque as que você deseja que apareçam e clique em “Adicionar ao menu”.
Imagem da caixa Páginas com o botão Adicionar ao Menu em destaque

O que deseja aprender?

Adicionar posts ao menu

 

Para adicionar posts ao menu, vá em “Posts”, marque os que você deseja que apareçam e clique em “Adicionar ao menu”.
Imagem da caixa Posts com o botão Adicionar ao Menu em destaque

O que deseja aprender?

 

Para que uma aba de menu tenha um link direto para outro site, vá na caixa “Links personalizados”, digite a URL de destino, adicione o “Texto do link” que será mostrado na aba e clique em “Adicionar ao Menu”. Antes de inserir a URL, certifique-se de que ela esteja funcionando corretamente.

Imagem mostrando o uso de links externos no menu

O que deseja aprender?

Adicionar todos os posts de uma categoria ao menu

 

Caso deseje exibir uma lista com todos os posts de uma categoria especifica, vá em “Personalizar”. Clique sobre o menu a ser alterado e, depois, em “Adicionar Itens”. Na tela que se abrir, clique em “Categorias”. Marque as categorias que deseja que apareçam e clique em “Adicionar ao Menu.”
Imagem da caixa Categorias com o botão Adicionar ao Menu em destaque

O que deseja aprender?

Quando quiser, você pode alterar a ordem e o posicionamento dos itens do menu. Basta arrastá-los e soltá-los. Para criar submenus ou menus de estilo “suspenso”, arraste itens específicos para a direita, a fim de “aninhá-los” sob uma aba mãe. Para desfazer, arraste-os para a esquerda.

Na estrutura atual, o menu do site suporta até um nível de aninhamento.
Imagem da estrutura de menus, mostrando os itens nele contidos, alguns estão arrastados para a direita, tornando-se subitens

O que deseja aprender?

Personalizar os itens do menu

 

Além de organizar as abas do menu como quiser, você pode personalizar o texto e outros detalhes de cada item que adicionar. Para editar as configurações dos itens, clique na seta para baixo, à direita do item do menu.
Imagem de um dos itens do menu com o botão de seta para baixo em destaque
Depois de expandi-lo, você pode modificar o seguinte:

  • Rótulo de navegação: insira o texto, que irá substituir o nome padrão do item do menu pelo nome que você escolher e que será exibido na visualização do site.
  • Atributo do título: adiciona texto de descrição personalizado e aumenta a capacidade de uso dos visitantes com deficiências que utilizam dispositivos de assistência.
  • Destino do link: permite que você defina se o link será aberto em uma nova aba, marcando a caixa “Abrir link em nova aba”.
  • Remover: permite que você exclua o item do menu.
  • Cancelar: permite que você cancele qualquer alteração que tenha efetuado.

Imagem da caixa de edição de itens do menu
Caso não consiga localizar alguma das opções apresentadas anteriormente, clique em “Opções de tela”, na parte superior direita da tela de edição.
Imagem da tela de edição com o botão Opções de Tela em destaque
Ao abrir as Opções de Tela, verifique se as opções desejadas estão marcadas. Caso não estejam, basta marcá-las para que apareçam.
Imagem das Opções de Tela
Ao terminar a edição, clique em “Salvar menu”.
Imagem da área de edição de menus com dois botões Salvar Menu em destaque

O que deseja aprender?

Escolher o menu a ser exibido no topo

 

Se você criou mais de um menu, poderá gerenciá-los, clicando na aba “Gerenciar posições” na parte superior da página Menus. Nesta tela, você deverá escolher qual será o “Menu principal” do site, aquele que será exibido no topo.
Caso faça alguma alteração, clique em “Salvar alterações”.
Imagem da aba Gerenciar Posições com o botão Salvar Alterações em destaque
Para deletar um menu, clique em “Excluir menu”, na aba “Editar menus”.
Imagem da área de edição de menus com a opção Excluir Menu em destaque

O que deseja aprender?

Personalizar

Na tela de administração, posicione o cursor sobre o nome do site e clique em “Visitar site”.

Imagem da barra de acesso rápido da tela de administração com a opção Visitar Site em destaque

 

Quando o site for aberto, clique em “Personalizar”, na barra de ferramentas.
Imagem da barra de ferramentas na tela de visualização com a opção Personalizar em destaque
Ou vá no Painel > Aparência > Personalizar.
Imagem do painel com a opção Personalizar em destaque
Em Personalizar, clique em “Menus”.

Imagem da área de personalização com a opção Menus em destaque

Clique sobre o menu que deseja editar. As opções de controlar a posição do menu e se as páginas serão adicionadas automaticamente a ele também estão disponíveis nesse modo.
Imagem das opções que podem ser marcadas
Para adicionar itens ao seu menu, clique em “Adicionar Itens”.
Imagem da área de criação de menus com o botão Adicionar Itens em destaque
Uma nova caixa será aberta contendo as mesmas opções das encontradas em “Aparência”. Nesse modo, basta clicar sobre os itens desejados para adicioná-los ao menu, que pode ser página, post ou uma categoria específica de post.
Imagem da lista de itens que podem ser adicionados ao menu
Depois de adicionadas, você também pode organizá-las na ordem que desejar e criar menus suspensos ao clicar e arrastar os itens.
Imagem dos itens ordenados no menu, um deles foi arrastado para a direita, tornando-se um subitem
Ao clicar na seta em cada item, você pode alterar o rótulo de navegação, o atributo do título ou remover o item.
Imagem da lista de itens do menu, o botão de seta para baixo está em destaque
Imagem das opções de edição que aparecem ao se clicar na seta para baixo

Feitas as alterações, clique em “Publicar” para aplicá-las, na parte superior da tela.
Imagem da área de criação de menus com o botão Publicar em destaque
Para deletar um menu, clique em “Excluir menu.”

Imagem da área de criação de Menus com a opção Excluir Menu em destaque

O que deseja aprender?

Referências:
Suporte WordPress – Menus Personalizados (abre em nova janela)
Suporte WordPress – Menus Personalizados – Página 2 (abre em nova janela)