Como adicionar itens de menu Elementor no WordPress

Quer adicionar um menu ao seu site Elementor? Então você veio ao lugar certo! Neste guia tutorial, mostraremos a você como criar um menu Elementor, configurar e personalizar o menu de navegação em seu site.

Para qualquer tipo de site, os itens de menu personalizados são essenciais. Eles facilitam a navegação e ajudam as pessoas a encontrar as informações que precisam com apenas alguns cliques.

Muitos proprietários de sites colocam menus no cabeçalho da página para aparecerem em todas as páginas do site. Isso é fácil de adicionar um menu no Elementor, especialmente se você seguir nossas dicas e truques a seguir 😉

Este artigo irá ensiná-lo a usar o Kit de Elementos widget do menu de navegação em Elementor. Um menu único pode ser criado e personalizado neste guia a seguir!

O que é um Elementor Mega Menu WordPress?

Adicionar menus em sites tornou-se cada vez mais popular nos últimos anos. Este rico menu de navegação pode ajudá-lo a melhorando a navegação do site permitindo que os usuários naveguem facilmente em seu material e descubram o que procuram.

Você pode usar páginas, postagens, categorias e URLs como itens de menu no menu de navegação padrão do WordPress, que é estilizado de acordo com o seu tema.

Este seria um dos elementos mais importantes do seu site para aproveitar ao máximo sua presença online. E o menu é o primeiro elemento que você deve considerar adicionar ao seu site WordPress.

Aqui estão dois motivos pelos quais você pode precisar de um widget ElementsKit – Menu de navegação:

• Você gostaria de criar um layout de menu gigantesco e personalizado.
• Você precisa de um plugin avançado com uma solução completa para o seu site.

Usando o complemento ElementsKit completo para widgets Elementor e recursos de personalização poderosos, você pode criar um menu rico em conteúdo com nosso novo plugin WordPress de mega menu.

🔔 Você sabe?
Você não tem tanto controle sobre o cabeçalho ou rodapé quanto gostaria ao usar um tema WordPress ou construtor de páginas.

Quer saber mais? Não se esqueça de ler nosso último blog sobre Como criar e personalizar o rodapé do cabeçalho – Elementor Page Builder

O que o Mega Menu da Elementor da ElementsKit tem a oferecer:

Como qualquer outro WordPress Elementor extensão de menu, ElementsKit também abre uma série de possibilidades para 'hackear' seu menu normal do WordPress.

Para ser mais específico, o plugin irá ajudá-lo nos seguintes aspectos:

• Personalize o menu com tags, cor, efeito de foco e ícones.
• Altere a aparência dos menus de nível superior e de submenus.
• Crie menus verticais e horizontais.
• Escolha o seu desejado layout de cabeçalho da biblioteca ElementsKit. 
• Adicione efeitos de animação para fazer seu submenu aparecer.
• Adicione apenas um clique arrastando e soltando o widget do menu de navegação.
• Funciona perfeitamente bem também com plataformas de comércio eletrônico (por exemplo, WooCommerce)
• Crie conteúdo no construtor de páginas Elementor.
• Use quaisquer widgets de elemento que desejar.
• 100% responsivo.
• Estilo de menu fora da tela na visualização do tablet.
• Mostre o conteúdo do construtor ou listas simples como um submenu na visualização do tablet.

E claro, o melhor é que o O menu ElementsKit Nav está disponível gratuitamente e premium versões. Portanto, mesmo que você não compre as assinaturas pagas, você ainda experimentará esse incrível recurso de menu Elementor em seu site.

Como criar itens de menu no Elementor

Vamos dar uma olhada em alguns casos do mundo real e repassar nossa grande lição sobre o menu do WordPress. Agora você está prestes a viajar para o exterior para criar seu mega menu WordPress, cabeçalho e adicionar seu conteúdo.

Crie um cardápio

Para criar um menu Elementor, você precisa fazer é Ligar a opção de mega menu da inicialização do ElementsKit Módulos página e depois de ligá-lo, clique no botão Salvar alterações botão.

Criar um menu elementor requer algumas etapas simples. Basta ir ao seu Painel WordPress então clique em Cardápios. Depois disso, você verá uma seção chamada Estrutura do menu. Então insira seu Nome do cardápio ou cabeçalho do menu e clique em Criar cardápio.

