Plug-in WP Mega Menu: funcionalidade, instalação, configuração. Max Mega Menu – plugin de menu multifuncional para WordPress Mega menu WordPress

Tempo de leitura: 8 minutos. Publicado em 01/11/2016

Olá! Continuamos analisando os plugins mais interessantes e úteis para o site WordPress! Hoje você aprenderá sobre um plugin super útil que permitirá criar um menu suspenso horizontal. Você pode inserir qualquer widget, texto, editor, fotos, vídeos, formulários, código HTML no menu suspenso.

Você poderá personalizar completamente a aparência do menu e personalizar o menu suspenso. Você pode adicionar até 8 colunas de oito colunas a um menu suspenso horizontal. Você pode desativar o menu suspenso para dispositivos móveis. Plugin muito flexível, você pode fazer um Super menu!

Você pode instalar o plugin Super diretamente do painel de administração do WordPress. Vá para a página: Plugins – Adicionar novo, digite o nome do plugin no formulário de pesquisa, pressione Enter, instale e ative o plugin.

Configurações Gerais .

– Clique em Comportamento do evento, comportamento de clique. Aqui você tem duas opções para escolher:

• O primeiro clique abrirá um submenu, o segundo clique fechará o submenu, o primeiro clique abre um submenu, o segundo clique fecha o submenu;
• O primeiro clique abrirá um submenu, o segundo clique seguirá o link, o primeiro clique abre um submenu, o segundo clique no link.
• Deixe como padrão, não mude nada.

– Comportamento do menu móvel, comportamento no menu móvel,

• Padrão – Os submenus abertos permanecerão abertos até serem fechados pelo usuário, Padrão - um submenu aberto permanecerá aberto até que o usuário o feche.
• Acordeão – Os submenus abertos serão fechados automaticamente quando outro for aberto Acordeão – os submenus abertos serão fechados automaticamente quando outro for aberto.

– Saída CSS deixe como padrão, nada precisa ser alterado aqui.

– Descrições dos itens do menu, ativar ou desativar descrições para itens de menu.

– Instâncias de menu ativo Alguns temas exibirão a localização do menu várias vezes na mesma página. Por exemplo, seu tema pode exibir um local de menu após o menu principal e novamente para o menu móvel. Esta opção pode ser usada para garantir que o Max Mega Menu se aplique apenas a uma dessas instâncias.

– .

Temas de cardápio .

– Selecione o tema para editar, Este é o menu que você irá editar. Você pode criar e selecionar um menu diferente.

– Título do tema, título do tema do menu, deixe-o como padrão.

– Seta, você pode selecionar a seta que aparece no item do menu suspenso.

– Altura da linha, linha de altura.

– Índice Z, o indicador Z Index pode ser deixado como padrão.

– Sombra, Você pode personalizar a sombra do menu.

– transições flutuantes, habilite transições ao passar o mouse sobre os itens do menu.

– Redefinir estilo do widget, desativar estilos de widget do Mega Menu.

Barra de menu .

– Altura do menu, altura do menu.

– Plano de fundo do menu, cor de fundo do menu.

– Preenchimento de menu estofamento do cardápio.

– Raio da borda do menu, raio da borda do menu.

– Alinhar itens de menu, localização dos itens do menu.

– Plano de fundo do item de menu, cor de fundo dos itens do menu.

– Plano de fundo do item de menu (passar o mouse), cor de fundo do item de menu quando pairado.

– Espaçamento dos itens do menu, intervalo de itens de menu.

– Fonte, parâmetros de fonte, cor, tamanho, localização, família, etc.

– Fonte (passar o mouse) opções de fonte flutuante.

– Preenchimento de itens de menu, estofamento de itens de menu.

– Borda do item de menu, opções de borda do item de menu.

– Borda do item de menu (passar o mouse), Opções de borda do item de menu ao passar o mouse.

– Raio da borda do item de menu, item de menu parâmetros do raio da borda.

– Divisor de itens de menu, separador de menu.

– Destaque o item atual, realçar o item de menu atual.

Megamenus .

– Fundo do painel, cor de fundo do menu suspenso.

– Largura do painel A largura da janela do menu suspenso.

