Max Mega Menu é um plugin multifuncional WordPress. Plugin WP Mega Menu: Funcionalidade, Instalação, Configuração do menu totalmente adaptável e móvel

Mega Menu principal. Este é um plugin para criação rápida Menu para WordPress. Tem funções especiais que facilitam isso.

Menus pegajosos e suspensos, emblemas, logotipo e busca.
Uma variedade de cores. E você pode alterar a cor de qualquer opção no menu. Além de cores, os gradientes também são usados, imagens de fundo. e imagens.
O conteúdo tem até 10 variações. Você também pode colocar conteúdo no menu suspenso. Pode ter tudo, desde referências a imagens e códigos de acesso.
No menu Site, você pode usar até 1600 ícones. Esses ícones têm gráfico de vetor Portanto, eles não exigem grandes volumes e permissões. Isso permitirá que eles sejam usados \u200b\u200bmesmo em um celular.
Fontes também têm suas diferentes variações. Pode usar 600 fontes do Google que podem ser facilmente configuradas nas configurações de plug-in.

O plugin é estabelecido pelo método usual, bem como todos os programas e dificuldades não ocorre. Depois de ativá-lo, você deve ir para o menu principal. Neste menu, na parte esquerda, você verá quatro opções. Esta é a principal opção com configurações compartilhadas, então a opção da aparência da página chamada skins, que altera a cor, a fonte, etc. Também duas últimas opções são comunicação com suporte e configurações especiais Para profissionais.

Em opções gerais Existem três opções que é primário, móvel_menu, secundário. A seção principal serve para configurações todos os valores do menu principal. Por exemplo, você pode definir a altura, suavizando os ícones, configure a imagem do logotipo. No MobileI Secundário, essas configurações são reproduzidas separadamente.

Nas configurações de skins Há também três variações nas configurações. primário., extra, rodapé.. Na primeira versão, podemos configurar o fundo do recipiente principal e escolher uma aparência horizontal, vertical e radial. Então a fonte do primeiro ponto, etc.

Em parâmetros específicos, você pode estabelecer uma revisão sobre dispositivos portáteis. Você pode então definir a resolução e o estilo da tela.

A última opção é configurar a estrutura do site. Aqui você escolhe qual opção para habilitar e o que desligar.

Então, este é um excelente menu de plug-in que pode transformar seu tópico. Com ele, você pode facilmente preenchê-lo com ícones, fotos e outros elementos. A principal coisa, sua qualidade é que ela tem uma funcionalidade leve. Ao contrário de outro plugins do menu principal da MAGA Tem um efeito insignificante no site.

Tanto quanto eu entendo, sob o termo mega menu no WordPress implica um grande bloco supernuncional com muitos elementos diferentes: listas, fotos, textos, controles deslizantes, etc. Certamente você se conheceu. Em algum momento para publicar uma seleção completa no tópico, mas hoje será sobre uma solução muito concreta - o plugin MAX MEGA MENU. Eu escolhi como já foi testado no trabalho, muitas vezes cai nas listas, além disso, há uma das versões mais inteligentes e de desenvolvimento gratuitas (Lite).

Imediatamente após a instalação do MAX MEGA Menu no WordPress, sua navegação padrão é convertida em um mecanismo mais poderoso e funcional com a possibilidade de adicionar todos os tipos de widgets, um editor conveniente e um grupo configurações adicionais. Baixe o plugin daqui ou procure por ele através do administrador WP.

No este momento A versão mínima necessária do sistema é 3.8, funciona até o último 4.8.3. Downloads cerca de 100 mil. Eu gosto disso nos últimos 2 meses, quase 70 insetos diferentes de 89 foram corrigidos, o que indica boa atividade dos desenvolvedores.

Principais características e chips max menu Mega

Vários locais de colocação são suportados, para cada um dos quais você pode escolher seus parâmetros;
Trabalho fácil com elementos de navegação via arrastar e soltar.
Adicionando.
Existe um editor de decoração conveniente.
Adicionando qualquer widgets: fotos, textos, listas, etc.
Condição de condicionamento: Ao pairar, clique em.
Efeitos de saída de submeni: partida, aparência / atenuação, etc.
Diferentes opções adicionais para esconder texto / links ou desligamento em versão móvel. O último item ajudará a simplificar a criação de um separado.
Alinhamento para itens de menu.

Para entender o quão legal tudo é legal e conveniente, eu aconselho que você apenas olhe o seguinte vídeo:

