Sete melhores plugins de menus responsivos para WordPress (2020)

Ofertas do WordPress


Os menus de navegação são um componente essencial de qualquer site de sucesso. Simplificando, eles ajudam os visitantes a se locomover. Isso melhora o fluxo do seu site, incentivando os visitantes a permanecer no local por mais tempo, consumindo mais conteúdo e atingindo suas metas de conversão – tudo de bom, em outras palavras.

Mais do que isso, os menus de navegação são parte integrante do design geral do seu site – afinal, eles são exibidos em todas as páginas. Lembre-se: um menu de navegação visualmente impressionante pode fazer com que um site médio pareça ótimo, e o inverso certamente também é verdadeiro.

Como tal, criar e modelar seus menus de navegação não é uma decisão a ser tomada levemente – de uma perspectiva estética ou de navegação.

Felizmente, existem vários ótimos plugins de menu para usuários do WordPress. Neste artigo, examinaremos eles para oferecer a você os sete favoritos. E, como todos os plug-ins nesta lista são totalmente responsivos, os usuários de dispositivos móveis também podem aproveitá-los..

Aqui vamos nós, os sete melhores plugins de menu responsivos para WordPress (incluindo plugins gratuitos e premium).

Em nenhuma ordem particular…

1. UberMenu (US $ 19)

O plugin UberMenu

Vamos começar com talvez o plug-in de menu mais poderoso de todos – o UberMenu. Com mais de 60.000 downloads até agora, este plug-in é incrivelmente popular e está em terceiro lugar na tabela de classificação dos plug-ins mais vendidos da CodeCanyon de todos os tempos.

O plug-in UberMenu permite criar alguns dos mais belos menus possíveis de encontrar no mundo do WordPress. Chamados de ‘mega menus’, eles podem ser incrivelmente complexos, com níveis ilimitados de submenus para os visitantes procurarem. Quando se trata de melhorar a navegação, os mega menus são incomparáveis..

Uma captura de tela de um mega menu do UberMenu.

O UberMenu permite adicionar imagens, ícones e descrições aos itens de menu.

O principal ponto de venda do plug-in é o conteúdo avançado que você pode adicionar aos seus mega menus. Para iniciantes, isso inclui imagens, Google Maps e grades de postagem de blog. O UberMenu pode até puxar o conteúdo do blog para essas grades dinamicamente, com base em uma variável de sua escolha – a variável pode ser a categoria, o tipo, o pai ou o autor, por exemplo. O plug-in também adiciona automaticamente a imagem em destaque das postagens às grades, garantindo que os menus sempre pareçam a parte.

Além disso, o UberMenu também se integra a widgets e códigos de acesso de terceiros. Isso significa que você pode incorporar funcionalidades de outros plugins em seus menus, para uma experiência ainda melhor do visitante.

Uma captura de tela de um Mapa do Google e Formulário de Contato incorporado a um UberMenu

Você pode usar o UberMenu para adicionar mapas e formulários de contato aos seus menus.

Como seria de esperar de um plug-in que enfatiza o design, o UberMenu é fornecido em abundância com opções de personalização. Isso inclui 25 das fontes mais populares do Google, além de tamanhos e cores infinitas. Você também pode fazer upload de uma imagem de plano de fundo personalizada para cada item de menu.

Com tanta versatilidade, você seria perdoado por pensar que esses menus seriam difíceis de construir. Porém, esse não é o caso, graças ao construtor intuitivo do plugin.

O construtor permite criar seus menus usando grades responsivas com até 12 colunas, que você pode preencher com blocos de conteúdo. Para personalizar esses blocos, basta clicar no bloco desejado e o UberMenu exibirá as opções disponíveis para ele. Você também pode assistir ao seu menu ganhar vida em tempo real a partir do WordPress Customizer – essa função de visualização ao vivo é inestimável.

O UberMenu cria uma variedade versátil de tipos e submenus de menu. Você pode até diminuir o tom para criar menus desdobráveis ​​da velha escola.

Uma captura de tela de um menu desdobrável UberMenu

Use o UberMenu para criar menus de estilo mais tradicional, selecionando a opção de submenu.

Ou então, você pode fazer tudo isso e misturar e combinar uma variedade dessas opções em um único menu – o menu completo.

Uma captura de tela de um UberMenu com todos os diferentes tipos de conteúdo.

Ou use os recursos completos do UberMenu e combine submenus, várias imagens de plano de fundo e uma variedade de categorias de conteúdo.

Os resultados são realmente impressionantes, certo? E você pode até alinhar seus menus verticalmente, se desejar. Esses menus suportam os mesmos recursos e funcionalidades, mas com um alinhamento vertical.

