Como criar um Menu Personalizado no Elementor
6.032 visualizações • 5 de jan. de 2021 • ✔️ ELEMENTOR PRO: https://aescoladesites.com.br/element... ✔️ CROCOBLOCK: https://aescoladesites.com.br/crocoblock ✔️ CURSO ELEMENTOR PRO + LICENÇA: http://bit.ly/Curso-Elementor-Pro Plugin Gratuito: Elementor Header, Footer and Blocks 🔸 HOSPEDAGEM DE SITE • Desconto HostGator: http://bit.ly/HospedagemHostGator50OFF • SiteGround: http://bit.ly/aes_SiteGround • EBOOK GRATUITO - Crie seu Site do Zero! https://www.aescoladesites.com.br/ebo... • AULA BÔNUS - Otimize seu site para Celular! https://www.aescoladesites.com.br/ins... 👉 Entre no canal Exclusivo do Telegram para conteúdos exclusivos https://aescoladesites.com.br/telegram 🔸 VÍDEOS MAIS VISTOS • Como Fazer um Site Completo: https://youtu.be/Jeh130jxKQQ • Como Criar uma Página de Vendas (Loja Online): https://youtu.be/MakdGZdmmCQ • Como Criar um Site F*DA!: https://youtu.be/D_-POpvOeBI • Criando uma Landing Page: https://youtu.be/d75Cud7eAHc • Criando um Site para Empresas: https://youtu.be/JKIjaGSd8yo 🔹PARA MAIS CONTEÚDO ACESSE a Escola de Sites: https://www.aEscoladesites.com.br/ #aescoladesites #wordpress #elementor #elementorpro Mostrar menos Mostrar mais
e fala pessoal Bruno da escola de sites e no vídeo de hoje eu vim responder a seguinte dúvida de um aluno nosso o Jonathan basicamente como que eu medito o menu da forma que eu quiser entre o que é ter liberdade total na edição de um menu geralmente no WordPress quando você está criando o seu site que você usa um tema por exemplo Astra o show da bebê ele vai te dar um menu meio que fez e você vai conseguir fazer poucas alterações nesse menu Mas tem uma forma de você editar 100% Tudo Que Você
Quiser desse menos um usando o elemento um uma funcionalidade do elemento Pronto já fica o aviso a forma com que eu faço para os meus projetos e para os projetos dos meus clientes é usando elementor pro mais no final desse vídeo vou mostrar um pouquinho que ele é gratuito para você fazer essa mesma funcionalidade caso você precise de novo eu prefiro usando alimento o próprio 17 mais limpos com menos pudins menos chances de erro de compatibilidade pelos centros de pesar mais seu site e corpo foi
o trabalho mais agradável sem grande ar mas caso você não tenha muito pro fica essa outra opção que vou mostrar no final do vídeo e ainda não tem o elemento o próprio Vou deixar um link aqui na descrição para você ter mais informações sobre esse pudim que a gente usa em todos os projetos que os nossos clientes vale muito a pena clique no link da descrição o acessa escola que sites. Com.br/elementor pro para ter mais informações e também nesse vídeo daqui eu tô considerand o que você já fez
uma primeira página pelo menos usando o WordPress e o construtor de página chamado elemento que é o que a gente mostra aqui tanto os nossos tutoriais gratuitos que eu vou deixar alguns links aqui embaixo na descrição quanto nos nossos cursos pagos também a gente usa sempre essas ferramentas porque são as ferramentas que a gente desenvolve projetos reais com os nossos clientes então é o que a gente ensina aqui para vocês beleza nesse caso que eu tô usando esse site que como exemplo é uma
página de um site tipo institucional Tá bem na moda tá seguindo várias tendências atuais aqui de criação sites e como você pode perceber ele tem aqui um menu que sim foi estilizado então comecei a montagem desse site usando o tema Astra mas depois eu vim aqui o substituir todo esse menino é isso que eu vou mostrar aqui para vocês Jonathan Talvez ele tenha pulado alguns conteúdos ou não tinha chegado ainda mas no curso eu mostro como fazer isso aqui só que achei que esse vídeo aqui seria uma
boa oportunidade para dar algumas dicas extras e mostrar também pessoal como que é possível a gente implementar essa funcionalidade do elemento o próprio acho que várias pessoas também tem essa então acho que ficam conteúdo bem importante para você que segue a gente no YouTube e claro esse menino aqui ele tá bem simples bem direto ao ponto Não inventei muita coisa nele mas como ela é toda editado pelo elemento se poderia estar indo jeit o que você quiser se não quero botar um logotipo no meio e 2
- separados quero botar um ícone de checkout quero colocar uma outra imagem aqui um pouco papo qualquer coisa que você quiser você consegue construir sem problema usando ele o elemento o próprio e um pouco obviamente da sua criatividade vamos lá então vamos botar a mão na massa ver como que a gente pode fazer isso primeiro eu vou a ver que o nosso painel do WordPress E aí para a gente criar esse menino que vai ser padronizad o ou seja ele vai aparecer em todas as páginas e aqui o nosso minuto
lateral embaixo que de elemento deve ter um item chamado modelos e eu vou vir aqui na terceira opção chamada simbuilder ou uma tradução construtor de temas porque esse header se alimentam de menu ele é considerado um elemento padrão de tema a mesma coisa serve para o futuro você pode usar todo esse conhecimento que eu tô te passando e aplicar por futuro do seu site também aqui Inclusive tem alguns modelos de frut as então sete que uso para testes e para tutoriais não tem algumas outras coisas que
no seu caso deve estar vazio a única coisa que vai precisar fazer é vem aqui Adicionar novo a gente vai escolher o tipo de modelo que a gente quer criar quem eu falei se você for que não for ter depois você vai escolher fruta no nosso caso como a gente quer um menu ou cabeçario a gente vai escolher a opção aqui de regra que vai dar um nome para o nosso modelo também eu vou botar aqui mesmo principal e vou clicar em criar modelos logo em seguida ele vai carregar aqui a nossa interface do elemento
tem quando ele carrega deixa seu like se inscreve no nosso canal se você ainda não for inscrito a continuar produzindo conteúdo de altíssima qualidade aqui para você e Prontinho ele vai abrir aqui várias opções pré-prontas de menos que ele sugere que você utilize você pode ser a totalmente do zero simplesmente fechar aqui ou se você tá conversando eu aconselho que você use um modelo pronto mesmo para adiantar um pouco caminho entender ali mais estruturas vai ser uma boa referência para você que
tá entrando nesse mundo começar a fazer o seu primeiro medo Tá bom então vou escolher essa opção aqui eu acho que ela vai ser bem legal e parecido com aquela que eu desenvolvi vou clicar aqui em inserir ele vai carregar se por algum motivo Ele fala para você sincronizar com a biblioteca do elemento Fica tranquila só você criar uma conta no site do elemento você não paga nada po r isso de forma gratuita mesmo Prontinho ele carregou aqui esse nosso redor isso vai ver que ele é muito fácil da gente
estar como ele já veio muita coisa pronta você já consegue aproveitar ali mais que nem o caminho da então a gente só precisaria de estar aqui algumas informações por exemplo o telefone o e-mail da empresa que está criando esse site horário de funcionamento Ou se você quiser ter na com outros itens como apresentou o ar o grupo do telegram baixe o e-book gratuito você poderia ser outros itens aqui também tem um link aqui das redes sociais você pode escolher aqui por exemplo o Google Plus Acho que
não existe mais rede social ninguém usa isso aqui pode botar outras redes se você quiser ver tá se você usa apresentou eu não uso twitter também você consegue editar esse logotipo aqui é só uma imagem padrão e que eu recomendo geralmente um padrão do site você colocar aqui o link como a URL do seu site tanta exposição ao site da Escola site seria o link aí quando você clica nesse logotipo seria para página inicial uma forma de fazer isso é ou cê coloca o link aqui ou então uma forma
mais elegante já fica essa dica aí para você vai vir aqui em tag dinâmicas colocar aqui site URL então ele automaticamente vai puxar essa informação sem ser precisa ficar digitando e caso você me que o domínio do seu cliente por último vai continuar funcionando sem problema essa implementação pensar uma forma bem elegante de você link aqui o logotipo do menu à área o seu site o vento a gente também tem aqui o o próprio menu nesse caso aqui como a gente tá usando alimentos e ele possui a
informação do nave minutos que é um índia de tô elementor pro nesse caso você não tiver aparecendo nada para você você vai ter que ficar aqui em menos e criar o seu mesmo ou seja quais itens você quer que apareça aqui Quais páginas você quer que seja um em cada estão nesse caso escolher o início sobre nós e contato mas eu poderia criar a estrutura que você quisesse E aí inclusive como a gente está editando esse menino pelo elemento que nem eu falei aqui Eu mostrei todas as configurações que
vieram nativamente mas poxa eu quero botar esse logotipo por outro lado seria basicamente arrastar essa coluna para cá Quero adicionar aqui Um item de carrinho então funcionar uma outra coluna que vamos deixar lá Menorzinha né obviamente jogasse aqui para cá também e aí a gente vai vir aqui nos vídeos Vou pesquisar aqu i por carrinho e o temos aqui um menu Card que é o símbolo do carrinho para você adicionar justamente no seu menu esse vídeo que é liberado digamos assim quando você tem um
comércio instalado e um elemento ou Pronto ele tem essa integração que que é bem prático então gente só vai ficar arrastar esse menino aí e ele vai carregar prontinho já tá funcionando eu posso aqui botar o total do carrinho ou não enfim eu consigo editar isso aqui com Total Liberdade se eu quiser alterar a cor do texto a cor do ícone o tamanho da borda o tamanho do ícone que eu quero esse carrinho maior menor eu tenho que nem eu falei Total Liberdade para acreditar todos esses itens e é esse
tipo de coisa esse nível de personalização que faz o seu projeto vale cada vez mais para os seus clientes porque hoje em dia é muito fácil que a gente lá e criar um site qualquer genérico mas realmente um site ali que vai proporcionar uma boa experiência para os olhos dele que vai realmente segu ir a identidade visual de marca pegada de marca que foi criada para que ela empresa esse tipo de coisa você precisa de um grau de personalização muito maior e por isso que a gente usa esse tipo de
ferramentas nos projetos dos nossos clientes que a gente tem Total Liberdade de design sem precisar mexer nenhuma linha de código que nem eu tô mostrando aqui pra vocês tudo extremamente visual vou só ficar em tu já vai tá funcionando no site do nosso cliente o que na minha opinião é fantástico E é claro que eu falei você pode mudar aqui as cores se você quiser à disposição dos ícones tamanhos Fontes tipografia tudo Você consegue te dar uma vez que você estiver satisfeito com seu layout você vai
vir aqui em baixo aqui caem pública a gente precisa salvar todas as alterações e aí a gente precisa adicionar Quais as condições quando que eu quero que esse menu apareça Tá bom minha dica é Não complique só que mantenha simples se a gente clica aqui nessas opções você va i ver que tem várias opções estão por exemplo você poderia Adicionar nos arquivos em página somente do comerci em páginas específicas mas de novo minha recomendação é não cumprir isso aqui deixa esse menino aparecendo em todo
o site eu não lembro de um projeto com cliente que eu não usei essa opção aqui porque daria para você fazer uma bagunça mas aí em vez de você está facilitando o seu trabalho tô vendo mais trabalho eu vou deixar aqui em todo o site e clicar aqui em salvar e fec har Prontinho a gente só precisava fazer isso a gente pode voltar para o nosso site ou para as nossas páginas elemento e ver como que ficou essa alteração Então vou voltar aqui para o nosso site reiniciar essa página Prontinho olha só ele
já atualizou para esse novo menu todas as páginas que utilizam esse menino do tema vão ser atualizadas automaticamente isso é sensacional porque imagina que a gente errou esse número de telefone ou mudou o e-mail do nosso cliente a gente só vai pre cisar vir aqui uma vez só na agenda que mudou aqui não era info Website Era info@aese.edu.pt es.com.br Eu só preciso clicar aqui atualizar essa alteração vai se propagar para todas as páginas que estão nesse mesmo então se você tem 100 páginas que
utilizam imagina o esforço que você acabou de poupar usando essa funcionalidade aqui se por algum motivo não estiver aparecendo esse menino que nas páginas que você que e Muito provavelmente é só um modo de visualização que está configu rado no elemento como é que agente faz para verificar se está certo ou não a gente vai ver a nossa página clicando aqui editar o elemento ou você pode também entrar lá pelo WordPress e em páginas e editar a página com elemento nesse caso a página tá aparecendo Mas
se não tiver aparecendo para você vem aqui embaixo em configurações nessa engrenagem Zinha e dá uma olhadinha aqui no layout de página Muito provavelmente ele tá aqui em elemento Canvas a gente usa esse modo quando a gente q uer o elemento em tela cheia Então não vai aparecer nem um elemento de tema ou seja não aparece nem o menu e nem o footer Mas se a gente quiser usar essa funcionalidade e ter menu e footer padrões do tema a gente vai precisar usar outro layout de página que esse aqui largura
Total ele deixa o elemento em tela cheia mas mantém um menu é o futuro do tema que nesse caso foi o menu que a gente acabou de digitar então dá uma checada nas suas páginas e tenho certeza que o layout de página o elemento largura total para você usar essa funcionalidade mesma coisa vai servir aqui para o poder nesse caso já tinha criado durante o curso eu crio esse site que esse negro e for você pode seguir nesse mesmo procedimento que eu fiz criar um footer padrão E aí as páginas precisam
estar com o modo de elementor largura Total beleza outra coisa interessante é que uma vez que você fez todas as configurações quando você abre qualquer página que esteja usando esse menu e vc fazer aq uele caminho lá de ir no WordPress construtor de temas editar melhor a gente liberou aqui a gente pode simplesmente clicar aqui em editar header dentro da nossa página E aí Prontinho todos operações que a gente fizer aqui nesse minuto Vamos ser propagadas para todas as páginas do site então toma
cuidado se você tá querendo editar aqui só para uma página específica saiba que só sei editar o menu vai ser propagado para todas as páginas que utilizam esse mesmo eu acho que dessa parte do funcionamento de sistema e de criação do minuto era isso que eu tinha para passar para o Jonathan se você tiver alguma dúvida deixe aqui embaixo em vários E caso você não tem o elemento ao próprio Deve tá se perguntando pontos mas eu só consigo fazer se eu tiver alimento próprio obrigatório elemento pro e a
resposta é não precisa você vai abrir mão de algumas funcionalidades mais com alguns pulinhos complementares você consegue chegar no resultado igual Ou pelo menos muito parecid o com esse aqui que eu falei para a escola são a gente fez um investimento no elemento próprio eu acho que vale muito a pena se você pega projetos com seus clientes principalmente porque a gente fecha projetos de 3.000 4000 5000 reais estão tem porque fica usando essas gambiarra mas eu sei que foi muita gente que
tá começando às vezes um investimento um pouco caro a licença do elemento o próprio então eu vou mostrar um pouquinho aqui que faz essa funcionalidade de forma tota lmente gratuita para isso a gente vai voltar aqui no nosso menu dor que parece que eu vou clicar aqui sair para o painel do WordPress e a gente vai vir aqui no menu lateral do nosso WordPress plugins ficar aqui Adicionar novo a gente vai buscar por um pouquinho chamado elemento in header footer and Blocks tá bom nome pouquinho difícil
eu vou deixar o nome na descrição Se você crê só copiar e colar ele aqui no campo de pesquisa aqui dos pudins e ele é esse pudinzinho aqui coxinho com u m símbolo de menu e the footer elementor header footer in Box template beleza ele tem aqui uma nota muito boa várias avaliações de cinco estrelas que tem mais 800 mil instalações ativos e o que você precisa fazer é clicar em instalar e ativar esse clubinho o que ele faz é a função do builder que a gente criou um menu diretamente pelo simbuilder
para substituir qualquer menu di tema que existe nesse nesse site e vou fazer essa mesma funcionalidade E para isso aí ficou um pouquinho Es condidinho aqui mas você vai vir aqui no mesmo lateral em aparência ele aparece aqui ó header footer in Box eu vou clicar nele aqui e aí o procedimento vai ser muito parecido a gente vai ficar aqui Adicionar novo aqui eu já tem alguns que eu tava testando algumas funcionalidades a gente vai vir aqui Adicionar novo e aí vai ser praticamente o mesmo processo
que a gente o polimento pro vou dar um nome aqui poderia ser menu principal e eu vou botar aqui todinho só para eu não esquecer e aí a gente vai escolher o tipo de modelo que a gente quer então aqui no caso vai ser cabeçalho e de novo a gente vai escolher aqui para publicar em todo o site feito isso aqui o processo é igualzinho a gente vai clicar em editar polimento da escolher um template menu fazer as alterações que a gente quiser e funciona da mesma forma que eu acabei de mostrar Então essa
é uma outra forma Aí caso você não tem um elemento próprio saiba que funciona o nosso você recebe uma licença do ele mento from de brinde livremente tanto o nosso curso sai sempre ativos contra o nosso curso elemento o próprio é um pouco mais básico voltado aqui para as funcionalidades deste pudim nesses dois recebe uma licença bom nos para você usar para fim de hidáticos Mas é claro pode momento que você vem de sites para os seus clientes eu sempre recomendo com os nossos alunos investir em a
licença Expert do elemento ou pronto deixar o link dela na descrição que vai conseguir usar em até mil s ites dos seus clientes você cobra aí 2000 3000 4000 Hi são projetos o que esse investimento é pago uma forma bem rápida Então vale bastante a pena é isso aí Espero que esse vídeo tenha te ajudado que você tenha gostado tempo dedo coisas novas Jonathan também espero que tenha te ajudado e esclarecido aí as suas dúvidas se você gostou desse vídeo deixa o seu like deixa um comentário aqui embaixo
eu sou primo da escola de saída se eu te vejo no próximo vídeo E aí Português (gera
0 Comentários