– Preenchimento do painel, estofamento.

– Borda do painel, cor e tamanho da borda.

– Raio da borda do painel, raio da borda.

– Preenchimento de item, estofamento de um item de menu em um menu suspenso.

Widgets .

– Fonte do título, opções de fonte do título do widget no menu suspenso.

– Preenchimento de título preenchimento do cabeçalho.

– Margem de direção preenchimentos das bordas do cabeçalho do widget.

– Borda do cabeçalho, parâmetros de fronteira.

– Fonte do conteúdo, fonte no conteúdo do widget.

Itens de menu de segundo nível .

– Fonte, fonte do item de menu de segundo nível.

–Fonte (passar o mouse) fonte flutuante.

– Plano de fundo (passar o mouse), cor de fundo ao passar o mouse.

– Preenchimento, estofamento.

– Margem, recuo

– fronteira, meio-fio, fronteira.

Itens de menu de terceiro nível . As mesmas configurações, apenas para itens de menu de terceiro nível.

Menus suspensos .

– Plano de fundo do menu, cor de fundo do menu suspenso de segundo ou terceiro nível.

– Largura do menu largura do menu.

– Preenchimento de menu estofamento.

– Borda do menu, fronteira.

– Raio da borda do menu, raio da borda.

– Plano de fundo do item, cor de fundo do item de menu.

– Plano de fundo do item (passar o mouse), cor de fundo do item quando pairado.

– Altura do item, altura do item de menu.

– Preenchimento de item item de estofamento.

– Fonte do item, fonte do texto no item de menu.

– Fonte do item (passar o mouse), fonte flutuante.

– Divisor de itens separador de elementos.

Menu móvel .

– Designer de barra de alternância, Isso mostra a aparência do menu em dispositivos móveis.

– Ponto de interrupção responsivo, largura para ir para o menu móvel.

– Alternar fundo da barra, cor de fundo do botão de abertura do menu móvel.

– Desativar alternância móvel, Você pode desligar o botão de menu.

– Alternar altura da barra, altura do interruptor do menu móvel.

– Colunas do Mega Menu, quantas colunas existem em um menu suspenso em um site para celular.

– Plano de fundo do menu, cor de fundo do menu móvel.

– Altura do item do menu, altura do item de menu.

Estilo personalizado. Aqui você pode adicionar o seu Estilos CSS para o cardápio.

– Salve suas alterações.

Locais do menu .

– aqui você pode criar áreas de menu às quais poderá adicionar menus. Para criar uma área para o menu, clique no botão – Adicionar outro local de menu.

Área do menu você pode adicionar ao site usando um shortcode ou código php.

Na página: Aparência– Cardápio – Gestão de Área, você poderá adicionar um menu para a área.

Ferramentas .

– Cache Aqui você pode limpar o cache CSS, não é necessário, o cache é limpo automaticamente toda vez que o menu é salvo.

– Dados do plug-in exclua todos os dados do plugin salvos no banco de dados do WordPress. Somente se o plugin for removido!

– Exportar tema, Você pode exportar o tema do mega menu no formato JSON ou PHP.

– Tema de importação, Você pode importar o tema do mega menu.

– Habilitar Marque a caixa aqui para ativar o mega menu.

– Evento, Aqui você pode escolher como o menu suspenso será aberto.

– efeito Você pode selecionar um efeito no menu suspenso.

– Tema, tema de menu padrão.

Depois de ativar o mega menu, em cada widget da página, ao passar o mouse, aparecerá um botão - Mega Menu. Clique neste botão para configurar o menu suspenso para este item de menu.

Próximo, uma janela será aberta. No canto superior direito, clique no campo largo para selecionar um widget e adicioná-lo ao menu. No canto superior direito você pode selecionar quantas colunas haverá no menu suspenso. Os widgets podem ser distribuídos em um painel suspenso, você pode especificar qual parte o widget ocupará, por exemplo, 1/2 ou 1/3. Clique nas setas direita e esquerda para indicar qual parte o widget ocupará.

Para abrir e configurar o widget, adicione qualquer conteúdo a ele, etc., no lado direito do widget, clique no ícone de chave. Configure o widget e salve-o.

