Bem vindo ao
Blog da FULL.

Aprenda, crie e cresça seu negócio na internet.

Encontre conteúdos, dicas, tutoriais e novidades sobre as principais ferramentas Wordpress

Como criar um menu no WordPress

Você está em:

Como criar um menu no WordPress
Como criar um menu no WordPress

Você está gostando de sua aventura no WordPress até agora. Você escolheu um ótimo tema WordPress, montou um bom site e deu vida ao seu mecanismo de SEO WordPress . Os visitantes começaram a chegar ao seu novo negócio baseado em WordPress, mas poucos se convertem em fãs ou clientes fiéis.

Você verifica o Google Analytics e sua taxa de rejeição está nas alturas. Então você decide verificar todos os aspectos do seu site, mas não consegue descobrir onde está o problema. Que diabos?

Bem, vou te dizer isso: seu menu de navegação do WordPress pode ser a causa de seus problemas. Um sistema de menu de navegação ruim impedirá que os visitantes encontrem o que precisam em seu site e, se não conseguirem encontrá-lo, farão o que todo ser humano em sã consciência faz – clique no botão Voltar e carregue o site do seu concorrente.

Um ótimo sistema de navegação, por outro lado, é como um mapa que mostra aos visitantes exatamente para onde ir para encontrar o que procuram. Isso significa apenas que, sem um ótimo menu de navegação, você perderá clientes à direita, à esquerda e ao centro. Sim amigo, ter um ótimo menu de navegação – assim como um piloto de rally tem seu navegador – é de grande importância.

Neste guia passo a passo, mostraremos como projetar o sistema de navegação perfeito. Em seguida, mostraremos exatamente como configurar menus usando o gerenciador de menus intuitivo do WordPress – tanto no painel principal clássico quanto no personalizador ao vivo.

Como criar a navegação perfeita do WordPress

navegação wordpress

Você está pronto para alguma aventura de menu? Bem, coma al carte… Nesta seção, veremos o que faz um ótimo sistema de navegação.

Mantenha simples

O melhor sistema de navegação é fácil de usar.

Não complique demais seus menus de navegação incluindo páginas que o usuário não precisa necessariamente. Atenha-se ao seu conteúdo mais importante – o conteúdo que o usuário precisa ficar por tempo suficiente para converter. Crie links apenas para suas páginas mais essenciais do WordPress, como Sobre, Contato, Contratação/Produto etc., e conteúdo popular que ajude sua causa.

Falando em manter as coisas simples, você realmente precisa desse mega menu em seu pequeno blog pessoal? Acho que não; mega menus são ótimos sim, mas são ideais para sites gigantescos do WordPress com um bilhão de bytes de conteúdo e um trilhão de produtos para inicializar. Mantenha isso simples, idiota.

Sitemaps também contam

Um mapa do site é considerado uma engrenagem essencial no sistema de navegação perfeito. Ao mesmo tempo em que ajuda os spiders dos mecanismos de pesquisa a rastrear seu site de maneira fácil e adequada, os Sitemaps também podem ser úteis quando um usuário se perde e/ou encontra a temida página de erro 404 . Pense nisso como um menu de navegação para todo o seu site publicado em uma página especial. Sitemaps não devem ser temidos, eles são simplesmente páginas que contêm links para todos os recursos do seu site.

A melhor parte é que você pode facilmente criar sitemaps usando plugins como Google XML Sitemaps ou simplesmente usar um tema WordPress que suporte mapas de site inerentemente. Crie uma página de mapa do site especial e verifique se você pode ver uma lista de todos os recursos em seu site WordPress ao carregar  https://www.yousite.com/sitemap/. Você pode vincular ao seu sitemap na página de erro 404 ou no menu principal.

Adicionar menus de navegação a vários locais

Se você quisesse melhorar suas chances de ganhar na loteria, por exemplo, precisaria jogar algumas vezes. Tem tudo a ver com a teoria da probabilidade. Da mesma forma, para que os leitores cliquem em seus links, você precisa mostrar esses links algumas vezes, em diferentes locais do seu site. A lógica aqui é simples: quanto mais fácil o leitor encontrar os links, mais rápido ele poderá clicar.

Por padrão, a maioria dos temas do WordPress permite que você exiba seu menu de navegação na seção de cabeçalho e talvez no rodapé, mas é isso. Você pode, no entanto, usar widgets para exibir seus menus de navegação onde quiser.

Os melhores locais de menu para exposição máxima incluem as áreas de cabeçalho, barra lateral e rodapé. A barra lateral também é um local privilegiado para categorias, arquivos e tags, portanto, sinta-se à vontade para aproveitar esses recursos para aprimorar seu sistema de navegação.

