Como fazer o menu transparente que muda na rolagem do site (Wordpress + Elementor)
Вставка
- Опубліковано 20 сер 2024
- ✔️ TREINAMENTO ZPRO:
treinamentozpr...
✔️ ELEMENTOR PRO:
aescoladesites...
🔸 HOSPEDAGEM DE SITE
• Desconto Hostinger: aescoladesites....
👉 Entre no canal Exclusivo do Telegram para conteúdos exclusivos
aescoladesites...
🔸 VÍDEOS MAIS VISTOS
• Como Fazer um Site Completo: • Como Fazer Um Site Com...
• Como Criar uma Página de Vendas (Loja Online): • Como Criar Uma Loja Vi...
• Como Criar um Site F*DA!: • Como Fazer um Site F#D...
• Criando uma Landing Page: • Como Criar uma Landing...
• Criando um Site para Empresas: • Como Criar um Site Emp...
🔹PARA MAIS CONTEÚDO ACESSE
a Escola de Sites: www.aEscolades...
Neste aula a Beatriz vai te mostrar uma forma muito fácil de colocar o Menu Transparente que muda na rolagem do site no Wordpress. Você vai precisar apenas seguir nosso tutorial e aplicar o que e mostrado no Elementor.
#aescoladesites #wordpress #elementor #elementorpro
cara, tanto vídeo de horas tentando explicar algo que ela resumiu em poucos minutos. SENSACIONAL!
A Bea é a melhor,ela ensina facil!Direto do Japão um enorme beijo nesse coração lindo e muito,mais muito SUCESSO!
Olá. Muito obrigado. Show de aula.
Ficamos feliz que o tutorial tenha te ajudado Rubens 🤩
Simplesmente o melhor tutorial que já assisti, parabénsssssssss!!
Ganhou meu like! Valeu pela dica! Programo há mais de 20 anos, agora estou tomando vergonha na cara e estou aprendendo desenvolver com Wordpress. rs Valeu pela ajuda!
Valeu Bia, já encontrei. Voltando o vídeo e olhando o menu à esquerda, consegui ver o nome dele e encontrei. CoDesigner, addon para Woocomerce, bastante interessante.
Esse canal é incrível, sempre com as melhores dicas
Deu certo sua dica para direcionar para parte de outra página.
Você é f... demais. Que didática fantástica.
incrível, estava quebrando a cabeça de como fazer o scroll, +1 inscrito
Ótima didática.. Parabéns!
O tutorial é ótimo. Apenas um detalhe importante: ele mantém os efeitos quendo a versão do wordpress mudam, porém quando a versão do elementor é alterada ele deixa de funcionar e o tempo que leva para atualização do plugin pode fazer com que os efeitos desapareçam por dias ou semanas.
Aqui é Like garantido!
Uhuuu, fico muito feliz com isso! Brigadão pela força Sávio 😄🙏
Apliquei suas dicas de header, ficou demais, só encontrei estas altas dicas!! Show de bola!
Booooa! Espero que já tenha clicado em se inscrever por aqui ;)
Parabéns aula top, conteúdo ímpar!
Gostei d+ do tutorial! Muito grato!
Muitooooooo Obrigado, direto ao ponto sem delongas. Ganhou uns inscrito!
Parabéns pelo vídeo, muito útil 👏🏻👏🏻👏🏻👏🏻
Sensacional!! Parabéns pelo conhecimento adquirido e pelo dom de compartilhar de forma tão meiga e atenciosa!
Sensacional! O único vídeo que me ajudou, obrigado.
Por favor entenda que você é PERFEITA! Inscrito no canal
🥰🥰🥰🥰🥰 Valeeeeeeu, Daniel! Bem vindo!
Top, direto no ponto….
Muito bom! Eu usava bastante CSS e JS pra fazer esse efeito no header. Agora só vou usar esse plugin! Valeu mesmo!
excelente aula, muito obrigada
Aula maravilhosa!!! Parabéns!!!
Obrigadaaaaa!!
muito obrigado Bia amei a aula
Maravilhosa Beaaa🥰💞🚀🚀🚀
Aula show ....👏👏👏
obrigado Bia
Show de vídeo!! DEUS te abençoe!!
🥰🥰🥰
gracias
Vídeo maravilhoso!. Sensacional a explicação. Existe um plugin que faça o logo aparecer ao invés de trocar de cor? Meu cliente quer o logo fique no banner inicial e que o logo só apareça depois de rolar a tela. Se puder ajudar, agradeço muitíssimo.
show show
meus parabéns, tú és top
Muito obrigado pelo excelente conteúdo! Me ajudou bastante.
Valeu, grande Beatriz, excelente aula. Durante o vídeo, apareceu um plug-in ou add-on todo coloridinho como seu cabelo do lado esquerdo da tela, impossível de não se notar. O que é ele, qual é a dele?
Fala Rogério, tudo bom?? hahah Ixi Rogério, acho que não consegui identificar qual plugin/addon é esse que mencionou. Sabe dizer em qual minuto/segundo do vídeo ele aparece, pra eu ver se consigo te ajudar melhor? 😊
foi otimo gratidao muito sucesso
Maravilhosa!
olá, boa tarde, como posso mudar a cor do menu ao rolar ?
Top demais!
top de mais obrigada
De nada :)
Olá boa tarde , parabéns pelo conteúdo.
Como eu faço para clicar em uma foto com link em minha home, e direcione para outra página mas no meio ou no final dela... ??
videooo topppp
O meu menu não está aparecendo as "Sub-abas", nem no PC nem no mobile. Esta configurado o menu na aparência wordpress, tudo certinho, mas no PC e mobile as setinhas, as sub-abas não estão aparecendo. Me ajuda pf
Bia bia bia...nunca vi tão meiga como tu....meu Deus como foi bom conhecer vc na escola de sites!!!
😊😊😊
eu fiz isso tudo bonitinho, mas quando eu clico no menu, ele não faz o efeito scroll, ele pula direto pra seção! I need Help
Oi Bia bom dia, consegui resolver eu troquei o nome do id. Ao invés de home,eu troquei para início aí deu certo.
top d++++++++
Obrigadaaa!
Bia, ensina como ajustar a responsividade dos sites, vlw
Opa, obrigada pela sugestão Felipe! Pretendo gravar um vídeo sobre isso sim, pode deixar 😉👍
o meu n tem essa opção "Menus" dentro de aparencias
Você conhece algum curso avançado de JetEngine?
Preciso fazer um curso novo de elementor com esta nova função
não entendi essa parte de como o header ficará no site inteiro.
👏👏👏👏👏👏👏👏👏👏👏👏
Excelente aula, Bia! Já que o tema é um sticky header, vou compartilhar um problema que estou enfrentando e que talvez outros estejam também. Precisei fazer apenas o header fixo, sem os demais efeitos. Para isso, decidi usar apenas o elementor pro mesmo, habilitando o sticky on top. Só que não está funcionando de jeito nenhum na versão desktop pelo chrome. No celular funciona, mas no desktop não. To ficando maluco com isso kkkk O curioso é que baixando e usando o plugin que você mostrou, a funcão passa a funcionar. A questão é que eu não queria ter que adicionar (mais) um plugin para usar apenas a função de stick que já tem nativamente no elementor... Vocês estão com o mesmo problema? Sabem solucionar? Obrigado!!!
Opa, muito obrigada Rennan ☺🙏!!
E bem estranho que isso esteja acontecendo por aí Rennan, as vzs acontece do elementor fazer a gente ficar arrancando os cabelos com uns probleminhas desse tipo mesmo rs. Mas, bora lá, se você já colocou o seu container para ficar sticky --> top lá na sua aba de "Avançado", e setou a opção "Sticky On" em todos os dispositivos, inclusive o desktop, já era para estar funcionando normal mesmo. Inclusive, acabei de fazer um teste desse por aqui, e funcionou tranquilo. Então, pra definir exatamente o q pode ser, precisaria fazer alguns testes dentro do site e por isso não consigo definir por aqui exatamente o que está causando esse problema, no entanto, tenho algumas sugestões. Veja certinho se todos os plugins/tema e WP estão atualizados, e tente limpar o cache do site e do seu navegador para ver se volta a funcionar normal. Além disso, caso isso não resolva, é bom testar ir desativando cada um dos seus plugins, um a um, e ir testando a funcionalidade para ver se algum deles está causando essa incompatibilidade com o elementor.
Olá @@beatrizvargas1187! Muito legal seus vídeos.
Vamos lá. Uma forma prática de fazer o menu aparecer em toda a navegação sem precisar de nenhum plugin é usando os "efeitos de rolagem". É chatinho de configurar até a pessoa pegar a dinâmica de como funciona, mas é sempre muito melhor usar o mínimo de plugins possível. Mas nele é possível usar o efeito "scroll" para mostrar o menu após a rolagem vertical. Um outro detalhe é que na configuração do Header, também é possível criar uma versão de menu para cada dispositivo com ações peculiares e melhor personalização usando diferentes conteiners (pode ser um conteúdo legal de você fazer). Em alguns casos será mais útil do que usar apenas a responsividade direta de um só.
🧠Um dos erros mais comuns, principalmente de iniciantes com o Wordpress, é o hábito de não ler as documentações básicas tanto do WP quanto do Elementor para compreender as "hierarquias", das quais já vi você falar em algum outro vídeo teu.
👁🗨O ideal no Wordpress (sempre, sempre mesmo) é tê-lo o mais enxuto possível e se conseguir, não ultrapassar 10, 15 plugins indispensáveis (em casos extremos - 15 já exagero), pois quanto menor for o número de requisições externas de plugins, melhor será a performance e também o nível de segurança. Já peguei sites com mais de 40, 50 plugins, os 'famosos sites Frankenstein'. Neste tipo de sites não há hierarquia, é uma aventura muito louca a là Indiana Jones repleta de mistérios.
🛡Diquinha se segurança: Plugins gratuitos do Elementor têm sido os campeões de invasões em sites/servidores de hospedagem.
Todas as 'funções' (plugins) que a pessoa precisar executar no WP e puder ter "nativas", melhor. Se alguém tiver dúvidas do quanto ele não é de forma alguma "limitado", como já ouvi muita gente falar, basta perguntar pra Coca-Cola, Nasa, Facebook, USP, Sony Music, Warner e muitas outras grandes empresas, porque eles usam o wordpress em projetos gigantescos, de sites e blogs a apps híbridos, móveis e web (usando Wordpress Headless). Ah! Pra quem não sabe, todos os blogs do Meta são desenvolvidos com WP, o projeto Open Nasa, todos os sites de artistas da Sony/Warner e por aí vai.
Show Bia! Pra frente e pra cima!
Existe alguma função no plugin que mude a cor das letras do nav menu? Porque em um header com fundo branco as letras se misturam com o fundo e somem ao rolar a página.
Fala Vinícius ☺, tudo bem? Infelizmente, acredito que não tenha como Vinícius. Teria que adaptar os itens do seu nav menu para uma cor que se adapte bem tanto ao fundo inicial, como com a cor setada para o background da rolagem na tela mesmo.
boa tarde Bia, eu segui os passos que vc orientou , mas estranhamente quando eu clico no home , ele não volta direto para o inicio do site, eu tenho que ficar clicando várias vezes para voltar , o que pode ter acontecido?
Boa tarde Victor! Estranho que esteja acontecendo isso por aí, fiz alguns testes por aqui e funcionou normal para mim. Sugiro que tente colocar manualmente a URL do seu site ao invés de colocar a tag dinâmica, como eu fiz, no campo do link para ver se ajuda. Por aqui é um pouco difícil de definir o que pode estar acontecendo, pois eu precisaria fazer alguns testes. Caso possa indicar ql é a URL do site, pode ser que eu consiga ajudar um pouco melhor 😊
Este curso TreinamentoZPro, após 1 ano eu não consigo mais acessar?
O meu elementor não tem essas opções de container. é só para elementor pro?
Fala Bruno! A opção de container é disponível para o elementor pro e o gratuito também. Para funcionar, é preciso ativar essa função lá em Elementor --> Configurações --> Recursos --> deixar ativa a opção de "Flexbox Container" e salvar essas alterações. Caso ajude, também tem um vídeo recente que gravei aqui pro cana, com o nome "Como criar um site Institucional com Wordpress e Elementor (Passo a Passo Completo)", em que eu fiz só com o elementor gratuito utilizando containers, e fiz esse processo de ativação no início do tutorial. 😄👍
@@beatrizvargas1187 aaah, muito obrigado. Ajudou muito