– Ocultar texto, ocultar o texto do item de menu.

– Esconder Flecha, ocultar a seta.

– Ocultar item no celular, ocultar item de menu em dispositivos móveis.

– Ocultar item na área de trabalho, ocultar item de menu em computadores.

– Item de menu Alinhar, localização do item de menu.

– Alinhamento do submenu localização do menu de segundo nível.

– Ocultar submenu no celular, ocultar o menu de segundo nível em dispositivos móveis.

– Salvar alterações.

Está tudo pronto! Salve o cardápio, acesse o site e aproveite o resultado!

Atenção! Após ativar o Mega Menu, seu estilo de menu padrão será completamente alterado. Você precisará personalizar o estilo do menu na guia Configurações “Temas do Menu”.

Ainda tem dúvidas? Escreva um comentário! Boa sorte!

O menu é a base de toda navegação no site. Graças ao menu, o usuário pode navegar rapidamente pelo site e encontrar as informações que necessita. É bem possível dizer que o site “começa” com um menu, pois somente este elemento pode dar ao usuário uma ideia da estrutura do recurso da Internet.

O WordPress pronto para uso oferece uma ampla gama de opções para trabalhar com menus. Assim, as ferramentas integradas permitem criar um ou vários menus, com qualquer aninhamento, adicionar links arbitrários, etc. Mas muitas vezes, as ferramentas padrão não são suficientes para que o proprietário de um site construa um menu que atenda a todas as suas necessidades.

Mega plugin Max Mega Menu

Normalmente, os desenvolvedores de temas não fornecem configurações avançadas para personalizar a aparência do menu no site. Por exemplo, efeitos de passar o mouse e clicar, etc. O poderoso plugin gratuito Max Mega Menu foi projetado para expandir as ferramentas de navegação do site e oferece ao usuário WordPress os seguintes recursos:

• baseado em sistema padrão WordPress;
• suporte para múltiplas áreas de menu (cada uma com configuração própria);
• fornecendo funcionalidade conveniente de arrastar e soltar Arrastar e soltar;
• opção de exibição Widgets do WordPress no cardápio;
• personalize estilos de menu usando o editor de tema integrado;
• suporte para estilos de submenus;
• apoiar Passe o mouse, Intenção de foco ou Clique para abrir um submenu;
• efeitos Desaparecer, Desaparecer, Deslize para cima ou Deslizar ao acessar um submenu;
• a capacidade de adicionar ícones aos itens do menu;
• opções avançadas de itens de menu, incluindo “Ocultar texto”, “Desativar conexão", “Esconda-se celular” etc.;
• alinhar itens de menu à esquerda ou direita da linha e item de menu pai;
• design adaptativo para exibição em qualquer tela;
• suporte para vários filtros/ganchos;
• alta velocidade de trabalho;
• Documentação detalhada e fórum de suporte.

Configurando o Max Mega Menu

Primeiro, o plugin deve ser instalado e ativado. Agora vamos ver o que ele pode fazer. Para fazer isso, vá para a seção de administração Aparência -> Menu. Ressalta-se que se você ainda não possui um menu de navegação em seu site, crie um adicionando os itens necessários. Falamos detalhadamente sobre como criar um menu em um site WordPress em nossos artigos anteriores. Depois disso, preste atenção no bloco de opções à esquerda, que se chama Configurações máximas do Mega Menu.

Para que o plugin comece a funcionar, marque a opção Incluído.

Vejamos brevemente cada uma das configurações.

Configurações Evento determina em que evento os subitens do menu aparecerão.

Efeitoé responsável pelas aparências da animação e sua velocidade.

Em opção Assunto Você pode escolher o design do menu. Por padrão, há apenas um tema. Diremos a você como criar o seu próprio abaixo.

Clique nele e uma janela pop-up com configurações será aberta na sua frente.

A janela de configurações está dividida em três guias.

Guia Mega Cardápio permite determinar se um menu normal ou um menu com widgets será exibido. Se o último for selecionado, então na lista Modo de exibição do submenu precisa ser especificado Mega cardápio e selecione os widgets necessários na lista adjacente. Se você precisar de um menu regular, você deve selecionar Menu suspenso.