Além disso, os desenvolvedores podem se proporcionar muito corretos e corretamente abordar a criação da decisão. WordPress MAX MEGA Menu é um produto muito de alta qualidade, aqui você é um lote de confirmações:

todo o design é definido usando um Arquivo CSS.onde a propriedade "famosa" de importante não é usada;
suporte de retina, adaptabilidade, desencadeamento em smartphones e tablets (testado em quase todos os navegadores de desktop e móveis existentes);
código puro, os scripts js com gziped ocupará menos de 2kb;
suporte para diferentes filtros / ganchos;
documentação detalhada + Ao contrário de muitos outros plug-ins, o fórum é suportado o suficiente.

Configuração e trabalho com Max Mega Menu

Imediatamente após a instalação, a seção aparece no administrador. Nas "Configurações básicas", você pode corrigir várias opções em relação ao comportamento do submenu, dispositivos móveis, etc. "Temas" parecem mais interessantes.

Aqui estão 6 guias com chips diferentes:

Main - Escolha o tipo de setas, sombra, altura da linha, etc.
Barra de menus - Registro da unidade principal: Fundos, recuos, fontes, orientação.
Mega menus - estilos e configurações mega menu.
Drop-Down - Semelhante ao restante do conjunto de estilos.
Menu móvel - Tamanho da tela para acionamento e outras opções de menu móvel.
Design personalizado - Adicione seus estilos de CSS.

Depois que os parâmetros básicos forem especificados, vá para a seção de administração WP " Aparência"-" Cardápio ".

Você precisa selecionar o menu que deseja trabalhar e, em suas configurações, coloque uma caixa ao lado de "Inclusive". Ativar o menu MEGA MAX no WordPress só funcionará quando a área de exibição for especificada no modelo (cap, rodapé, barra lateral, etc.). Há também parâmetros de efeitos e eventos de eventos.

Para abrir o editor do módulo para trazer o cursor para um dos itens de hierarquia e clicar no botão "Mega Menu" apareceu. Na janela pop-up, uma ferramenta apropriada será exibida que você pode ver na apresentação de vídeo do plugin acima.

Aqui você pode, em primeiro lugar, determinar o número de colunas e adicionar todos os widgets. Além disso, é permitido alterar o tamanho de cada elemento. Você pode escolher widgets permitidos apenas no primeiro nível de navegação (principal). Se você clicar no botão Mega Menu em frente a outros elementos, apenas para a tarefa de ícones e diferentes propriedades:

Ocultar texto / link, alinhamento e desconexão no Dexte / Mobile - Muito conjunto útil funções. É permitido especificar essas opções em cada item de menu. Não esqueça de salvar as alterações.

MAX MEGA MENU PRO E CONCLUSÕES

Em geral, este desenvolvimento, exceto o repositório, tem um site separado. Há descrições coletadas de todas as capacidades do módulo, apresentaram documentação e sua pequena demo, e há um link para suporte técnico e carga. O custo da versão avançada do Max Mega Menu Pro, em princípio, não tão alto - por sites de 1/5/99, ele custará US $ 23 / US $ 35 / US $ 99 dólares, respectivamente. Isso inclui atualizações e suporte para o ano. Se você é um desenvolvedor, tendo licença comercial Pro e instalar um plugin em 5 sites, obter o valor final da solução \u003d 7 dólares!

O que está incluído no Max Mega Menu Pro:

Integração Google Fonts., Disponibilidade Ícones Fontawnes e personalizados nas configurações.
Suporte o menu do tipo vertical e acordeão.
Logotipo compartilhado na navegação + bloco de pesquisa.
Estilos de itens individuais.
WooCommerce e suporte de EDD.
A capacidade de personalizar.
Pesquisa, ícones / logotipo e HTML para elementos móveis.
Atualização automática e suporte prioritário.

Para sites clássicos comuns, há o suficiente versão gratuita Max Mega Menu no WordPress, que é muito bom para a funcionalidade. Configurações diferentes Há muito aqui. Também também gostei que os desenvolvedores suportam sua cérebro, corrigindo relativamente rapidamente os erros atuais e se preocupam com a pureza / código correto. O conhecimento terá que passar algum tempo, mas vale a pena. Para mais fácil lidar com o trabalho do plugin - assista ao vídeo e leia a documentação.

