Um cabeçalho transparente é uma técnica de design onde a seção superior de um site – que geralmente contém o logo e o menu de navegação – não possui um fundo opaco, permitindo que a imagem ou o vídeo de fundo se estenda até o topo da página.
Isso cria uma experiência visual contínua e imersiva, dando ao site uma aparência moderna e sofisticada.Veja como configurar um cabeçalho transparente no Elementor FREE e PRO com um design moderno e elegante para o seu site. Essas aulas fazem parte do Curso Elementor Definitivo.
Criando cabeçalho no Elementor FREE com o plugin Elementor Header & Footer Builder
Criando cabeçalho no Elementor PRO
Criando cabeçalho fixo e transparente
Veja como configurar um cabeçalho transparente no Elementor FREE e PRO com um design moderno e elegante para o seu site.
- Acesse o Editor do Elementor: Primeiro, acesse a página ou post onde deseja criar o cabeçalho transparente no Elementor.
- Adicione um Cabeçalho com o Elementor PRO: Se você ainda não tem um cabeçalho criado com o Elementor PRO, adicione um bloco de cabeçalho clicando no botão “+ Adicionar Modelo” e escolha “Cabeçalho”.
- Personalize o Cabeçalho: Com o cabeçalho adicionado, personalize-o conforme desejar. Adicione logotipos, menus de navegação, botões de ação e outros elementos que fazem parte do seu cabeçalho.
- Torne o Cabeçalho Transparente: Para tornar o cabeçalho transparente, vá para as configurações do cabeçalho no Elementor PRO. Procure por opções relacionadas ao estilo ou aparência do cabeçalho.
- Ajuste a Transparência: Dentro das configurações de estilo, você encontrará a opção de ajustar a transparência do cabeçalho. Isso pode ser feito alterando a opacidade do plano de fundo ou escolhendo um plano de fundo transparente.
- Adicione Efeitos de Rolagem: Para criar um efeito de cabeçalho transparente que aparece ao rolar a página, você pode adicionar animações ou efeitos de rolagem no Elementor PRO. Isso permite que o cabeçalho se torne transparente conforme o usuário rola para baixo na página, proporcionando uma experiência visual dinâmica.
- Teste e Ajuste: Após configurar o cabeçalho transparente, faça testes em diferentes dispositivos e navegadores para garantir que o design funcione corretamente e mantenha a estética desejada em todas as condições de visualização.
- Verifique o carregamento: Após configurar esses recursos, não se esqueça de aplicar as técnicas para deixar seu WordPress rápido.
Ao seguir esses passos e explorar as opções avançadas do Elementor PRO para personalização de cabeçalhos, você poderá criar um cabeçalho transparente que agregue estilo e sofisticação ao seu site, proporcionando uma experiência visual atraente para os visitantes. Se você quer aprender a como criar sites profissionais com WordPress e Elementor, inscreva-se no nosso curso.