Guia Configurações permite que você personalize itens de menu. Existem opções de texto, links, ícones, adaptabilidade e muito mais.

Na aba Ícone Você pode definir um ícone para itens de menu.

Podemos concluir que as configurações presentes no plugin permitem configurar com flexibilidade cada item de navegação individualmente.

Agora devemos considerar mais configurações globais de plugins Menu Máximo Mega. Para fazer isso, vá ao menu de administração na seção Mega Menu -> Configurações Básicas. Percebe-se que existem todos os tipos de opções técnicas para o plugin. Em princípio, eles podem ser deixados como padrão. Também aqui você pode definir o comportamento do menu ao clicar com o mouse, sua adaptabilidade, configurações CSS etc.

Na seção Mega Menu -> Temas menu, você pode alterar um existente ou criar um novo tema. É claro que há bastante grande número uma variedade de configurações, incluindo cor, tamanho, sombra, animação, preenchimento, orientação para visualizações em desktop e dispositivos móveis. Se necessário, você também pode usar o seu próprio CSS-regras. Os temas criados desta forma podem ser aplicados no editor de menus.

Na seção Mega Menu -> Locais do Menu Você poderá criar novas áreas para colocar menus. Após a criação você receberá um especial PHP-código que permite publicar áreas em qualquer lugar do site, em arquivos de tema, bem como um shortcode que permite adicionar áreas de menu diretamente em posts/páginas.

Capítulo Mega Menu -> Ferramentas serve para exportar/importar temas criados anteriormente, existindo ainda diversas opções mais técnicas (limpar cache, remoção completa todos os dados do plugin).

Como conclusão

Plug-in Menu Máximo Mega possui um grande número de configurações, graças às quais você pode criar uma navegação original e colorida em seu site.

Clique em um dos botões para saber se gostou ou não do artigo.

eu gosto 1 eu não gosto

Olá! Como sempre, há muita coisa acontecendo na minha vida, por isso é muito difícil encontrar tempo para um blog. Ontem compramos passagens para Sri Lanka e partimos em breve por 4 meses, venha nos visitar! E agora estou procurando o vestido de noiva mais lindo :))
Hoje falaremos sobre como criar um menu no WordPress, bem como adicionar esses blocos em áreas personalizadas do template.
Aprenderemos como personalizar o menu e editá-lo a seu critério.

Edição e personalização de menus no WordPress

Primeiro, vamos dar uma olhada nas funcionalidades disponíveis no painel de administração do blog. Nos novos templates, compatíveis com as versões mais recentes do WordPress, a visualização do menu é bastante simples e a configuração não é particularmente difícil.

Depois de criarmos um tema filho que pode ser modificado sem afetar o tema principal, adicionaremos a seguinte função ao seu arquivo function.php.

register_nav_menus(array("additionalmenu" => __("Menu Adicional", "Nome do seu tema")));

Se você não criar um tema filho, adicione-o ao arquivo de funções principal do seu tema.

Esta função nos permitirá adicionar um menu WordPress adicional ao nosso modelo e criar outra área para ele.

Após adicionar, acesse o painel de administração em “Gerenciar áreas”:

Uma área de tópico adicional deve aparecer com o nome que definimos na função.

Clique em “Usar novo menu” se quisermos alterar as seções da área adicional ou selecione “Home”. Em seguida, a nova área exibirá as mesmas seções do Menu Principal.

No nosso caso, criamos um novo menu denominado Adicional:

Selecione a área temática “Menu Adicional” para ele.

Mas agora precisamos vincular esta área aos blocos do modelo. Por exemplo, precisamos criar um menu adicional sob o cabeçalho de um site WordPress. Vá para o arquivo header.php ou copie-o para o tema filho. Após a tag body adicione o seguinte:

Vamos ver o resultado:

Temos um menu adicional acima do cabeçalho. Agora precisamos definir estilos para ele, alinhar os itens em uma linha e abaixar o bloco sob o cabeçalho.

Fazemos as seguintes alterações no arquivo style.css:

cor de fundo: #000;

/* cor de fundo */ posição: relativa;

)