E o que módulos mega menu no WordPress você está usando e por quê? Trabalhou com esta decisão que você pode adicionar isso?

Leia 8 min. Postado em 11/01/2016.

Ei! Continuamos a desmontar os plugins mais interessantes e mais úteis para o WordPress! Hoje você aprenderá sobre um plugin super útil que permitirá que você crie um menu suspenso horizontal. Você pode inserir quaisquer widgets, texto, editor, foto, vídeo, formulários, código HTML no menu suspenso.

Você pode configurar totalmente a aparência do menu e configurar o menu suspenso. Você pode adicionar ao menu suspenso horizontal para 8 oito colunas. Você pode desativar o menu suspenso para dispositivos móveis. Plugin muito flexível, você pode fazer um super menu!

Instale o super plugin que você pode diretamente do painel Admin do WordPress. Vá para: Plugins - Adicionar novo, insira o nome do plug-in no formulário de pesquisa, pressione ENTER, instale e ative o plugin.

Configurações Gerais .

– Clique em Comportamento de Eventos, Comportamento ao clicar. Aqui você tem duas opções para escolha:

Primeiro clique Abra um submenu, o segundo clique irá fechar o submenu, o primeiro clique abre o submenu, o segundo clique fecha o submenu;
Primeiro clique Abra um submenu, o segundo clique seguirá o link, o primeiro clique abre o submenu, o segundo clique no link.
Deixe o padrão, não mude nada.

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

Standard - Os menus submarinos permanecerão abertos até ser fechado pelo usuário, Standard - Abrir submenu permanecerá aberto até que o usuário o feche.
Acordeão - Open Subenus fechará automaticamente quando outro for aberto, Acordeão - Abrir submenu fechará automaticamente quando outro estiver aberto.

– Saída de CSS, Deixe o padrão, nada precisa ser alterado aqui.

– Item de menu desrições, Ativar ou desativar a descrição para itens de menu.

– Instâncias de menu ativo Alguns tópicos exibirão o local do menu várias vezes em uma página. Por exemplo, seu tópico pode exibir o arranjo de menu após o menu principal, novamente para o menu móvel. Este parâmetro pode ser usado para garantir que o menu MAX MEGA seja aplicado apenas a uma dessas instâncias.

– .

Temas de menu. .

– Selecione o tema para editar, Aqui está o menu que você editará. Você pode criar e selecionar outro menu.

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

– Flecha Você pode selecionar uma seta que é exibida no item de menu com o menu suspenso.

– ALTURA DA LINHA, Linha de altura.

– Índice z, O indicador Z Index pode ser deixado por padrão.

– Sombra Você pode configurar a sombra do menu.

– Transições de faixas, Ativar transições quando você passa no menu.

– RESET WIDGET Styling, Desativar os estilos de widget Mega Mega.

Barra de menu. .

– Altura do menu, Altura do menu.

– Fundo do menu, Cor do fundo do menu.

– Preenchimento de menu, Menu de estofos.

– Raio de fronteira do menu, Raio da borda do menu.

– Itens de menu alinhados, Localização dos itens de menu.

– Fundo do item de menu, Itens de menu cor de fundo.

– Fundo do item de menu (pairar), Fundo de cor do item de menu.

– Espaçamento de item de menu, Intervalo de itens de menu.

– Fonte Font, cor, tamanho, localização, família, etc.

– Font (Hover), Parâmetros de fonte quando pairando.

– Estação de item de menu, Itens de menu de estofados.

– Borda do item de menu, Os parâmetros de limite do item de menu.

– Borda do item de menu (pairar), Os parâmetros do ponto do item de menu ao pairar.

– Item de menu raio de fronteira, Parâmetros RADIUS do item de menu.

– Divisor do item de menu, Separador de menu.

– Destaque o item atual, Permitir o item de menu atual.

Menus mega. .

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

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

– Padding de painel, estofamento.

– Borda do painel, Cor e tamanho das fronteiras.

– Raio de fronteira do painel, Raio da fronteira.

– PADDING DE ITEM., estofamento de item de menu no menu suspenso.

Widgets. .

– Fonte Cabeçalho, Parâmetros de fonte do título do widget no menu suspenso.

– Estando de título, Cabeçalho de estofos.

– Margem de cabeçalho, Recuos dos limites do cabeçalho do widget.

– Fronteira de cabeçalho, Parâmetros de fronteira Bordeur.

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

Itens de menu de segundo nível .