Adicionar um formulário de pesquisa

Os sistemas quebram nos momentos menos oportunos. Eles tendem a ceder ou falhar quando você menos espera. Os menus de navegação não são exceção, eles falham o tempo todo, especialmente se você estiver usando um plugin de menu WordPress de terceiros, e ficar mexendo. Outras vezes, o usuário simplesmente não tem tempo para ir vários níveis em seus menus para encontrar informações. O que fazer?

Você implementa um formulário de pesquisa, o que torna mais fácil para o usuário encontrar o que deseja. Em seguida, coloque-o em um local de destaque em seu site WordPress. Por exemplo, não o esconda na seção de rodapé que só fica visível quando o usuário rola para baixo. Se você tiver rolagem infinita, o usuário pode nunca ver o formulário de pesquisa.

Um formulário de pesquisa é uma medida à prova de falhas, além de um dispositivo que melhora muito a experiência do usuário. Relevanssi ajuda você a construir mecanismos de busca incríveis para o seu negócio baseado em WordPress.

Conclusão principal:  No final do dia, apenas certifique-se de que seus menus de navegação sejam fáceis de encontrar e usar. Coloque também o conteúdo importante em primeiro lugar, para que seja incrivelmente fácil de encontrar.

Como criar um menu WordPress no painel principal

Agora vamos criar um ótimo menu de navegação com o útil gerenciador de menus do WordPress. Fora da caixa, o WordPress vem com um ótimo gerenciador de menus que permite criar menus simples, incluindo menus suspensos. É um gerenciador simples de arrastar e soltar que torna a adição de menus tão fácil quanto uma torta. Mesmo um aluno da quinta série pode adicionar menus do WordPress em minutos.

Criar um novo cardápio

Quão? Basta navegar até  Aparência > Menus na sua área de administração do WordPress. Isso iniciará a tela do editor de menus . Se você ainda não criou um menu ou se clicar no link “Criar um novo menu” você deverá ver esta tela:

Criar um novo menu WordPress - Painel

Vá em frente e dê um nome ao seu novo menu. Chamaremos nosso exemplo de “menu principal”. Digite seu nome preferido e pressione o botão Criar Menu . Isso iniciará esta tela:

Adicionar nome do menu WordPress - Painel

Como você pode ver, existem várias opções disponíveis. À esquerda, você verá uma lista de suas páginas, categorias, uma guia de links personalizados e talvez alguns outros recursos, dependendo do seu tema.

À direita, você tem a  área de Estrutura de Menu  onde você editará e ordenará seus itens de menu. Você também tem a área de Configurações do menu  que permite escolher o local do menu e uma opção que permite adicionar novas páginas de nível superior ao seu menu automaticamente (embora para a maioria dos sites isso possa ser ignorado).

Adicionar itens de menu

Tudo o que você precisa fazer a partir daqui para criar seu menu é selecionar suas páginas, categorias ou adicionar links personalizados no painel esquerdo e clicar no botão Adicionar ao menu  . Em um piscar de olhos, seus itens de menu aparecerão na coluna da direita, onde você simplesmente arrasta e solta como quiser.

Por que você deseja adicionar categorias ao seu menu WordPress? Se você criou postagens (por exemplo, aulas) em diferentes categorias (cursos), você pode agrupar as aulas em cursos usando esse recurso. Também é um recurso útil se você administra um site de notícias. Eu fui em frente e adicionei várias categorias ao meu menu de exemplo assim:

Adicionar itens de menu do WordPress - Painel

Vamos também adicionar alguns links personalizados para direcionar os visitantes para sites de terceiros, ou mesmo nossos próprios sites que vivem em subdomínios. Basta navegar até a  guia Links personalizados  .

