1. Acessando o Painel do Elementor

• Para editar páginas, acesse o painel administrativo do WordPress: seudominio.com/wp-admin.
• Após fazer login, vá em Páginas > Todas as Páginas e selecione a página que deseja editar.
• Clique em “Editar com Elementor” para abrir o editor visual.

2. Visão Geral dos Widgets

• Widgets são elementos (como textos, imagens, botões) que podem ser arrastados para a página.
• Principais widgets básicos:
  • Contêiner / Grade: Estrutura para organizar o layout (recomendado usar Contêiner por flexibilidade).
  • Título, Imagem, Texto, Vídeo, Botão: Essenciais para a maioria das páginas.
• Widgets avançados (como abas, carrosséis) serão vistos em aulas futuras.

3. Estrutura da Página com Contêineres

• Contêineres funcionam como “caixas” que organizam o conteúdo.
  • Exemplo: Um contêiner principal pode ter dois contêineres filhos (um com título + vídeo, outro com texto + botão).
• Para ajustar espaçamentos:
  • Margem: Espaço externo ao contêiner (distância entre elementos).
  • Preenchimento: Espaço interno (dentro do contêiner).

4. Edição de Texto

• Título: Configurações globais (fonte, cor, alinhamento).
• Editor de Texto: Permite formatação avançada (negrito, cores em partes específicas, parágrafos).
• Dica: Use altura de linha (1.4) para melhor legibilidade.

5. Edição de Imagens

• Sempre otimize imagens em WebP (use ferramentas como converterparawebp.com e tinypng.com).
• Configurações:
  • Conteúdo: Escolha da imagem e resolução (deixe em “Completo”).
  • Estilo: Largura (100%), bordas, opacidade e efeitos hover.
  • Avançado: Ajuste de largura em pixels (mais preciso).

6. Edição de Botões

• Conteúdo: Texto do botão e link (ex: WhatsApp, YouTube).
• Estilo: Cores, tipografia, sombra e efeitos hover (como animação “Grow”).
• Dica: Use preenchimento interno para deixar o botão mais espaçoso.

7. Edição de Vídeos

• Nunca hospede vídeos diretamente no site (use links do YouTube/Vimeo).
• Configurações:
  • Sobreposição de imagem: Capa personalizada para o vídeo.
  • Estilo: Proporção (16:9) e bordas arredondadas (em “Avançado”).

8. Planos de Fundo

• Em contêineres, vá em Estilo > Plano de Fundo para:
  • Cor sólida, gradiente, imagem fixa ou vídeo de fundo.

9. Publicação

• Sempre clique em “Publicar” para salvar alterações e deixar a página visível.

---

Próxima Aula: Edições intermediárias (abras, carrosséis, efeitos de animação).
Dica: Revise esta aula e pratique! A maioria dos sites usa apenas esses widgets básicos.