Uma captura de tela de um menu vertical criado com o UberMenu.

Deseja economizar espaço na parte superior da tela? Coloque o UberMenu ao lado da página, sem perda de recursos.

Agora, embora o UberMenu seja totalmente responsivo, o design complexo dos mega menus pode torná-los menos adequados para dispositivos menores. Se você acha que é esse o caso, os desenvolvedores do UberMenu forneceram aos usuários um plug-in de menu móvel gratuito: ShiftNav. Isso permite criar menus de navegação no estilo de aplicativo para usuários móveis.

Por fim, vale ressaltar que, devido à popularidade incontrolável do UberMenu, os desenvolvedores lançaram quatro extensões oficiais.

  • Extensão de ícones do UberMenu – introduza mais de 600 ícones FontAwesome nos seus menus.
  • Pacote de skins planas do UberMenu – 30 novas skins para seus menus.
  • Extensão de Condicionais do UberMenu – lógica condicional para seus mega menus.
  • Extensão pegajosa UberMenu – ancora os menus na parte superior da tela.

As extensões estão disponíveis por US $ 8 cada ou como um pacote de US $ 19.

2. Max Mega Menu (GRÁTIS)

Max Mega Menu Plugin

A funcionalidade “Mega menu” é relativamente avançada, o que significa que você normalmente só a encontra em plugins premium. No entanto, se você souber onde procurar, é possível encontrá-lo gratuitamente.

Apresentamos o Max Mega Menu, um excelente plugin de mega menu disponível no repositório oficial de plugins do WordPress. Com o plug-in instalado e ativado, os menus existentes do WordPress são atualizados automaticamente para mega menus.

Uma captura de tela de um Max Mega Menu exibindo algumas imagens.

Os mega menus que você pode criar são impressionantes – nada mal para um plug-in gratuito!

Construir seus menus é fácil, cortesia do construtor de arrastar e soltar. Você também pode visualizá-las em tempo real e, assim, tomar decisões de estilo rapidamente.

Falando em estilo, o Max Mega Menu vem com opções de personalização quase infinitas. Fontes, tamanhos, cores e ícones são apenas a ponta do iceberg, com mais de 100 personalizações suportadas. Também existem algumas animações CSS3 de ótima aparência, facilitando ainda mais seus menus.

Como em qualquer mega plugin de menu, você também pode criar alguns menus bastante complicados. Você pode adicionar muitas coisas legais a eles, incluindo imagens e conteúdo dinâmico (como mapas) e, como o Max Mega Menu permite adicionar widgets aos seus menus, você pode até integrar a funcionalidade de outros plugins. Isso significa que você pode incorporar funcionalidades como agendas, vídeos e formulários de contato.

Uma captura de tela de um Max Mega Menu com calendário, formulário de contato e mapa.

A captura de tela mostra apenas alguns dos widgets que você pode adicionar aos seus menus.

O melhor de tudo é que o Max Mega Menu é um dos plugins mais rápidos do mega menu, pesando menos de 2kb e com os estilos limitados a um único arquivo CSS.

Se você gosta do que vê, considere atualizar para a versão Pro por apenas US $ 19. A versão Pro permite adicionar recursos de checkout do WooCommerce e Easy Digital Download aos seus menus, entre outros recursos interessantes.

3. Superfly (US $ 22)

O Superfly Plugin

Se você preferir menus verticais ao alinhamento horizontal tradicional, confira o plug-in Superfly. Também funciona como um fantástico economizador de espaço, permitindo que você use todas as dimensões da tela.

Isso é conseguido ocultando o menu atrás de um botão de alternância no canto superior. Quando clicado, o menu é exibido, deixando os visitantes livres para navegar no seu site – você também pode optar por ancorar permanentemente o menu na lateral da tela..

Por que você deseja um menu alinhado verticalmente? Bem, para iniciantes, eles são considerados mais compatíveis com dispositivos móveis. Você também os encontra com menos frequência, o que os torna uma adição bastante marcante a qualquer site. E, como seria de esperar, o Superfly suporta uma abundância de opções de estilo, que ajudam a tornar esse tipo de menu incomum ainda mais impressionante.

Uma captura de tela de um menu Superfly alinhado à esquerda

Os menus Superfly deslizam para visualização na lateral da tela.

O plug-in é fornecido com uma biblioteca de ícones, várias fontes do Google e personalização em cores. Você também pode fazer upload de imagens personalizadas para seus menus – de uma imagem de plano de fundo para o logotipo exibido na parte superior do menu. Você também pode integrar widgets ou códigos de acesso de outros plug-ins ou criar um estilo HTML personalizado. Você pode até personalizar o design, a forma e o posicionamento do botão de acionamento do menu.

