Você pode construir um menu de navegação estilo e funcional no Elementor sem comprar o widget de menu do próprio Pro. Elementor é somente Pro, mas o widget gratuito Master Addons Nav Menu puxa qualquer menu WordPress para o editor, estiliza-o no painel e colapsa para um hambúrguer alternar em telas pequenas.
Abaixo: por que o núcleo Elementor sai da lacuna, as três maneiras de preenchê-la, a própria construção e onde o free para. Essa última parte é mais importante do que o normal, porque um modo móvel popular não é gratuito e a maioria dos guias diz o contrário.
Por que o Elementor free não possui widget de menu
O plugin gratuito da Elementor envia dezenas de widgets de layout e conteúdo e nenhuma maneira de colocar um menu de navegação WordPress em uma página ou modelo O widget que faz isso, originalmente chamado de Menu Nav e agora o widget Menu WordPress, é apenas Pro. Documentação própria do Elementor confirma isso.
Você ainda pode construir o menu em si mesmo em Aparência > Menus O WordPress registra tudo bem A lacuna está no lado do design: o Elementor principal não tem nada para colocar esse menu, então você fica preso onde quer que seu tema decida imprimi-lo.
Em um site simples com um tema pronto para menu, isso pode ser suficiente No momento em que você quiser um cabeçalho personalizado, uma barra pegajosa, um hambúrguer alternar seu controle ou um mega menu, o Elementor gratuito sozinho não pode chegar lá.
A nomenclatura mudou ao longo dos anos, o que acrescenta confusão Tutoriais antigos dizem Nav Menu, os mais recentes dizem WordPress Menu. A licença nunca mudou. Sempre precisou do Pro.
Três maneiras de adicionar um menu de navegação sem Pro
Três opções reais, cada uma negociando de forma diferente em estilo e comportamento móvel.
| Método | Custo | Estilo editor | Móvel | Melhor para |
|---|---|---|---|---|
| Localização do menu temático | Grátis | Nenhum, o tema controla | Depende do tema | Sites simples em um tema pronto para menu |
| Widget de menu mestre Addons Nav | Grátis | Cheio, do painel | Hamburger alternar em telefones | Um cabeçalho personalizado sem Pro |
| Menu Mega de complementos mestres | Grátis | Completo | Colapsos para uma alternância | Painéis de várias colunas, navegação grande |
| Widget do menu Elementor Pro | Licença paga | Completo | Inclui off-canvas | Sites já no Elementor Pro |
Localização do menu temático. Cada tema registra pelo menos uma área de menu Atribua seu menu e ele funciona com zero plugins Você não obtém controle sobre seu visual do Elementor, e o comportamento móvel é o que quer que o autor do tema tenha construído Se o menu do seu tema já parecer certo e entrar em colapso de forma limpa, não há genuinamente nenhuma razão para adicionar um widget no topo.
Widget do menu Nav de complementos mestre. A opção Elementor-native sem licença Pro. Solte o Widget do menu Nav em qualquer modelo, aponte-o para um menu Aparência > Menus e estilo cores, espaçamento, submenus e alternância móvel do painel.
Menu Mega de complementos mestres. Para sites com muitas categorias, a extensão Mega Menu constrói painéis de várias colunas e também é gratuita É uma ferramenta separada com seu próprio passo a passo: como construir um mega menu no Elementor sem Pro.
Elementor Pro. Se você já possui, seu widget Menu e o Construtor de Tema fazem isso nativamente e você deve usá-los Executar dois plugins para um trabalho apenas adiciona peso.
Construa o menu, comece a terminar
Toda a compilação acontece no wp-admin e no editor Elementor Sem trecho de código, sem edição de tema filho Antes de começar, verifique se o seu tema ainda não está imprimindo seu próprio cabeçalho, porque dois cabeçalhos empilhados são a bagunça mais comum que as pessoas fazem aqui.
Passo 1: Registre o menu
Vá para Aparência > Menus, crie um menu, adicione suas páginas e links e dê a ele um nome que você reconhecerá em seis meses. Isso é simples WordPress, nada específico para plug-ins e o WordPress tem um guia para a tela Menus se você não construiu um antes.
Passo 2: Criar um modelo de Cabeçalho
Abra o grátis Construtor de temas Master Addons e adicione um novo modelo com o tipo definido como Cabeçalho Este é o recipiente em que o seu menu vive, e é o que permite substituir o cabeçalho do tema em vez de combatê-lo.
Passo 3: Adicione o widget Menu Nav e escolha seu menu
Pesquise no painel Elementor por “Nav Menu” e arraste-o para o cabeçalho Nas configurações do widget, escolha o menu que você construiu na etapa um no menu suspenso Selecionar menu e, em seguida, defina o layout horizontal adequado a um cabeçalho padrão; vertical adequado a uma barra lateral e fornece subtipos Normal, Alternar, Acordeão e Lado.
O layout é definido por dispositivo Os telefones usam o alternador de hambúrguer por padrão, de modo que o menu da área de trabalho entra em colapso lá sem configuração extra.
Passo 4: Estilo-lo
Fonte, cor, espaçamento, estados de pairar e comportamento do submenu estão todos na guia Estilo. Nenhum CSS personalizado é necessário. Este é o elemento central da peça que não pode fazer, o que é o motivo para adicionar um widget em vez de usar um local de menu de tema.
Passo 5: Publique e atribua-o
Salve o modelo e atribua-o a Todo o Site No nível gratuito que é a única condição de exibição disponível, o que é bom quando você deseja um cabeçalho em todos os lugares.
Passo 6: Verifique-o na extremidade frontal
Carregue o site e confirme que um cabeçalho está renderizando, não dois Se você vir o menu do tema também, desative-o nas configurações do personalizador do próprio tema, em vez de escondê-lo com CSS.
Fazendo funcionar no celular
Um menu que só funciona no desktop não é terminado Em telefones o widget Nav Menu colapsa em uma alternância de hambúrguer, e essa alternância é gratuita, incluindo seu ícone, seu estado ativo e seu estilo.
O alternador é construído para uso de teclado e leitor de tela, em vez de apenas mouse Enter and Space abri-lo, Esc fecha-lo Isso vale a pena verificar em qualquer widget de menu que você instalar, uma vez que muitos são construídos a partir de divs que um teclado não pode alcançar.
Seja claro sobre o que é o menu móvel gratuito: o painel recolhido se expande no lugar sob a alternância Ele se adapta bem aos menus curtos e médios Um painel completo fora da tela que desliza para dentro do lado é um recurso Pro, coberto na próxima seção.
Teste em um telefone real em vez da barra de ferramentas do dispositivo do navegador Toque em alvos, velocidade de transição e se o painel fecha em um toque externo todos se comportam de forma diferente em uma tela sensível ao toque do que em uma janela de área de trabalho redimensionada Verifique se o ícone muda de estado para que seja óbvio que o menu está aberto, e que um item de submenu é acessível com um polegar.
Onde a versão gratuita pára
Dois limites, e ambos valem a pena conhecer antes de projetar em torno deles, e não depois.
Fora da tela e a escolha do layout do Hamburger são Pro. O controle de layout oferece Horizontal e Vertical gratuitamente, com Hamburger marcado como Pro. Os telefones usam um hambúrguer com o tipo Padrão fora da caixa, mas escolher Hamburger para outras larguras, ou mudar para os tipos Popup ou Offcanvas, precisa de Pro. Então, o painel lateral deslizante que o menu “off-canvas” geralmente significa é um recurso pago aqui O caminho livre para algo semelhante é o tipo Side do layout Vertical, que estaciona o menu na lateral da página, ou o hambúrguer padrão alternar para celular.
A segmentação do criador de temas é uma regra. O Gratuito Construtor de Tema salva exatamente uma condição de exibição: Site Inteiro Tudo bem se você quiser um cabeçalho em todos os lugares Não o suficiente para um cabeçalho diferente em uma página de destino, um menu diferente para membros logados ou um cabeçalho com escopo para um tipo de postagem Esses precisam Pro. Nosso análise das condições de exibição rastreia essa linha através da fonte do plugin e do guia gratuito do Construtor de Tema cobre o resto desse nível.
Se você já possui o Elementor Pro, nenhuma dessas soluções alternativas se aplica E se a localização do menu do seu tema for suficiente, simples Aparência > Menus sem nenhum complemento é a chamada certa Adicione um plugin assim que o padrão do tema deixar de ser suficiente diretório de widgets e extensões lista o que mais será enviado gratuitamente se você estiver avaliando o plugin como um todo.
Se o cabeçalho precisar de uma seção que você continua reconstruindo manualmente, o Construtor de widgets permite que você autorá-lo uma vez como um widget real Isso fica em Pro, eo página preços lista os níveis.
Perguntas frequentes
Existe um widget de menu gratuito para Elementor?
Não do próprio Elementor O plugin principal não possui widget de menu; esse é fornecido apenas com Pro. Master Addons, uma extensão gratuita, adiciona seu próprio widget de menu Nav para que você possa colocar e estilizar um menu de navegação real sem licença.
Você pode criar um menu de navegação no Elementor sem Pro?
Sim. Registre o menu em Aparência > Menus normalmente, então use um addon gratuito para soltar um widget do Menu Nav em um modelo de cabeçalho e estilizá-lo a partir do painel Elementor livre sozinho não pode colocar ou estilizar um menu, então você precisa de um local de menu de tema ou um widget de addon.
Como adiciono gratuitamente um menu de hambúrguer móvel no Elementor?
Adicione o widget Master Addons Nav Menu ao seu modelo de cabeçalho, selecione seu menu e ele entra em colapso em um hambúrguer alternar em telefones por padrão A alternância, seu ícone e seu estilo são todos gratuitos O painel se expande no lugar sob a alternância.
O menu fora da tela é gratuito em Master Addons?
Não. Off-canvas é um dos três tipos dentro do layout Hamburger Escolher esse layout ou seus tipos Popup e Offcanvas requer Master Addons Pro. De graça você obtém layouts Horizontais e Verticais mais o hambúrguer padrão alternar em telefones Se você quiser um menu ancorado lateralmente sem pagar, o tipo Side do layout Vertical é o equivalente gratuito mais próximo.
Como faço para criar um mega menu no Elementor gratuitamente?
Master Addons inclui uma extensão gratuita do Mega Menu que constrói painéis de várias colunas e colapsos no celular É separado do widget padrão do Nav Menu e construído para navegação maior com categorias, colunas ou conteúdo promocional.
Por que meu menu de navegação Elementor não está sendo exibido?
Normalmente um menu não atribuído Verifique se um menu está realmente selecionado nas configurações do widget, não apenas criado em Aparência > Menus Em seguida, confirme se o modelo de cabeçalho está atribuído a Todo o Site no Construtor de Tema e se nenhum cabeçalho de tema ainda está ativo e se sobrepõe a ele.
Preciso do Master Addons Pro ou o menu é gratuito?
O widget Nav Menu é gratuito, incluindo estilo, submenus, layouts por dispositivo e alternância de hambúrguer em telefones O Pro adiciona o layout do Hamburger para qualquer largura com seus tipos pop-up e off-canvas, e condições do Theme Builder além de uma única regra de Site Inteiro.
O que fazer a seguir
Construa o cabeçalho com um layout Horizontal, em seguida, carregá-lo em seu próprio telefone antes de estilizar qualquer outra coisa A maioria dos problemas de menu são problemas móveis, e eles aparecem em dez segundos em um dispositivo real.
Se o menu precisar de painéis multicolunas, o guia mega menu pega a partir daí. O Página do widget do menu Nav compara-o com os widgets de menu do Elementor Pro, e o Documentação do menu Nav lista todos os controles.