– Fonte A fonte dos itens do menu de segundo nível.

– Font (Hover), Fonte quando pairando.

– Fundo (pairar), Cor de fundo quando pairando.

– Preenchimento estofamento.

– Margem recuar.

– FRONTEIRA, Fronteira, fronteira.

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

Menus de flyout. .

– Fundo do menu, A cor de fundo do menu caindo do segundo ou terceiro nível.

– Largura do menu, Largura do menu.

– Preenchimento de menu, estofamento.

– Borda do menu, a fronteira.

– Raio de fronteira do menu, Raio da fronteira.

– Fundo do item, Cor do fundo do ponto do menu.

– Fundo do item (pairo), Ponto de cor de fundo quando pairando.

– Altura do item, Item do menu.

– PADDING DE ITEM, Estofamento.

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

– Fonte do item (pairar), Fonte quando pairando.

– Divisor do item, separador de elementos.

Menu móvel. .

– Toggle Bar Designer, Aqui é mostrado como o menu se parece em dispositivos móveis.

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

– Alternar fundo da barra, Botão de abertura de fundo de cores menu celular.

– Desativar a alternância móvel, Você pode desativar a chave de menu.

– Altura da barra de alternância, Altura do interruptor do menu móvel.

– Colunas de menu mega, Quantas colunas no menu suspenso no site móvel.

– Fundo do menu, Cor do fundo do menu móvel.

– Altura do item de menu, Item do menu.

Estilo personalizado.. Aqui você pode adicionar seus estilos CSS para o menu.

– Salve as alterações feitas.

Locais de menu .

- Aqui você pode criar uma área de menu, na qual você pode adicionar um menu. Para criar uma área para o menu, clique no botão Adicionar outro menu de menu.

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

Na página: Aparência - Menu - Regiões de gestãoVocê pode 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 de plugin, Exclua todo o plug-in armazenado no banco de dados do WordPress. Somente em caso de remoção do plugin!

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

– Importar tema Você pode importar o tema do menu Mega.

– Habilitar Coloque um carrapato aqui para ativar o menu mega.

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

– Efeito, Você pode selecionar o efeito para o menu suspenso.

– Tema Tema de menu, padrão.

Depois de ligar o menu Mega, Em cada widget da página, quando pairando, um botão - Mega menu aparecerá. Clique neste botão para configurar o menu suspenso para este item de menu.

Avançar, Você terá uma janela. Na parte superior à direita, clique em um campo amplo para selecionar o widget e adicioná-lo ao menu. No topo à direita, você pode escolher quantas colunas no menu suspenso. Os widgets podem ser distribuídos pelo painel suspenso, você pode especificar qual parte do widget será necessário 1/2 ou 1/3. Clique nas setas à direita e à esquerda para especificar qual parte ocupará o widget.

Para abrir e configurar o widget, Adicione qualquer conteúdo a ele, etc., no widget, clique no ícone da tecla. Configure o widget e salve-o.

– Esconder texto Ocultar texto do item de menu.

– Esconder a seta Esconda a flecha.

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

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

– Item de menu alinhado, Localização do item de menu.

– Sub menu Align, Localização do menu segundo nível.

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

– Salve as alterações.

Tudo está pronto! Salve o menu, vá para o site e aproveite o resultado!

Atenção! Depois de ligar o menu Mega, seu estilo padrão será completamente alterado. Você precisará configurar o estilo de menu nas configurações, na guia "Temas de menu".

Tem perguntas? Escreva um comentário! Boa sorte!

Ei! Na minha vida, como sempre há muitos eventos, portanto, é muito difícil esculpir tempo para o blog. Ontem compramos ingressos para o Sri Lanka e logo destruiremos por 4 meses, venha visitar! E agora estou procurando o vestido de noiva mais bonito :))
Hoje vamos falar sobre como criar um menu no WordPress, além de adicionar blocos de dados em áreas arbitrárias do modelo.
Vamos aprender a personalizar o menu e editá-lo a seu critério.

Editando e configurando o menu no WordPress

Para começar, analisaremos a funcionalidade disponível para nós no painel do blog. Em novos modelos compatíveis com versões recentes WordPress, a saída do menu é bastante simples e a configuração não é particularmente difícil.

Depois de criarmos uma subsidiária, na qual você pode fazer alterações sem prejuízo do tópico principal, adicione a seguinte função ao seu arquivo Function.php.

1 2 3