Como os menus se abrem na tela, são suportados até quatro níveis de submenus. Os níveis adicionais parecem igualmente impressionantes e podem ser configurados com um estilo único, conforme demonstrado na captura de tela abaixo.

Uma captura de tela demonstrando um submenu Superfly

O Superfly permite criar designs exclusivos para cada subnível do seu menu.

Como esses menus peculiares podem não se adequar a todas as situações, o Superfly oferece várias configurações de direcionamento de página. Aqui, você pode optar por desativar os menus Superfly para determinados grupos de usuários – por exemplo, usuários de desktop – ou em páginas específicas.

Um recurso final: você também pode adicionar botões de compartilhamento social na parte inferior dos menus, com mais de dez redes sociais suportadas. Com alguma sorte, isso resultará em mais compartilhamentos sociais para o seu conteúdo.

4. Menu Responsivo (GRÁTIS)

Plug-in de menu responsivo

Se você gosta dos menus verticais da Superfly, mas não tem orçamento, o plug-in do menu responsivo pode lhe interessar. Este plugin cria menus verticais de ótima aparência e pode ser baixado gratuitamente no diretório oficial do plugin.

Para um plug-in gratuito, o Responsive Menu é fornecido com um número impressionante de personalizações – mais de 150, na verdade. Elas abrangem todas as personalizações usuais – fonte, tamanho, alinhamento e cor – e você também pode carregar fundos, logotipos e ícones personalizados, permitindo adicionar um toque pessoal aos seus menus.

Uma captura de tela de um menu criado com o Menu responsivo

Você pode adicionar imagens de fundo e uma barra de pesquisa aos seus menus.

O plug-in ancora um simples botão de menu no canto superior direito da tela e, quando esse botão é clicado, o menu é exibido com um belo efeito de animação. Como os menus ocupam muito mais a tela em comparação com o Superfly, cada nível subseqüente é aberto para baixo, e não para fora, como visto na captura de tela a seguir.

Uma captura de tela demonstrando submenus com o menu Responsive

Quando clicados, os itens do submenu são abertos para baixo e não para fora.

Outros recursos úteis incluem a funcionalidade de pesquisa para seus menus e a capacidade de selecionar em quais tamanhos de tela os menus são exibidos..

Se você gosta da versão gratuita, uma versão Pro de US $ 14,99 está disponível e apresenta uma funcionalidade de visualização ao vivo, FontIcons e itens de menu animados.

5. Menu Herói (US $ 19)

Hero Menu Plugin

Voltamos aos mega menus novamente com o nosso próximo plug-in: Menu Hero. O plug-in possui muita versatilidade e inúmeras opções de personalização, o que significa que é possível criar designs de menus quase infinitos.

O Hero Menu vem com mais de 250 ícones gratuitos e você pode personalizar seus menus com uma escolha de 650 fontes do Google e cores infinitas. Para ajudar aqueles que não têm um talento natural para o design, também encontrará 60 predefinições de cores impressionantes, criadas por uma equipe de designers gráficos qualificados.

Uma captura de tela do Hero Menu

Veja todo o conteúdo interessante que você pode adicionar ao Menu Hero

O plugin também facilita a criação de menus, graças à sua interface personalizada e simplificada. Tudo é arrastar e soltar, permitindo adicionar profundidade aos menus, reordenar itens de menu e ajustar o design com facilidade.

O Hero Menu suporta todo o conteúdo usual do mega menu – imagens, vídeos, mapas e conteúdo do blog, além de códigos de acesso e widgets de outros plugins. No entanto, o Hero Menu também é compatível com o WooCommerce, o que significa que você pode adicionar produtos, preços e imagens em miniatura aos seus menus. Você também pode ativar facilmente uma função de pesquisa e botões de compartilhamento de mídia social.

Uma captura de tela demonstrando a integração do WooCommerce e Hero Menu

Você pode até adicionar produtos WooCommerce ao seu menu.

O plug-in também é fornecido com a funcionalidade “menu fixo”, o que significa que permanece ancorado na parte superior da tela, mesmo quando um visitante rola a página. E, quando o Hero Menu detecta visitantes usando dispositivos menores, ele automaticamente condensa os menus para algo mais otimizado para celular.

Finalmente, o Hero Menu irá ajustar o menu que um visitante vê, dependendo da função de usuário do WordPress – um recurso útil se você precisar que os visitantes efetuem login.

6. Menu Responsivo WP (GRÁTIS)

O plugin WP Responsive Menu