#additionalmenu nav ( largura: 940px; /*largura do contêiner */ margem: 0 auto; ) #additionalmenu li ( display: inline; preenchimento: 10px; /* preenchimento */ margem: 20px 0; ) #additionalmenu ( largura: 100% ; top: 420px; /* Distância da borda superior */ background-color: #000;

Vamos ver o que aconteceu:

A exibição do menu que criamos ainda está longe do ideal, mas com os devidos cuidados você pode trazê-lo para um formato que corresponda ao seu blog.

Widgets e plugins para adicionar menus no WordPress

Convido você a assistir a um vídeo sobre como criar um menu no WordPress:

O artigo mencionou o widget Menu Personalizado. Vejamos isso com mais detalhes.

Vá em “Aparência” - “Widgets”, encontre o widget “Menu Personalizado” e arraste-o para a área disponível para o seu tema e adequada ao blog:

No nosso caso, o bloco de menu foi adicionado à barra lateral. Para isso, selecionamos as seções do bloco Adicional que criamos.

Assim, no painel lateral à direita exibiremos o seguinte bloco:

Além do widget padrão integrado ao tema, também existem muitos plug-ins adicionais projetados para criar diferentes tipos de menus: vertical, horizontal, suspenso, etc.

Aqui, por exemplo, está um plugin para criar um menu vertical multinível no WordPress: Navgoco Vertical Multilevel Slide Menu.

Ou o widget do menu suspenso, que possui funções avançadas de personalização.

Widgets com efeitos JQwery para menus também são populares, por exemplo: JQuery Slick Menu Widget.

Vejamos o princípio de seu funcionamento usando um exemplo.

Após instalar o JQuery Slick Menu Widget, vá em “Aparência” - “Widgets”.

Um menu deslizante apareceu no lado esquerdo do cabeçalho. Quando você clica na guia, uma exibição de seções aparece:

Quando pressionado novamente, o bloco desaparecerá novamente.

Esta é apenas uma maneira de instalar, editar e exibir menus no WordPress.

Escolha a forma mais adequada e conveniente de criar um menu para o seu blog WordPress. Boa sorte!

É amplamente conhecido que o WordPress 3.0 adicionou suporte para menus personalizados (menus personalizados). A coisa, na minha opinião, é extremamente conveniente e útil. Na verdade, é daí que vem este artigo.

A comodidade é que agora você pode criar e configurar menus diretamente do painel de administração, adicionando links clicando nas caixas de seleção e alterando a ordem dos links simplesmente arrastando e soltando. Você pode adicionar links para páginas, categorias e postagens individuais ao menu. Você pode criar menus multinível, você também pode adicionar seus próprios links arbitrários ao menu, que o WordPress não conhece. Em geral, total liberdade de ação.

Porém, para que tal “liberdade” esteja disponível, é necessário, digamos, com um leve movimento do mouse, configurar a exibição de um menu customizado em um template.

Usar esses menus será extremamente conveniente se você usar um multisite Capacidades do WordPress, porque você pode configurar menus diferentes para sites diferentes, mas usar o mesmo modelo para eles.

Nota: o menu funciona através da taxonomia do WordPress (nav_menu), e links arbitrários (externos) são gravados na tabela principal do banco de dados de postagens. Esta abordagem é mais flexível e dinâmica, mas requer a geração constante de tais menus.

