Pular para o conteúdo

Como criar menus personalizados no WordPress

Paulo Felipe
Por Paulo Felipe,
Front-end na Nano Incub.
Publicado em 10 de maio de 2018

Fala galera beleza? Confira agora o tutorial em vídeo no qual você irá aprender a como criar menus personalizados no WordPress. 

Os menus são os guias de um site, eles que permitem o usuário navegar pelo seu site e encontrar aquilo que o interessa. Eles são um ponto importantíssimo do site e devem ser inseridos com bastante atenção e alinhados com as práticas UX (Experiência do usuário no site) para ficarem em lugares de fácil acesso e permitir uma experiência de navegabilidade simples e prática para o usuário.

Aperte o play e bons estudos!

Como criar menus personalizados no WordPress – Tutorial

Nesse breve passo-a-passo vou ensinar como criar um menu principal e um menu dentro de uma posição para widget no site:

Acesse o painel administrativo do WordPress;

Pare o mouse na opção “Aparência” localizada no menu ao lado esquerdo e depois clique na opção “Menus”;

Dê um nome para o seu menu no campo “Nome do menu” localizado na parte superior da página (no meu caso eu coloquei o nome “Principal”);

Insira as páginas que desejar no menu:

*Por padrão do WordPress todas as páginas já criadas no site serão inseridas no menu;

*Para excluir um item do menu basta clicar no item para ele expandir e é só clicar na opção “Remover”;

Clique em “Criar menu”;

Marque a opção “Primary Menu” para dizer ao WordPress que este menu será o principal menu do site e ele irá aparecer no topo da página.

Abra o site e veja o resultado!

Agora que já aprendemos a criar um menu e colocar ele como principal, vamos criar outro menu e colocar em uma posição diferente do site.

Ainda na página de menu do WordPress clique na opção “Crie um novo menu”;

Dê uma nome para o menu (no meu caso eu coloquei o nome “Rodapé”);

Clique em “Criar menu”;

Na coluna à esquerda marque as página que deseja colocar nesse menu e clique em “Adicionar ao menu”;

  • Caso queira criar um link personalizado é só clicar na aba “Links personalizado” agora insira o link que desejar e dê um nome para esse item.
  • Para fazer o link abrir em uma nova aba navegue até o topo da página e clique em “Opções de tela” e marque a opção “Destino do link”;

Salve o menu.

Agora que já criamos o nosso menu personalizado vamos inseri-lo em uma posição do site, nesse tutorial vou inserir um menu no rodapé.

Inserir um menu em uma posição do site

No menu a esquerda pare o mouse em “Aparência” e clique na opção “Widgets”;

Como você pode conferir no vídeo, o tema que eu estou usando fornece uma posição chamada “Footer 1”, clique nessa posição para expandi-la;

Na lista de widgets a esquerda, clique e arraste o widget “Menu” para a posição “Footer 1”;

Expanda o widget menu e dê um nome para o menu. (esse nome será o exibido no site antes da listagem dos itens do menu;

Clique em “Selecionar” e escolha o menu criado anteriormente (no meu caso é o “Rodapé”) e clique em “Salvar”;

Vá até o site e veja o resultado. Conforme mostrado no vídeo o menu foi criado no rodapé do site;

Agora é só criar os seus menus e fornecer mais facilidade para o usuário encontrar os itens mais importantes do seu site!

Qualquer dúvida ou sugestão deixe o seu comentário que eu responderei o mais rápido possível.

Um abraço e até o próximo post!

Compartilhe esse post

Deixe o seu comentário, dúvida ou sugestão de novos tutoriais