Outro brinde a seguir: o plug-in WP Responsive Menu, especializado na criação de menus móveis deslizantes.

Como o plug-in é direcionado a usuários móveis, muitos de seus principais recursos são adaptados especificamente às funcionalidades encontradas em dispositivos móveis. Os visitantes podem navegar nos menus usando gestos de deslizar, além de poder beliscar suas telas de toque para ampliar.

Você também pode configurar um menu específico para dispositivos móveis para visitantes em dispositivos menores e desativar qualquer elemento indesejado. Os visitantes na área de trabalho verão o menu padrão, com a lista completa de opções.

Uma captura de tela do plugin WP Responsive Menu

Você pode configurar os menus para deslizarem da parte superior, esquerda ou direita da tela. Você também pode especificar a largura dos menus – em pixels ou como uma porcentagem do tamanho da tela.

Também há muitas opções de personalização. Você pode fazer upload de um logotipo para o menu, além de personalizar todas as cores (plano de fundo, texto e bordas) e o texto do menu. Você pode até incorporar uma função de pesquisa simples na parte inferior do menu.

O melhor de tudo é que a configuração é incrivelmente simplificada, o que significa que você pode começar a funcionar em apenas alguns minutos.

7. WP Menu flutuante Pro (US $ 17)

O plugin Pro do menu flutuante do WP

O último plugin apresentado na lista de hoje é outro interessante – o WP Floating Menu Pro. Como o nome indica, o plug-in cria menus “flutuantes” e ficam ótimos.

O plug-in cria dois tipos de menus:

  • navegação de uma página
  • menus fixos – esse tipo de menu vincula-se a vários URLs, como um menu típico do WordPress.

Nenhum outro plug-in nesta lista oferece navegação em uma página; portanto, vamos nos concentrar nisso. O recurso de navegação de uma página é direcionado, você adivinhou, sites criados em uma única página. Esses sites geralmente são divididos em várias seções – por exemplo, você pode encontrar uma seção Sobre nós ou um formulário de contato.

Uma captura de tela do WP Floating Menu Pro

Ao clicar nos ícones à direita, os visitantes podem pular para qualquer parte de um site de uma página.

Nos menus de navegação de uma página, quando um visitante clica em um dos ícones, ele automaticamente “pula” para a parte da página. Isso significa que o menu é usado para navegar para cima e para baixo na página, diretamente para a seção que o visitante deseja – um menu “em linha”. Parece legal, certo?

Além dessa funcionalidade bastante intrigante, o WP Floating Menu Pro vem com vários estilos de personalização. Para iniciantes, existem 13 modelos predefinidos, com uma variedade de estilos de botões, esquemas de cores e efeitos de animação. No entanto, cada modelo é totalmente personalizável – além disso, você pode criar seu próprio estilo do zero, para adaptar seus menus ao estilo do seu site..

Com botões menores nesses menus, os ícones são um elemento importante de design e o plug-in é fornecido com três conjuntos: Ícones de traço, Ícones impressionantes de fontes e Ícones gerais. O WP Floating Menu Pro também é fornecido com menus compatíveis com dispositivos móveis, que você pode ativar com o toque de um botão.

Pensamentos finais

O que conclui nosso resumo dos melhores plugins de menu responsivos para WordPress. Os plug-ins apresentados nesta lista suportam uma variedade de tipos de menus – mega menus, menus verticais, menus para dispositivos móveis e menus de uma página.

Qual é o certo para o seu site? Bem, isso depende. A escolha do plug-in de menu certo é uma decisão importante, pois os menus desempenham uma função importante – navegação – e são uma parte fundamental da estética do seu site. Em outras palavras, não se apresse e verifique se você tomou essa decisão corretamente.

Pessoalmente, eu amo o estilo dos mega menus – eles chamam atenção, e você pode adicionar muitas coisas legais a eles. No entanto, eles provavelmente são mais adequados para sites com muitas páginas diferentes. sites em que é necessário um menu de navegação realmente abrangente.

Por outro lado, os menus de estilo vertical são ideais para sites que precisam maximizar o uso do espaço. O menu está oculto por trás de uma alternância, o que significa que seu conteúdo preenche toda a tela – perfeito para sites que apresentam uma imagem ou vídeo em tela cheia.

Com plugins gratuitos em cada categoria, minha recomendação é experimentar alguns estilos de menu diferentes para ver qual deles você prefere. Então, quando você souber qual estilo você gosta, avalie algumas das opções premium para determinar qual plug-in você usará daqui para frente. Com muitos recursos e funcionalidades extras, as opções premium são realmente um corte acima das gratuitas.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map