Landing Page no Elementor: configuração global e primeiras seções
Jonas Nunes
0:00 / 0:00
Landing Page no Elementor: configuração global e primeiras seções
0 просмотров · 10 ч назад
Jonas Nunes
55 подписчиков
0 просмотров · 10 ч назад
Início do desenvolvimento da landing page no WordPress com Elementor: página inicial, cores e fontes globais (Montserrat), imagens, altura das seções, containers, destaque de palavras com a tag span e padding.
📌 Neste vídeo você vai aprender:
• Página inicial e configurações globais
• Cores e fontes globais
• Containers e altura das seções
• Destaque com span e padding
❓ Perguntas frequentes
Como definir cores globais no Elementor?
Em Configurações do site › Cores globais, salve a paleta do projeto.
Como deixar uma palavra em negrito ou colorida no Elementor?
Envolva a palavra em uma tag span e aplique o estilo.
⏱️ Capítulos
0:00 Mude a cor de parte do título
2:43 Configurações de leitura
5:19 Página no Elementor: layout Tela
7:49 Cores e fontes globais
10:00 Configurações da página
12:33 Exportando imagens do Figma
14:48 Imagem de fundo da seção
16:55 Imagem de fundo: posição e cobertura
19:59 Caixa de imagem: logo e título
22:24 Alinhamentos
24:46 Destaque com span e classe CSS
27:16 Botão: largura e espaçamento
29:45 Sombra no botão
30:29 Ajustes para notebook, tablet e mobile
◀️ Aula anterior: Design de Landing Page Completa no Figma: todas as seções → • Design de Landing Page Completa no Figma: ...
▶️ Próxima aula: Landing Page no Elementor: seções, ícones SVG e vídeos → • Видео
📚 Playlist: Landing Page de Vendas na Prática (Figma + Elementor) → • Landing Page de Vendas na Prática (Figma +...
Este vídeo faz parte do Mapa do Webdesign, um caminho completo e gratuito para aprender web design do zero: princípios de design, Figma, Photoshop, criativos, WordPress, Elementor, HTML, CSS e otimização de sites.
🔔 Inscreva-se para acompanhar a série completa.
📲 Dicas rápidas no Instagram: @jonas.webp
#landingpage #elementor #webdesign