Como adicionar um menu mega no seu site WordPress (passo a passo)

Recentemente, um de nossos leitores perguntou se é possível adicionar um mega menu ao seu site WordPress? Mega Menus permitem que você adicione menus suspensos de várias colunas à sua navegação com mídia rica, como imagens e vídeos. Neste artigo, mostraremos como adicionar facilmente um mega menu ao seu site WordPress.

Como adicionar um menu Mega no WordPress

Por que e quem deve adicionar o Mega Menu no WordPress?

Mega Menus são particularmente úteis para sites com muitos conteúdos. Isso permite que os proprietários do site mostrem mais itens em seu menu superior.

Sites populares como a Reuters, a Buzzfeed e a Starbucks usam mega menus para exibir menus de navegação altamente interessantes e interativos.

Site da Starbucks que mostra um mega menu

Enquanto os menus de navegação padrão do WordPress permitem adicionar submenus suspensos e até mesmo adicionar ícones de imagem ao lado de cada item, às vezes você só precisa de um mega menu.

Vamos dar uma olhada em como adicionar facilmente um mega menu ao seu site WordPress.

Adicionando um Mega Menu no WordPress

A primeira coisa que você precisa fazer é instalar e ativar o plugin Max Mega Menu. É o melhor mega menu livre WordPress plugin disponível no mercado. Para mais detalhes

Após a ativação, o plugin irá adicionar um novo item de menu, Mega Menu, ao seu menu de administração do WordPress. Ao clicar nele, irá levá-lo para a página de configurações do plugin.

Configurações do Mega Menu

As configurações padrão funcionam para a maioria dos sites. No entanto, você precisará alterar as cores do menu, então eles combinam as cores usadas pelo recipiente do menu de navegação do tema do WordPress.

Para descobrir quais cores são usadas no seu tema, você pode usar a ferramenta Inspecionar no seu navegador.

Usando a ferramenta de inspeção para descobrir as cores da barra de navegação

Depois de obter o código hexadecimal colorido, você pode colá-lo em um arquivo de texto para usar mais tarde.

Em seguida, você precisa visitar a página de configurações do menu mega, clique na guia ‘Menu Themes’ e depois clique na seção ‘Menu Bar’.

Cores do menu de barras

Aqui você pode substituir a cor de fundo usada pelo mega menu para combinar o recipiente do menu de navegação do seu tema.

Não esqueça de clicar no botão Salvar alterações para armazenar suas configurações.

Agora que configuramos as mega configurações do menu, vamos continuar e criar o meu mega menu.

Primeiro você precisa visitar o Aparência »Menus página e, em seguida, adicione itens de nível superior à sua navegação

Em seguida, na tela Menus você precisa habilitar o mega menu marcando a caixa em ‘Configurações Máximas do Menu’.

Ativar mega menu

Depois disso, você precisa pegar o mouse para um item de menu, e você verá que o botão “Mega Menu” aparece na guia do menu.

Ao clicar no botão, aparecerá um popup. Aqui você pode adicionar qualquer widget do WordPress ao seu mega menu e selecionar o número de colunas que deseja exibir.

Adicionando widgets ao seu mega menu

Você também pode clicar no ícone da chave inglesa em um widget para editar as configurações do widget. Não se esqueça de clicar no botão Salvar para armazenar as configurações do widget.

Depois de terminar, você pode fechar o popup e visitar seu site para ver o mega menu em ação.

Pré-visualização do menu Mega