Como gerenciar menus no WordPress

Por claudio

O painel “Aparência > Menus” é responsável por gerenciar os menus do seu site em WordPress. Em um site é possível ter vários menus aplicados, por exemplo:

INSERIR IMAGEM

  1. Menu Principal – menu horizontal abaixo ou acima do topo ou banner.
  2. Menu Secundário – geralmente usado no topo ao lado da marca, através do widgets “Menu secundário” em Aparência > Widgets.
  3. Menu Lateral – usado nas barras laterais do site, através do widgets “Menu secundário”.
  4. Duplo Menu Secundário – usado no topo com divisão tripla, formando um menu esquerdo e direito ao lado da marca.
A quantidade de Menus disponíveis pode variar de site para site.

Aparência → Menus

O subpainel Menus contém uma área de criação de menus para seu tema, esta tela se divide em uma área composta de várias caixas ou módulos à esquerda e uma área grande a direita onde o menu criado é visualizado.

750px-tela-menus

Aba Editar menus

A aba Editar menus

A aba Editar menus

Contém os tipos de itens do site que podem ser itens de link de um menu. À esquerda ficam os tipos de itens que podem ser itens de menu reunidos em grupos por exemplo Páginas, Categorias etc.

Páginas
para inserir o link de páginas como itens de menu.
Links personalizados
para inserir um link personalizado como item de menu.
Posts
para inserir o link de posts como item de menu.
Categorias
para inserir o link de uma página (listagem) de categoria como item de menu.
Formatos
para inserir o link de uma página (listagem) de um formato como item de menu.
Tags
para inserir o link de uma página (listagem) de tag como item de menu.
Taxonomias
para inserir o link de uma página (listagem) de taxonomia como item de menu. Algumas taxonomias personalizadas podem estar disponíveis neste painel ou não, isso depende de opções no código de criação da taxonomia.

Notas

  1. Na aba Opções de Tela você pode esconder/mostrar tipos de item.
  2. Alguns temas/plugins podem criar outros tipos que também podem ser itens de menu.

Aba Gerenciar Posições

Exemplo do tema com uma área de menu

Exemplo do tema com uma área de menu

Contém as opções do tema para mostrar menus.

Posições no Tema: Informa as áreas de menu do tema atual, ou seja, as áreas de menu onde se pode escolher qual menu deve aparecer no local.

A quantidade de Menus disponíveis pode variar de site para site.

Editar
Leva para a tela de edição do menu selecionado.Usar novo menu
leva para a criação de um novo.

Exemplo de um tema com várias áreas de menu

Exemplo de um tema com várias áreas de menu

Nota: Você pode usar o mesmo menu em todas as áreas de menu que o tema disponibilizar, sem problema algum.

Como criar um Menu

A área a direta da tela é onde ficam o menus criados e onde também criamos diferentes menus. Os menus que criar ficarão como abas nesta área e você pode criar vários menus mesmo que não use sem problema algum. A primeira coisa a fazer é informar um nome para seu menu, escolha um nome que tenha a ver com a área que o menu vai aparecer por exemplo.

novo-menu

1. Criando o Menu

Para criar um menu, clique no link “Criar um novo Menu” na área a direita da tela, digite um nome, por exemplo Menu para o topo e clique em Criar Menu.

2. Adicionando itens 

A seguir, marque os itens nas caixas ou módulos à esquerda e clique no botão Adicionar ao Menu. É possível adicionar: páginas, posts, categorias, tags, taxonomias disponíveis e links personalizados, para mostrar caixas destes itens clique na aba Opções de Tela e marque as caixas que quer mostrar.

3. Organizando o menu

Os itens adicionados ficam listados linearmente na área a direita, você pode arrastar e soltar cada item para a posição e ordem que quiser.

Arrastando e soltando itens do menu no painel de criação

Arrastando e soltando itens do menu no painel de criação

4. Itens Aninhados

Ou submenus, são itens que aparecem como um menu suspenso ao mover o cursor do mouse sobre um item.

Exemplo de itens aninhados ou submenu comparado a sua organização no painel de criação de Menus

Exemplo de itens aninhados ou submenu comparado a sua organização no painel de criação de Menus

5. Editando itens individualmente

Além de ordenar e aninhar itens de menu, é possível também editar algumas características dos itens individualmente, por exemplo, o nome que será exibido no item ou Rótulo, destino do link ao clicar etc, são as propriedades avançadas de menu. Para acessar as opções de um item no seu menu, clique na seta no canto esquerdo do item:

Editando características de um item de menu

Editando características de um item de menu

As características editáveis dos itens são:

  • Rótulo de navegação – O texto que aparecerá para o item. Por exemplo, se um item aparecem como contato, poderá modificar para Contato.
  • Atributo do título – O título para o link do item.
  • Abrir link em uma nova janela/aba – Faz com que o link seja aberto em nova janela do navegador.
  • Classes de CSS (opcional) – Oferece uma caixa de texto para informar uma classe CSS personalizada ao item.
  • Relação de Links (XFN) – Oferece uma caixa de texto para informar a relação XFN do item.
  • Descrição – uma caixa de texto para inserir uma descrição ao item.

6. Clique na aba Gerenciar Posições

Para definir definir onde o menu que criou deve aparecer selecione as opções de posição listadas.

Fonte: https://codex.wordpress.org/pt-br:Painel_Menus



claudio

Designer + Marketólogo, gosto de encontrar novos sentidos às imagens, e buscar novas ideias, esse é meu trabalho.

Comentários

Ainda não recebemos comentários. Seja o primeiro a deixar sua opinião.

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

*

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.

Comente com o Facebook

(31) 3384-8620

contato@digitalpixel.com.br

Voltar Para o Site

Faça o download