Agora expanda Links personalizados e coloque o seu URL assim como Texto do link, então basta clicar em Adicionar ao cardápio.

📝Nota rápida
Você pode adicionar, remover ou editar quantos itens de mega menu desejar, repetindo o mesmo método.

É hora de adicionar seus itens de menu no Elementor através do ElementsKit. Mas antes disso, você precisa marcar ✅ o habilite o menu para o conteúdo do mega menu seção, abaixo da seção Nome do menu. 

Então você verá uma tag Mega Menu em seu Texto do link. Depois de clicar no Mega Cardápio tag um pop-up será aberto.

Para ativar a opção Mega Menu você precisa clicar no botão ativar EDITAR CONTEÚDO DO MEGA MENU botão e salve. Está tudo pronto! 

🧐 Mais informações no menu Elementor
Não se esqueça de visitar nosso blog em Como criar um mega menu com Elementor e ElementsKit

Importar um menu (Mega Menu Vertical)

Para criar um menu vertical, primeiro você precisa ligar o cardápio vertical ferramenta. Então clique em salvar alterações.

Então clique em Modelos no lado esquerdo do seu painel. Depois de apenas clicar Importar modelos.

Agora você tem que selecionar escolher arquivo do seu dispositivo. Depois é só clicar Importar agora. E você verá todos os seus dados importados de uma só vez.

Além disso, para criar um menu vertical com seus dados você precisa ir para Aparência então clique em Cardápios. Você também pode criar um menu acima. Para mais detalhes, você pode visitar nosso site de documentação no menu vertical.

Personalizando o Menu 

É hora de customizar seu conteúdo e para isso você precisa clicar no botão EDITAR CONTEÚDO DO MEGA MENU botão. Logo após clicar no botão, você verá que uma tela estilo menu Elementor apareceu. 

Tudo que você precisa fazer é clicar no Ícone do ElementsKit e selecione qual cabeçalho predefinido você deseja inserir em seu site. 

Logo após clicar no Botão do widget ElementsKit, ele o levará à sua biblioteca de widgets. Nele, você obterá toneladas de páginas, modelos e seções pré-fabricadas. Mas para criar uma seção de mega menu você precisa clicar no botão Seções

Para criar e personalizar seus itens de menu no Elementor. Você precisa selecionar o layout dos itens do Mega Menu e começar a personalizar como quiser!

Aqui você encontrará 3 partes (Layout, estilo e avançado) de personalizar seu menu Elementor através do ElementsKit:

Disposição:
Nesta seção, você verá múltiplas opções para editar o layout e a estrutura de um menu Elementor. Você tem total controle sobre como seu mega menu deve ser apresentado.

Agora, com o widget de mega menu ElementsKit, você pode personalizar seu Largura do conteúdo, você pode criar um menu em tela cheia ou personalizar o tamanho que preferir deslizando para a direita ou para a esquerda. Lacunas de coluna entre o seu mega menu também pode ser personalizado do jeito que você quiser.

Com o menu ElementsKit Elementor, você pode editar a altura dos itens do menu. Ele também tem várias opções para editar o Alinhamento vertical, Transbordar, Etiquetas HTML que pode ser alterado de acordo com sua demanda.

Estilo:
Com as opções de estilo de mega menu do ElementsKit, você pode alterar a aparência inteira do menu. Para ser mais específico, você pode alterar ou editar o Fundo, Sobreposição de fundo, Fronteira, Divisor de formas, e claro Tipografia.

O widget de mega menu Elementor da ElementsKit é um salva-vidas. Possui uma variedade de elementos de estilo de menu que o ajudarão a aproveitar ao máximo seus itens de menu. 

Avançado:
Nossas opções avançadas de estilo de menu para o seu menu WordPress são algo que você sempre procurou. Sim, as opções do mega menu ElementsKit Elementor também ajudarão você a acessar e editar todas as seções avançadas. 

No qual você pode criar um novo layout de menu. ElementsKit tem alternativas mais avançadas como somar efeitos, pegajoso, efeitos de movimento, flutuar customização e muito mais que irão melhorar ainda mais sua experiência editorial e tornar seu mega menu mais inteligente. 