Adicione seu link na área de texto do URL e o nome do menu em  Texto do link . Em seguida, basta clicar no  botão Adicionar ao menu . Sempre inclua a extensão (o https://) ou seus links não funcionarão:

Adicionar link personalizado do menu WordPress - Painel

Menus suspensos

Até agora, temos apenas alguns links em nosso menu, mas se adicionarmos um monte de links, isso pode ficar muito confuso muito rápido. É aqui que os menus suspensos são úteis.

Para criar uma lista suspensa, primeiro adicione os itens do submenu que você gostaria de usar. Selecionamos alguns posts do blog e os adicionamos ao nosso menu como exemplo. Em seguida, basta arrastar o item do submenu ligeiramente para a direita, assim:

Adicionar menus suspensos do WordPress - Painel

Os menus suspensos são uma ótima maneira de tornar seus menus mais curtos, limpos e fáceis de navegar. Você pode criar mais submenus nos submenus existentes, criando menus suspensos de vários níveis conforme necessário.

Observação: dependendo do seu tema, você pode ter opções de estilo suspensas adicionais disponíveis no Personalizador ou no Painel de temas.

Propriedades avançadas do menu

Você sabia que existem opções de menu ocultas? Para ativá-los, basta clicar na guia Opções de tela no canto superior direito da tela. Em seguida, verifique as Propriedades avançadas do menu que você deseja ativar:

Propriedades avançadas do menu dos menus do WordPress - Painel

Você encontrará as opções a seguir, cada uma das quais é adicionada aos itens de menu depois de habilitá-las.

Destino do link : marque esta opção para adicionar um destino=”_blank” ao link, para que seu item de menu seja aberto em uma nova guia quando os usuários clicarem nele.

Atributo de título : Os atributos de título podem ser usados para adicionar informações adicionais sobre um link. Isso geralmente é mais útil para rastreadores de mecanismos de pesquisa, mas também é visível para os usuários como uma dica de ferramenta quando eles passam o mouse sobre o item de menu.

Classes CSS : Esta opção pode ser usada para adicionar estilos CSS personalizados a itens de menu individuais. Isso é algo que você mesmo pode codificar, mas geralmente os desenvolvedores de temas podem incluir uma ou duas opções extras. Por exemplo, nosso próprio tema Total WordPress inclui uma classe de botão de menu personalizada que fará com que o item de menu seja exibido como um botão estilizado (ótimo para adicionar um “Compre agora” “Solicite um orçamento” ou call to action semelhante).

Link Relationship : Esta opção é um pouco avançada e, para explicar rapidamente, pode ser usada para definir como seu site está pessoalmente relacionado ao link em seu item de menu. É outro de seus sites? É o site de um amigo? Você pode ler o guia oficial se quiser saber mais.

Descrição : Exatamente como parece, esta opção permite que você adicione uma descrição mais detalhada aos seus itens de menu. Mesmo que esta seja uma opção que você pode habilitar com certa facilidade, ela não será exibida a menos que seja suportada pelo seu tema.

Localização do menu

Estamos quase lá, mas ainda não terminamos! Você ainda precisa atribuir o local onde seu menu será exibido. Abaixo do construtor de menus, você notará uma seção de configurações de menu . É aqui que você encontrará suas opções de localização de exibição . Cada tema suporta um número diferente de menus, portanto, dependendo do tema, você pode ter um ou vários locais de menu. Você precisará atribuir um menu a cada local que planeja usar, no entanto, você tem a opção de atribuir o mesmo menu a vários locais ou criar menus individuais para cada local (você decide).

Observação: como alternativa, você pode usar a  guia Gerenciar locais para controlar a localização de todos os seus menus em um só lugar.

Para atribuir um menu a um local, basta marcar a caixa:

Localização do Menu WordPress - Painel

Quando estiver satisfeito com seu menu, itens e local selecionado, clique no botão Salvar Menu .

Agora, quando você olhar para seu site no frontend, verá seu menu. Como atribuímos nosso menu ao Main/Header, ele é exibido como o menu principal em nosso site de demonstração:

Exibição do front-end do menu do WordPress

Mas até agora, o editor de menus clássico do Dashboard permite que você veja a estrutura de seus menus, mas você pode realmente visualizá-los. Se você deseja ver seus menus em tempo real, o Personalizador é a escolha certa para você.

Como criar um menu WordPress no personalizador ao vivo

Em vez de usar o editor de menus tradicional no painel principal do WordPress, você pode criar menus com uma visualização ao vivo no Personalizador. Muitas das opções são as mesmas, mas vamos orientá-lo em cada etapa novamente para que você tenha certeza.

Para começar, você precisará abrir o Personalizador ao vivo, localizado em Aparência > Personalizar :

Personalizador ao vivo do WordPress

Em seguida, clique na guia Menus para ser levado à tela a seguir para personalizar seus menus:

Criar novo menu - Personalizador ao vivo

A partir daqui você pode ver seus menus já criados (como o “Meu Novo Menu” que acabamos de criar no gerenciador de menus tradicional), criar novos ou visualizar todos os locais de menu. Como estamos mostrando os detalhes da criação de menus no Personalizador, clicaremos no link Criar novo menu .

Criar um novo cardápio

Ao criar um novo menu no Personalizador, seus primeiros passos são escolher um Nome de Menu e marcar uma caixa para a Localização do Menu . Como lembrete, os locais de menu disponíveis dependerão do seu tema. Como estamos usando o tema Total, temos vários locais disponíveis, portanto, selecionaremos o local “Rodapé”, pois já criamos um menu principal:

Nome Novo Menu - Personalizador Ao Vivo

Adicionar itens de menu

Depois de nomear e atribuir seu menu, você pode começar a construir. Clique no botão Adicionar itens para abrir o construtor de menus:

Construir o menu WordPress - Personalizador ao vivo

Aqui você encontrará todas as mesmas opções para adicionar links como no gerenciador de menus tradicional.

Adicionar postagens e páginas ao menu - Customizador ao vivo

Para adicionar páginas, postagens, tipos de postagem personalizados ou taxonomias, basta clicar no ícone de mais + ao lado do item que deseja adicionar. Ele adicionará imediatamente o item ao seu menu e o exibirá na visualização ao vivo do seu site:

Adicionar página ao menu - Personalizador ao vivo

Lembrete: Estamos criando um menu de Rodapé, então nosso menu é exibido no rodapé. Dependendo de qual menu você localize, a visualização ao vivo do menu será diferente. Se você selecionou um local de menu para celular, o menu ficará visível apenas em celular, então você precisará clicar no ícone de tablet ou telefone na parte inferior direita do Personalizador ao vivo para visualizar seu menu para celular.

Para adicionar um link personalizado, basta adicionar seu URL e texto do link e clicar no botão Adicionar ao menu :

Adicionar link personalizado ao menu - Personalizador ao vivo

Propriedades avançadas do menu

Ao trabalhar no personalizador ao vivo, o link do menu Propriedades avançadas do menu não é visível por padrão. Para habilitá-los, você precisará voltar ao editor principal do menu do painel do WordPress (se você já começou a criar seu menu, certifique-se de publicar seu menu primeiro para não perder todo o seu trabalho), clique no botão guia Opções de tela no canto superior direito da tela e marque as caixas das opções que você deseja ativar. Então, quando você voltar para o Personalizador> Menus ao vivo , abra seu menu e clique na seta ao lado do item de menu, você encontrará todas as Propriedades avançadas do menu que você ativou:

Opções avançadas de link de menu - Personalizador ao vivo

Menus suspensos

Depois de adicionar itens de menu que você pode querer em seu menu, você pode criar menus suspensos. Para um menu suspenso, você precisará de itens de submenu, então basta adicionar seus links ao seu menu e clicar e arrastá-los para a direita. Isso criará sua lista suspensa:

Criar menu suspenso - Personalizador ao vivo

Visualização ao vivo do menu

Você provavelmente já percebeu enquanto estava construindo, mas a visualização ao vivo à direita do menu do Personalizador é atualizada em tempo real à medida que você faz alterações. Assim, à medida que você adiciona itens de menu, adiciona menus suspensos, altera o local etc., isso será refletido na visualização ao vivo. Aqui está a aparência do nosso menu de rodapé atualmente:

Visualização ao vivo do menu - Personalizador ao vivo

Se você estiver satisfeito com seu menu, certifique-se de publicá -lo antes de sair do Personalizador ao vivo. Após a publicação, seu menu ficará visível no frontend do seu site:

Menu Frontend - Personalizador ao vivo

Como você pode ver – se parece com a visualização. Aqui não há surpresas!

Pensamentos finais

Os menus de navegação do WordPress são uma parte vital do seu site WordPress. Eles orientam seus usuários, permitindo que eles encontrem o conteúdo que procuram. Eles são ótimos para melhorar a experiência do usuário e, consequentemente, suas taxas de conversão. A melhor parte é que eles são muito fáceis de implementar, então nada o impede.

E se você quiser criar um menu verdadeiramente especial, experimente um desses melhores plugins de menu do WordPress . Eles são uma maneira rápida e fácil de construir ou melhorar seus menus existentes do WordPress.

Não deixe mais dinheiro na mesa, invista em um plugin de menu WordPress que atenda às necessidades do seu negócio. Tem perguntas ou comentários? Compartilhe na seção de comentários abaixo!

Aprenda com a FULL.

Junte-se a mais de 50 mil pessoas que recebem em primeira mão as principais ferramentas e tecnologia para desenvolvimento web

plugins premium WordPress
O meu carrinho
🎁 Faltam 300,00 para liberar o Cupom Secreto
O seu carrinho está vazio.

Parece que ainda não tomou uma decisão.