Register_nav_menus(array("top" => "Menu superior", //Nome do local do menu no modelo "bottom" => "Menu inferior" //Nome do outro local do menu no modelo));

Agora registramos 2 menus com identificadores “top” e “bottom” com seus nomes correspondentes. São necessários identificadores a serem utilizados no tema para indicar o local onde, através da função de saída wp_nav_menu(), será exibido o menu criado no painel de administração. Veremos os nomes dos locais cadastrados no painel de administração quando formos para a seção Aparência -> Menu.

Após o cadastro dos menus, acesse o painel de administração e crie seus próprios menus (neste exemplo, 2 menus):

Defina o nome do menu (o menu no modelo pode ser exibido pelo nome especificado usando a função wp_nav_menu()

Criação de itens de menu. Usamos o bloco esquerdo: páginas de links, categorias

1. Escolhemos onde ficará o menu, já que cadastramos 2 menus, teremos 2 opções: “Menu superior” e “Menu inferior”.

O suporte para menus personalizados no WordPress é habilitado para cada tema separadamente, com esta linha no arquivo functions.php add_theme_support("menus"); Porém, esta linha não é necessária se estivermos cadastrando um menu. Neste caso, o suporte será habilitado automaticamente.

Exibindo menus personalizados usando a função wp_nav_menu

Os menus estão cadastrados e criados, resta adicioná-los ao template. Isso é feito pela função wp_nav_menu(), que pode receber os seguintes parâmetros:

Wp_nav_menu(array("menu" => "", // (string) O nome do menu exibido (indicado no admin ao criar o menu, prioridade // que local especificado theme_location - se especificado, o parâmetro theme_location é ignorado) "container" => "div", // (string) Menu container. Invólucro ul. A tag do container é indicada (por padrão na tag div) "container_class" => "", // (string) classe do container (tag div) "container_id" => "", // (string) id do container (tag div) "menu_class " => "menu", // (string) classe do próprio menu (tag ul) "menu_id" => "", // (string) id do próprio menu (tag ul) "echo" => true, // (boolean) Exibir ou retornar para processamento "fallback_cb" => "wp_page_menu", // (string) A função (fallback) a ser usada se o menu não existir (não pôde ser recuperado) "antes" => "", // (string) Texto antes cada link "depois" => "", // (string) Texto depois cada link "link_before" => "", // (string) Texto antes da âncora (texto) do link "link_after" => "", // (string) Texto após a âncora (texto) do link "profundidade " => 0, // (inteiro) Profundidade de aninhamento (0 - ilimitado, 2 - menu de dois níveis) "walker" => "", // (objeto) Classe que coleta menus. Padrão: new Walker_Nav_Menu "theme_location" => "" // (string) A localização do menu no modelo. (indica a chave com a qual o menu foi cadastrado na função register_nav_menus)));

Neste exemplo, você precisa inserir aproximadamente (dependendo dos parâmetros necessários) os 2 códigos a seguir no modelo:

#1. Exibindo menus por localização

Menu superior. Nós o inserimos no cabeçalho do modelo (header.php), onde será exibido o menu superior:

"menu", "theme_location"=>"top", "depois"=>" /")); ?>

Irá exibir um menu criado no painel de administração, anexado ao local “Menu Superior” com estrutura semelhante:

Menu inferior. Inserimos no rodapé do template (footer.php), onde será exibido o menu inferior:

Exibe o menu criado no painel de administração, anexado ao local “Menu Inferior”. A estrutura será idêntica à primeira.

Observe que na primeira opção os parâmetros foram passados ​​através de um array. No segundo, através de uma linha. Ambas as opções estão corretas. Isso é comum para funções do WordPress - os parâmetros podem ser passados ​​como um array ou como uma string (a string é então convertida em um array).

#2 Exibir menu por nome

Para exibir um menu pelo seu nome, você pode usar o argumento “menu”. O nome é indicado como aquele que foi especificado ao criar o menu no painel de administração. No nosso exemplo (ver imagem) “Menu Principal”. O argumento menu tem prioridade mais alta que theme_location , o que significa que se exibirmos por nome, o parâmetro theme_location será ignorado.

Você pode especificar o ID do menu em vez do nome. Portanto, se o nome do menu for alterado, o código continuará funcionando. O ID do menu pode ser visualizado no URL durante a edição do menu:

Notas

Vamos remover o wrapper Div

Você provavelmente notou que o menu costuma ser “embrulhado” com uma tag div desnecessária. Ele pode ser removido especificando um parâmetro vazio "container"=>"" nos argumentos da função wp_nav_menu().

Alterando as configurações padrão

Para evitar a especificação constante do mesmo parâmetro para menus inseridos, eles podem ser substituídos em funções.php. Isso é feito através do filtro wp_nav_menu_args:

Register_nav_menus(array("top" => "Menu superior", "bottom" => "Menu inferior")); add_filter("wp_nav_menu_args", "my_wp_nav_menu_args"); função my_wp_nav_menu_args($args="")( $args["container"] = ""; return $args; )

Por analogia, você pode criar seus próprios argumentos padrão: $args["argument"] = "value" .

Verificando se o menu está cadastrado

O WordPress também possui uma função de condição: has_nav_menu("top") - verifica se a localização do menu superior foi registrada. Se o menu não for especificado, a função wp_nav_menu() funcionará como wp_list_pages() , mas o div “wrapper” permanecerá, apesar de tê-lo removido dos argumentos. Você pode resolver esse problema assim:

If (has_nav_menu("top"))( wp_nav_menu(array("container" => "", "theme_location" => "top", "menu_class" => "menu")); ) else ( echo "

"; wp_list_pages(array("profundidade" => 1, "title_li" => "")); echo "

Mega menus suspensos- um ótimo achado de design. Navegação no site, contendo um grande número de páginas, sempre apresentou um certo problema. Os menus estáticos clássicos no mapa do site crescem rapidamente à medida que o número de páginas aumenta e ocupam muito espaço. Menus suspensos dinâmicos podem economizar significativamente espaço na página, mas a usabilidade é sacrificada - a navegação requer uma operação ativa e bastante precisa do mouse. Um pouco perdido e o menu errado é aberto.

O ímpeto para o desenvolvimento do conceito de megamenu foi provavelmente a interface da faixa de opções Microsoft Office 2007. Este conceito está bem no meio entre um menu estático simples e um menu suspenso dinâmico. Por um lado, tal menu é bastante informativo e intuitivo, por outro lado, reduz significativamente as manipulações necessárias do mouse. Abrindo, pode usar tudo espaço disponível tela, que permite ao usuário visualizar todos os itens oferecidos em um determinado contexto e, se necessário, ocultá-los.

Seja como for, o megamenu está agora, como dizem, na moda e se você ainda não o usou, vale a pena dar uma olhada mais de perto.

UberMenu: plug-in do Mega Menu do WordPress

Além disso, o menu também possui vários outros recursos excelentes, como:

• Grade adaptativa integrada
• Ajuste individualmente a largura de cada coluna e defina a largura padrão
• Agrupando itens de menu
• Centralizando itens de menu em linhas horizontais
• Imagens de fundo personalizadas
• Submenus roláveis ​​contendo um grande número de itens.

Custo: $ 19

Menu Principal Mega

Custo: $ 15

Liquida Mega Cardápio

O plugin oferece amplas oportunidades para criação de cardápio com design moderno e elegante: orientação vertical ou horizontal, possibilidade de inclusão em itens de menu links, imagens e até cartões de produtos WooCommerce ou Easy Digital Downloads, que pode ser útil no desenvolvimento de lojas online.

Custo: $ 19

Megamenu Sky

Custo: $ 6

Megamenu WP

Custo: $ 29

Menu NOO

O conteúdo dos itens do menu pode ser texto, links, imagens, vídeos, formulários e vários widgets. Ele usa sua própria grade de 12 colunas para abrigar tudo.

Custo: $ 15

Menu Hero – Plug-in Mega Menu WordPress responsivo

O design é moderno e elegante e, claro, completamente.

Custo: $ 19

Superfly - Plug-in de menu WordPress responsivo

Um dos representantes desse tipo de megamenu é o Superfly – Responsive WordPress Menu Plugin. Um instrumento impressionante tanto em design quanto em desempenho.

Custo: $ 22

Alternar menu

Alternar menu - muito simples, cardápio minimalista, que, no entanto, cumpre bem a sua função principal.

Custo: $ 5

Menu flutuante WP Pro

WP Floating Menu Pro oferece 13 e 7 à disposição do desenvolvedor várias opções localização na página, opções de personalização, cor, conteúdo e quantidade de itens.
Para telas com resolução inferior a 480px, é possível desligamento automático menu.

Custo: $ 17

Plug-in WordPress do Menu Flexi

Custo: $ 14

Menu Max Mega (grátis)

Capaz de converter automaticamente menus regulares já existentes em um mega menu com controle total sobre o processo de conversão e salvar ou reatribuir as ações correspondentes.