Configurando o menu de navegação para Elementor

A última e mais importante parte é sincronizar um mega menu que você precisa para criar um cabeçalho em seu site Elementor. 

Agora mostraremos como criar um modelo de cabeçalho personalizado Elementor. Bem, há outra boa notícia para você com o widget de menu de navegação ElementsKit. Você pode criar o layout do menu de navegação apenas clicando em nossas opções de layout de menu WordPress pré-construídas. 

Vamos começar! 

Primeiro de tudo, você precisa ir para Kit de Elementos no painel do WordPress e clique no botão cabeçalho rodapé, para ativar o widget do menu de navegação em seu site. 

Então clique em adicionar novo mencionado logo após os modelos. 

Depois de clicar no adicionar novo botão um Configurações do modelo aparecerá, que é a parte final da integração de um mega menu em seu site.

Aqui nesta seção, você precisa dar ao seu menu de navegação um nome chamado título do cabeçalho. Você também pode alterar o condições do cabeçalho e clique em ativação (se você estiver pronto e satisfeito com seus itens do mega menu).

Na parte final, não esqueça de clicar no botão editar com elementor botão logo antes do salvar alterações botão. 

Agora mostraremos 2 maneiras de adicionar seu mega menu através do widget de menu de navegação do ElementsKit.

Método um: 

Para adicionar um widget de menu de navegação ao seu site, o primeiro método que você pode seguir depois de clicar nele editar com elementor botão, tudo que você precisa fazer é clicar no ElementsKit ícone do widget então vá para Seções e selecione um estilo de cabeçalho o que você preferir. 

Depois disso, você verá seu Cabeçalho o título que você adicionou do painel do WordPress aparecerá na seleção seção do menu. E apenas clicando no título do cabeçalho, você verá que todos os itens do seu mega menu estão visíveis.

Método dois:

Você também pode incorporar o widget do menu de navegação por meio do opção arrastar e soltar e também adicionar diferentes elementos ao seu redor (por exemplo, imagens, vídeos, outras seções, etc.)

Tudo que você precisa fazer é selecionar qualquer tipo de seção (selecionei três seções para este exemplo). A pesquisa quais widgets você prefere adicionar no painel do Elementor.

Aqui neste exemplo, arrastamos uma imagem, um menu de navegação e um vídeo. Você pode adicionar quantas seções e widgets desejar. 

Então, novamente, o mesmo método pode ser usado para ativar seu menu de navegação: no Selecione o menu seção, você verá o título do cabeçalho que você adicionou no painel do WordPress. E apenas clicando no título do cabeçalho, você verá que todos os itens do seu mega menu foram inseridos. 

Agora você sabe que usar o widget do menu de navegação é super simples e está pronto para o rock 'n roll! Lembre-se de que você também pode criar um menu fora da tela no ElementsKit. 

🛠 Informação adicional
Para saber mais sobre menu fora da tela no ElementsKit, não se esqueça de conferir nosso vídeo mais recente sobre construindo um menu fora da tela usando ElementsKit

Pensamentos finais

Mega menus são ferramentas maravilhosas para melhorar a navegação no site. Eles permitem que você organizar um grande número de categorias e produtos para facilitar aos usuários para navegar pelo seu conteúdo.

A criação do Mega Menu com o complemento ElementsKit para Elementor está sempre disponível para oferecer o melhor suporte sem nenhum preço. Se você estiver adicionando sozinho, a opção Nav Mega Menu integrada do complemento ElementsKit pode ser um começo para você.

O ElementsKit é simples, leva pouco tempo para configurar e ajustar e também é simples de usar. No entanto, esperamos que este artigo tenha sido útil o suficiente para fornecer uma visão geral de todo o aspecto do mega menu.

Deixe um comentário abaixo se você tiver alguma dúvida sobre o Mega Menu, Menu de Navegação ou suas funcionalidades.

Se você gostou deste artigo, certamente encontrará mais dicas e blogs úteis juntando-se ao nosso Comunidade WPmet Siga-nos no Facebook Twitter. Por fim, não se esqueça de se inscrever em nosso canal no YouTube para tutoriais úteis.