Como adicionar o mega menu do WordPress ao seu site
Publicados: 2019-12-27Hoje em dia, os Mega Menus são obrigatórios para sites de comércio eletrônico. Os usuários estão acostumados com eles e isso torna a navegação muito mais fácil. É por isso que neste guia mostraremos como adicionar o mega menu do WordPress à sua loja.
O que é um Mega Menu e o que ele faz por nós?
Um mega menu é um elemento central quando se trata de melhorar a experiência do usuário do seu site. A simples existência de um menu suspenso dinâmico capaz de encerrar a navegação do seu site muda as coisas. Seus visitantes não se sentirão perdidos ao navegar em seu site se você usar um mega menu. Da mesma forma, colocar links de navegação corretos, adicionar páginas adicionais ao seu menu e até mesmo subseções para o seu site se torna uma tarefa fácil. Esteja você adicionando páginas de loja ou produtos ou mesmo colocando elementos de mapa em seu menu, tudo se torna muito mais fácil de manusear quando você usa um mega menu.
Adicionar um menu Mega faz toda a diferença na hora de melhorar a experiência do usuário em seu site. A ideia é criar uma navegação compacta para todas as páginas necessárias. E, ao mesmo tempo, apresente-o de uma maneira que não pareça esmagadora. Além disso, você pode implementar seus mega menus de várias maneiras:
- Para apresentar conteúdo em destaque
- Como uma seção simples para mostrar os próximos produtos
- Coloque em blogs, elementos exclusivos da web, tabelas de agendamento necessárias
Fornecer informações de som e encerrar a navegação no site nunca foi tão fácil.
Então Quadlayers traz para você este guia para ajudá-lo a adicionar o mega menu do WordPress ao seu site de uma maneira que seja digerível e fácil de entender.
Como adicionar um menu Mega ao seu site WordPress
Este tutorial irá ajudá-lo a habilitar seu mega menu em seu site WordPress . Para isso, usaremos um plugin de terceiros. Há uma grande variedade de opções disponíveis no mercado, cada uma com suas vantagens e desvantagens. Alguns deles são gratuitos, alguns são premium, alguns mais fáceis de usar, enquanto outros são um pouco mais complicados.
Se você quiser saber mais, confira nossa lista dos melhores plugins de Mega Menus. Além disso, este post destaca os pontos fortes dos melhores plugins disponíveis.
Para esta demonstração, usaremos o plugin QuadMenu WordPress. É extremamente simples de configurar e personalizar e vem com uma ampla variedade de recursos notáveis. Esses incluem:
- Interface fácil de usar
- Incrível compatibilidade com temas e plugins de terceiros
- Design mobile-first que é completamente construído para estar pronto para retina
- Itens de menu flexíveis e exclusivos
- Quatro predefinições exclusivas para escolher com opções de personalização adicionais
- Ferramentas dedicadas ao desenvolvedor
Assim, se você ainda não conferiu, recomendamos que você use o QuadMenu como uma opção viável para adicionar um mega menu WordPress ao seu site.
Como instalar o QuadMenu
Portanto, antes de iniciarmos nosso processo de construção do nosso mega menu, precisaremos primeiro instalar nosso plugin. Basta clicar na seção Plugins no seu painel do WordPress e, em seguida, clicar em Adicionar novo abaixo dele. Em seguida, use a barra de pesquisa no canto superior direito para pesquisar QuadMenu e simplesmente clique em Instalar agora . Depois disso, o botão deve mudar para Ativar e você pode clicar nele novamente para ativar seu plugin WordPress QuadMenu.
Como configurar o QuadMenu
Depois de instalá-lo, a listagem do QuadMenu deve ser exibida na barra lateral do painel do WordPress . Clique nele para ir para a interface do plugin QuadMenu e você será saudado pela página do plugin, que solicitará que você o configure ativando-o nos locais do seu tema.
Para fazer isso, basta clicar no link Opções fornecido a você ou clicar em Opções no QuadMenu na barra lateral do Painel.
Para habilitar o mega menu, basta clicar em cada seção do tema e clicar em On na opção Integração como mostrado abaixo.
Você também pode escolher qual tema ativar o mega menu na mesma página. QuadMenu permite habilitar mega menus em diferentes locais de temas listados na configuração.
Como personalizar e construir seu mega menu WordPress
Agora que você configurou o QuadMenu, você pode ajustá-lo e personalizá-lo para sua loja. A primeira coisa que você pode fazer é criar um menu. Para isso, passe o mouse sobre QuadMenu na barra lateral do seu Dashboard e clique em Menus . Em seguida, siga estes passos simples:
- Dê um nome ao seu menu e clique em Criar Menu .
- Conclua as configurações do seu menu. Escolha o local de exibição que deseja usar para o seu mega menu. Você pode escolher um menu horizontal ou vertical e ativar um menu móvel, um menu social, um menu de rodapé ou um menu expandido para desktop.
- Depois de escolher as opções desejadas, clique em Salvar Menu .
Adicionando itens de menu ao seu Mega Menu
Depois de salvar o menu, você pode adicionar itens de menu a ele. Para isso, você pode simplesmente usar a coluna Adicionar itens do menu à esquerda e escolher quais páginas, postagens ou categorias você deseja adicionar ao seu mega menu. Além disso, você pode adicionar URLs personalizados marcando as páginas/postagens/categorias necessárias.
Além disso, o QuadMenu oferece a opção de escolher quais links, páginas e postagens você deseja em seus menus. Você pode até usar uma guia de pesquisa bacana em cada seção para encontrar o conteúdo facilmente em seu mega menu.
Os links personalizados permitem adicionar links a vários conteúdos para os quais você deseja direcionar o tráfego.
Depois de marcar todos os itens de menu que deseja adicionar ao seu mega menu, clique em Adicionar menu para criar seu mega menu do WordPress. Você também pode reorganizar a ordem dos itens do menu arrastando-os para cima e para baixo na janela à sua direita.
Clique no item de menu necessário na coluna da direita para modificar a ordem do item. Você pode até configurá-lo para ser um submenu da mesma coluna. Quão legal é isso!
Acostumando-se ao QuadMenu e suas personalizações
O verdadeiro ponto forte do QuadMenu é seu grande número de opções de personalização. Embora configurar seu menu do WordPress seja super fácil, a personalização também é um fator importante que você deve considerar. Agora que sabemos como adicionar um mega menu do WordPress ao seu site, vamos dar uma olhada no que você pode fazer para adicionar mais sabor a ele.
Passe o mouse sobre a listagem do QuadMenu em seu painel WP e clique em Opções . Você verá que existem várias opções de personalização que se enquadram em várias categorias, de layouts a dimensões de menu, preenchimento, animações e muito mais.
Agora, vamos nos aprofundar em algumas das opções mais importantes que você pode habilitar para o seu mega menu.
Personalizando seu Mega Menu
Primeiro, o layout e alinhamento.
- Em Opções , clique em Tema padrão
- Além de Menu , você terá cinco layouts de menu no total. Escolha o que você gosta
- Selecione um alinhamento de menu apropriado que muda com base no layout do menu
- Clique em Salvar quando terminar
Agora, vamos personalizar nosso menu adicionando planos de fundo, cores e personalizando nosso logotipo.
- Clique no menu em Tema padrão
- Escolha entre as opções de plano de fundo da barra de navegação
- Escolha a cor BG e a cor do texto que você deseja que seu plano de fundo tenha
- Personalize a Altura e a Largura do menu abaixo
- Clique em Salvar
E isso está apenas arranhando a superfície, na mesma página de personalização do menu, você pode personalizar logotipos, links, ícones e muito mais.
Além disso, você pode personalizar menus móveis, tipografia, animações e até adicionar CSS personalizado. O QuadMenu também permite importar/exportar essas personalizações para que você possa adicionar os mesmos designs de mega menu em vários sites. Experimente com todos eles para encontrar as opções certas para o seu mega menu.
Conclusão
E agora você sabe como adicionar um Mega Menu ao seu site WordPress. Mega menus podem ser super úteis e ajudar você a melhorar a experiência do usuário. No entanto, se eles não forem usados corretamente, eles também podem confundir seus visitantes e sobrecarregá-los com muitas opções. É por isso que você deve sempre manter seus compradores em mente ao projetar e personalizar seu menu para obter os melhores resultados.
Você tem alguma experiência para compartilhar? Deixe-nos saber na seção de comentários abaixo!