register_nav_menus (matriz ("adicionalMenu" \u003d\u003e __ ("menu adicional", "Title seu tópico" ) ) ) ;

register_nav_menus (matriz ("adicionalMenu" \u003d\u003e __ ("menu adicional", "seu título")));

Se você não criar uma subsidiária, adicione-o ao arquivo de recurso principal do seu tópico.

Este recurso nos permitirá adicionar menu extra WordPress em nosso modelo e crie outra área para isso.

Depois de adicionar, vá para o administrador na "Gerenciamento de Regiões":

Deve haver uma área adicional do tópico com o título que especificamos na função.

Clique em "Usar um novo menu" se quisermos alterar as seções para uma área adicional ou selecionar "Home". Em seguida, as mesmas seções serão exibidas na nova área como no menu principal.

No nosso caso, crie um novo menu chamado adicional:

Nós escolhemos a área do tópico "menu adicional" para ele.

Mas agora precisamos amarrar esta área com os blocos do modelo. Por exemplo, precisamos fazer um menu adicional sob a tampa do site no WordPress. Vamos para o arquivo header.php ou copiá-lo para uma subsidiária. Após a tag do corpo, adicione o seguinte:

1 2 3

<div id \u003d "adicionalMenu"\u003e (Matriz ("Theme_Location" \u003d\u003e "AdicionalMenu")); ?\u003e.</ Div \u003e.

"AdicionalMenu")); ?\u003e.

Nós procuramos o resultado:

Nós temos um menu adicional acima do chapéu. Agora precisamos perguntar aos estilos para ele, alinhe os itens na string e puxe o bloco sob o chapéu.

Apresentamos as seguintes alterações nos estilos do Style.css:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

#additionalmenu nav (largura: 940px; / * Largura do contêiner * / Margem: 0 Auto; ) #additionalmenu li (display: inline; preenchimento: 10px; / * recuo * / margem: 20px 0;) #additionalmenu (largura: 100%; top: 420px; / * Recuo da borda superior * / fundo-cor: # 000; / * Cor de fundo * / posição: parente; )

#ADTH: 940PX; / * Largura de contêiner * / margem: 0 Automático;) #additionalmenu li (display: inline; preenchimento: 10px; / * recuo * / margem: 20px 0;) #additionalmenu (largura: 100%; top: 420px; / * Indentação a partir da borda superior * / fundo-cor: # 000; / * cor de fundo * / posição: parente;)

Nós olhamos para o que aconteceu:

Exibindo o menu criado por nós ainda está longe do ideal, mas, com o devido, você pode trazê-lo para o seu blog que corresponda ao seu blog.

Widgets e plugins para adicionar um menu no WordPress

Eu ofereci para visualizar o vídeo sobre a criação de um menu no WordPress:

O artigo sobre o widget "menu arbitrário". Vamos analisá-lo em mais detalhes.

Nós passamos pela "aparição" - "widgets", encontramos o widget do "menu arbitrário" e arrastá-lo para a área disponível para o seu tópico e a área apropriada para o blog:

No nosso caso, o bloco de menu foi adicionado à barra lateral. Para ele, escolhemos as seções criadas por nós pelo bloco adicional.

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

Além do widget padrão integrado, também há muitos plugins adicionais destinados a criar vários tipos de menu: vertical, horizontal, suspenso, etc.

Aqui, por exemplo, um plugin para criar um menu de vários níveis vertical no WordPress: Navgoco Vertical MultiNel Slide Menu.

Ou possuir funções de configuração avançada Widget do widget menu suspenso.

Os widgets de efeitos do jqwery também são populares para menu, por exemplo: JQuery Slick Menu Widget.

Analisaremos o exemplo do princípio de seu trabalho.

Depois de instalar o widget do widget do menu JQuery Slick, vá para a "aparência" - "widgets".

Entre a lista de widgets disponíveis, deve haver um novo que instalamos. Nós movemos para a área acessível, no nosso caso SayDBar:

Revele suas configurações:

Selecione o título do menu (as seções que criamos), guia Texto - O nome do bloco que será exibido no site, colocar a colocação (selecione à esquerda - esquerda), deslocamento - recuo da borda superior em pixels, velocidade de animação É a velocidade de animação (rápida). Você pode selecionar o menu Auto-Fechar para que a unidade desapareça automaticamente. E escolha a cor do bloco. Clique para salvar e veja o resultado: