Revisão QuadMenu: Mega menus fáceis e poderosos para WordPress
No mundo dos plugins de mega menu do WordPress, o QuadMenu se destaca. O plug-in facilita muito a criação de mega menus, portanto, se você estiver no mercado para esse plug-in, não procure mais e explore nossa análise do QuadMenu.
Aqui hoje, vamos dar uma olhada nas partes que fazem do QuadMenu um plugin de mega menu engenhoso para todos. Isso não é tudo, configuramos o plugin e criamos um mega menu, para que você possa começar a correr. Se estiver pronto, deixe-nos soltar a âncora e navegar.
O que é QuadMenu?
Se tudo isso é novo para você, QuadMenu é um plugin de mega menu premium da QuadLayers, um autor em ascensão na CodeCanyon. Você não ouviu falar sobre isso provavelmente porque o QuadMenu ainda é relativamente novo no mercado. Quero dizer, é apenas quatro meses de idade no momento da escrita. Ainda assim, o QuadMenu está dando à concorrência uma corrida pelo seu dinheiro. O principal ponto de venda é que o QuadMenu funciona tanto para iniciantes quanto para desenvolvedores.
Para iniciantes, QuadMenu vem com uma interface intuitiva que ajuda você a criar mega menus surpreendentes sem escrever código. Os desenvolvedores também têm motivos para sorrir, pois é incrivelmente fácil integrar o QuadMenu aos seus temas desde o início.
A versão gratuita do QuadMenu oferece um vislumbre dos recursos, mas para esta análise, testaremos a versão premium. Acreditamos que isso lhe dá uma visão geral do que esperar.
Bônus: Ou você pode baixar o plug-in de ponte GRATUITO Total Theme QuadMenu , que adiciona suporte e estilo personalizados apenas para usuários do tema Total.
Recursos do plug-in QuadMenu Mega Menu
Agora vamos configurar o QuadMenu e examinar os recursos. Para lhe dar uma vantagem, porém, aqui está uma rápida olhada nos recursos.
- Uma interface de arrastar e soltar fácil de usar – QuadMenu estende o sistema de menu nativo do WordPress adicionando uma interface de arrastar e soltar. A interface ajuda você a criar mega menus impressionantes sem habilidades de programação.
- Design otimizado para dispositivos móveis – Um menu é uma parte crítica do seu site, sem o qual a navegação é difícil. Hoje, você não pode ignorar os usuários de dispositivos móveis, e o QuadMenu ajuda com menus prontos para dispositivos móveis.
- Skins ilimitadas – O estilo não precisa morrer quando chega aos seus menus, ainda mais quando os menus desempenham um papel tão importante na forma como os leitores chegam ao seu conteúdo. QuadMenu coloca muita liberdade estilística em suas mãos.
- Muitos elementos e opções – Crie seus mega menus ao seu gosto com itens como vídeos, ícones, imagens, áudio, controles deslizantes, guias, colunas, widgets e muito mais.
- Opções do desenvolvedor – os desenvolvedores de temas do WordPress podem integrar o QuadMenu em seus temas completamente.
O melhor, é claro, seria instalar o plugin e testar os recursos você mesmo.
Instalando o QuadMenu
Seguindo com a revisão do QuadMenu, a equipe do QuadLayers torna incrivelmente fácil adicionar este mega menu ao seu site WordPress. Como tal, não esperamos que você tenha problemas com a parte de instalação desta revisão.
Navegue até Plugins no menu de administração do WordPress e clique em Adicionar novo para iniciar a tela que mostramos abaixo.
Conforme mostrado na captura de tela acima, você pode:
- Carregue o QuadMenu premium do seu computador ou
- Instale a versão gratuita do QuadMenu do WordPress.org
Para testar a versão gratuita, digite “QuadMenu” na caixa de pesquisa conforme indicamos na imagem acima. Em seguida, instale e ative o plugin.
Para nossa análise, no entanto, vamos com a primeira opção. Clique no botão Upload e escolha o arquivo ZIP QuadMenu em seu computador. Continue com o processo de instalação e ative o plugin.
A ativação do plugin redireciona você para a página de opções do QuadMenu. Nesta tela, você pode ver todos os locais de menu disponíveis no seu tema e outras configurações do QuadMenu.
Na imagem abaixo, mostramos como a página de opções do QuadMenu Pro fica com nosso próprio tema Total WordPress .
Enquanto o tema Total WordPress vem com cinco locais de menu, focamos em Main/Header . Em outras palavras, você é livre para escolher qualquer local de menu disponível no seu tema WordPress.
Dito isto, o que você faz na tela QuadMenu Options ? Boa pergunta. Clique no local do menu desejado. No nosso caso, clicamos em Principal/Cabeçalho como mostrado abaixo.
Em seguida, ative os botões como mostramos acima para vincular o QuadMenu ao local do seu menu . Em seguida, aperte o botão Salvar .
Observe que você pode integrar o plug-in manualmente se o método automático não funcionar por um motivo ou outro. Além disso, você pode criar seus temas de estilo. Ter vários temas significa que você pode alternar os estilos de menu com um clique.
Para criar um novo tema, clique no botão Criar Tema (3). Em seguida, nomeie seu tema, estilize como desejar e salve suas alterações. Com um tema pronto, você pode selecioná-lo no menu suspenso que marcamos como item número quatro (4) na imagem acima.
Para esta revisão, personalizamos o tema padrão em vez de criar um novo tema. Agora você está pronto para construir um mega menu e estilizá-lo até cair.
Criando um Mega Menu QuadMenu
Criar um mega menu usando QuadMenu é coisa de alunos da quarta série. Estaremos criando um novo menu para esta revisão, mas você sempre pode integrar o plugin com menus existentes.
Também importamos uma das demos do Total, para que possamos ter algum conteúdo para trabalhar.
Além disso, navegue até Aparências> Menus no menu de administração do WordPress.
Algumas observações sobre a imagem acima:
- Especifique o nome do seu menu aqui se estiver criando um novo menu. Nós vamos com QuadMenu Demo
- Lembre-se de salvar suas alterações usando este botão. Caso contrário, você perderá todas as suas alterações personalizadas
- Depois de ativar o QuadMenu, ele adiciona um botão de opções, QuadMenu PRO , que aparece quando você passa o mouse sobre qualquer item do menu
- Aqui, você escolhe o local do menu. Observe que a localização do menu que integramos ao QuadMenu possui um ícone, diferente dos outros
- Muitos itens do menu QuadMenu vivem aqui. Você pode adicionar esses itens de menu ao seu menu da mesma forma que adiciona outros elementos, por exemplo, páginas, categorias, links, etc.
Com um novo menu pronto, vamos adicionar alguns itens de menu QuadMenu e ver como isso acontece. Basta navegar até QuadMenu Items conforme mostrado pelo item número cinco (5) na imagem acima.
Adicione alguns dos itens ao seu menu e salve as alterações conforme detalhamos na imagem abaixo.
Sinta-se à vontade para adicionar qualquer outro item que desejar, ou seja, páginas, links personalizados, itens específicos do tema, etc. Agora, vamos atualizar nosso site de amostra e ver como o menu fica sem tocar em mais nada.
Aqui vamos nós.
Arrr! Nosso menu parece horrível, mas não se preocupe. Nós precisamos:
- Remova esse logotipo do QuadMenu porque não precisamos dele e porque liberará imóveis para construir nosso menu
- Desative os recursos integrados do menu Carrinho e Pesquisa do Total , pois eles colidem com os mesmos elementos no QuadMenu.
Você pode resolver o problema rapidamente. Siga as instruções abaixo.
Para remover o logotipo do QuadMenu, navegue até QuadMenu PRO > Opções no menu do WordPress. Em seguida, escolha seu tema, por exemplo, Default Theme e clique em Menu como ilustramos na captura de tela abaixo.
Nesta tela, você pode personalizar seu menu extensivamente. Por exemplo, alteramos o plano de fundo do nosso menu de cor sólida para gradiente conforme destacamos na imagem acima.
No entanto, para remover o logotipo, role até a parte inferior da tela até ver essa opção.
Você precisa clicar no botão Remover e depois no botão Salvar .
Com o logotipo desaparecido e o gradiente no lugar, precisamos ir para as opções Total e desativar os itens de menu Pesquisa e Carrinho .
Observe que estamos fazendo isso apenas para o tema Total WordPress. Talvez você não precise fazer isso para o seu tema.
Desativando o carrinho de menu e a pesquisa do Total
Vamos começar com o carrinho de menu. Navegue até Aparência > Personalizar no menu de administração do WordPress para iniciar o WordPress Customizer.
Em seguida, role para baixo e clique em WooCommerce como mostramos na imagem abaixo.
No submenu que é aberto, clique na guia Geral , conforme mostrado abaixo.
Depois disso, basta escolher Desativado no Menu Cart: Exibir menu suspenso, conforme ilustramos abaixo.
Por fim, clique no botão Publicar para salvar as alterações. Além disso, vamos desativar a pesquisa do menu também.
Clique na guia Cabeçalho no menu Personalizador, conforme mostrado abaixo.
Depois disso, clique na guia Menu Search , conforme apontamos na captura de tela abaixo.
Por fim, selecione Desativado no menu suspenso Estilo , conforme destacamos na imagem abaixo.
Clique no botão Publicar para salvar suas alterações. Agora, vamos ver como nosso menu fica em nosso site fictício.
Uau. O menu parece muito melhor agora, certo? Os recursos Login, Carrinho e Pesquisa são totalmente funcionais. Não é para se gabar nem nada, mas o fundo gradiente também está no local. Aham.
Como você pode ver, com alguns cliques e sem escrever uma linha de código, você pode integrar o QuadMenu ao seu tema. Ainda assim, nosso menu de demonstração aqui não faz muito. Ele não tem todos os recursos legais do mega menu que nos trouxeram aqui hoje. Como tal, vamos adicionar alguns elementos ao menu de amostra e ver onde isso nos leva.
Personalize o Mega Menu QuadMenu
Você está prestes a experimentar o QuadMenu em todo o seu esplendor. A interface de arrastar e soltar da qual falamos reina suprema aqui.
Sem perder mais um segundo, navegue até Aparência -> Menus no menu de administração do WordPress. Na tela Menus , passe o mouse sobre o item de menu que deseja personalizar e clique no botão QuadMenu PRO que aparece.
Para esta parte, optamos por personalizar o item do menu Mega . Veja imagem abaixo.
Clicar no botão QuadMenu PRO abre a seguinte interface. A próxima tela permite que você personalize este item de menu específico, ou seja, Mega extensivamente.
Aqui, clique na guia Colunas para que possamos dividir nosso mega menu em colunas. Vamos tentar três colunas. Clique no botão Adicionar coluna três vezes seguidas para criar três colunas vazias, conforme mostrado abaixo.
Nota: Nossa imagem tem uma coluna extra, mas quem está contando?
Agora, você pode adicionar conteúdo a essas colunas. Para fazer isso, clique no sinal de mais (+) conforme marcamos com o item número cinco (5) na imagem acima.
Clicar no sinal de mais na primeira coluna revela a guia QuadMenu Widgets , conforme mostrado na imagem abaixo.
Bem, para encurtar a história, adicionamos itens como um calendário à primeira coluna, uma imagem à segunda coluna e categorias, postagens recentes e nuvem de tags na terceira coluna.
Em seguida, salve seu menu. Vamos ver o que criamos.
Viola – temos um mega menu senhoras e senhores! Nosso calendário funciona, a imagem fica legal e os outros elementos estão todos lá. Você sabia que pode até adicionar um link para a imagem?
Sim, você pode editar muitas outras opções usando a interface de usuário do QuadMenu ou o WordPress Customizer. Veja como adicionamos elementos ao nosso menu de demonstração? Basta seguir esse procedimento, ser um pouco criativo e você é ouro.
A melhor parte é que você pode adicionar tudo, desde produtos, widgets, páginas, elementos do Visual Composer, tags, links personalizados e qualquer outra coisa que você possa imaginar. O QuadMenu mudará completamente a forma como você cria e visualiza os menus.
Outras opções do QuadMenu
Encerrando nossa análise do QuadMenu, os desenvolvedores ficarão felizes em saber que o plug-in vem com recursos de desenvolvedor, incluindo a capacidade de carregar o arquivo .less de uma pasta em seu tema, definir opções padrão para usuários, criar animações personalizadas e muito mais.
Bottomline, QuadMenu é um plugin de mega menu estelar para iniciantes e desenvolvedores. O plugin vem com opções suficientes para saciar suas necessidades e mais algumas. Outros recursos notáveis disponíveis no QuadMenu incluem:
- CSS customizado
- Função de importação/exportação
- Fácil integração de mídia social
- Suporte ao tema filho
- Layouts horizontais, verticais e fora da tela
- Animações
- Menus de carrossel, permitindo que você adicione controles deslizantes em seus mega menus
- Menus com guias
- E muito mais
Palavras finais para nossa revisão do QuadMenu
Aqui estamos nós, o fim está próximo, mas esperamos que esta análise do QuadMenu tenha lhe dado uma boa ideia do que esperar com o mega plugin de menu para WordPress. QuadMenu é um pedaço de código notável e, se bem utilizado, pode levar seus menus para o próximo nível. É fácil de usar, o que é uma vantagem adicional.
SAIBA MAIS SOBRE O QUADMENU VEJA A DEMONSTRAÇÃO AO VIVO
Quais são suas opiniões? Já experimentou o QuadMenu? Se sim, o que você descobriu? Deixe-nos saber seus pensamentos na seção de comentários abaixo.
