Tutorial: Como criar um mega menu para seu site WordPress

Hoje, vamos aprender como criar um Mega Menu para o seu site WordPress . Usar um Mega Menu pode aumentar o tempo de carregamento da página, mas pode aumentar a experiência do usuário em uma margem enorme. Além disso, ajuda o site a ter uma aparência diferente.

A arte de se destacar da multidão não é tão fácil de dominar. Mas, graças às soluções de terceiros disponíveis para o WordPress, obter uma reforma profissional não exige que passemos por nenhum caminho pesado.

Existem plugins de terceiros disponíveis que podem cuidar das funcionalidades e se você puder alterar o tema completo, procurar um recurso embutido também pode ser uma solução viável.

Neste caso, vamos procurar o método do plugin. No entanto, pode não funcionar em todas as situações devido ao aspecto de compatibilidade com o tema específico. Embora eu esteja recomendando alguns plugins, você pode procurar a guia de compatibilidade antes de tomar qualquer decisão final.

Ainda assim, recomendo ir com a opção de tema, pois é seguro e mantém o site livre de um plugin adicional. Você pode encontrar facilmente um tema moderno com o recurso Mega Menu.

Agora, sem perder mais tempo valioso, vejamos as opções disponíveis.

O que exatamente é um Mega Menu?

Cada tema do WordPress inclui uma navegação integrada e é personalizável por meio da ferramenta de menu integrada. Mas, tem funcionalidade limitada e a aparência geral é monótona. Em palavras simples, os tradicionais são maçantes.

Com o avanço do web design, os designers passaram a focar na melhoria da área de navegação e, neste termo, surgiu o Mega Menu. É uma forma antecipada de um Menu tradicional que possui gráficos, visuais e animações melhores para conquistar o visitante e deixá-lo com um efeito uau.

Plugins para criar um mega menu

Se esse recurso não for suportado no tema, aqui estão as melhores soluções de terceiros, também conhecidas como os melhores plugins do Mega Menu.

#1 Max Menu Máximo

É uma solução gratuita que também vem em versão paga, desbloqueando recursos avançados, e já foi utilizada por mais de 300 mil usuários ativos. Ele funciona com uma ferramenta simples de arrastar e soltar, permitindo que o webmaster termine rapidamente a parte de desenvolvimento, e isso também, sem escrever nenhum código. Embala uma caixa de ferramentas simples, onde todos os efeitos e configurações estão disponíveis para definir e obter o resultado desejado.

Detalhes completos e download

#2 WP Fixo

WP Sticky é o plugin perfeito para você se quiser que seu menu seja fixado na página. Quando o menu estiver fixo, ele permanecerá em seu lugar enquanto o usuário estiver navegando pelo site. Como resultado, o menu é sempre facilmente acessível, não tira o conteúdo e é visualmente agradável.

Além disso, WP Sticky permite que você crie quantos elementos fixos você quiser, para que você não precise se limitar apenas ao menu. Além disso, não se preocupe se você não for um escritor de código experiente porque, com este plugin, você não precisa ser. O WP Sticky não requer codificação, você pode simplesmente escolher seus elementos na tela.

Ao escolher o menu, por exemplo, você pode configurar sua posição, altura, largura e opacidade. Você pode até escolher se deseja um determinado elemento em cada página ou postagem ou se deseja excluí-lo de determinadas postagens ou páginas.

#3 UberMenu

É um plugin premium e conhecido e em alta no CodeCanyon, oferecendo recursos que raramente estão disponíveis em qualquer um de seus concorrentes. O design é a principal atração aqui e toneladas de opções estão disponíveis para personalização. O desenvolvedor oferece atualizações regulares para torná-lo sempre compatível com a versão mais recente do WordPress e suporte dedicado também é oferecido.

Detalhes completos e download

#4 Mega Menu Principal

Se exibir ícones era seu objetivo principal, confira esta última recomendação aqui. É uma solução premium disponível em um pacote que também possui suporte dedicado do desenvolvedor. Ele contém mais de 1600 ícones vetoriais e mais de 600 fontes do Google, além de outras opções de personalização. Começar é muito simples e a interface do usuário é rápida para interagir e faz o trabalho rapidamente.

Detalhes completos e download

#5 Mega Menu por WooRockets.com

É um produto gratuito que está disponível no Github por uma questão de abertura. Funciona perfeitamente com o WordPress e oferece um construtor dedicado com recursos como o Live Preview. As orientações vertical e horizontal são suportadas pelo produto final e também suporta CSS personalizado.

#6 Menu NOO

Se você está procurando um produto premium que seja extremamente fácil de usar e rápido de resolver, ou seja, menos demorado, então você deve dar uma olhada aqui. Ele se concentra principalmente na funcionalidade do módulo em dispositivos móveis, garantindo que um scorecard melhor seja alcançado em termos de capacidade de resposta. Ele também suporta totalmente dispositivos touchscreen, graças à interface do usuário intuitiva e interativa.

#7 DW Mega Menu

Comparado com os plugins que você acabou de verificar, este é um recém-chegado, mas merece uma chance. Não há preços envolvidos aqui e o melhor recurso que ele oferece é que ele suporta incorporação de HTML e códigos de acesso a serem usados ​​na área do menu. Ele ainda suporta Widgets e vem com documentação adequada.

Como criar um mega menu para o seu site WordPress

Dependendo do plugin que você escolher na pilha acima, o método exato irá variar. Embora, em todos os casos, você precise criar um Menu tradicional que será convertido no Mega pelo plugin.

Então, vamos aprender como criar um Menu no WordPress. Isso funcionará em qualquer instalação moderna, independentemente do tema e plugin usado.

Passo 1 – Faça login na área Dashboard do site e na aba Appearance , clique em Menus .

Passo 2 – Clique no link ' criar um novo menu ' e digite um nome, como Primário ou Superior ou Rodapé. Pressione o botão que diz ' Criar Menu '.

Passo 3 – Agora, o Menu recém-criado estará ativo, e você poderá importar Categorias ou Tags ou links personalizados para a área. A funcionalidade de arrastar e soltar funciona aqui e você pode reorganizar os elementos.

Passo 4 – Por fim, abaixo da área de seleção, você será solicitado a escolher a localização do Menu. Escolha um (varia de acordo com o tema) e clique no botão ' Salvar Menu ' para torná-lo ao vivo.

Você pode editar os existentes da mesma área e todas essas coisas também podem ser feitas na ferramenta Live Customizer .

Os plugins individuais funcionarão de forma ligeiramente diferente uns dos outros, mas o processo principal será o mesmo. Uma vez que um Menu está funcionando, ele pode ser convertido em Mega Menu com um ou dois cliques. Mais tarde, você pode personalizar de acordo com o gosto pessoal.

Conclusão

Isso foi tudo sobre o procedimento e os plugins que posso recomendar para obter a solução perfeita.

Eu recomendo que você experimente o plugin WP Sticky, mas deixe-me saber qual você escolheu, pois seus comentários nos ajudarão a melhorar ainda mais este guia. É hora de você compartilhar este tutorial com todas as redes sociais. Paz!

*última atualização em 01/06/2020