Nesta aula, aprendemos a utilizar recursos de edição intermediária no Elementor, com foco no widget Acordeão (ou Sanfona), além de introduções aos conceitos de efeitos de movimento, animações e histórico de revisões.

1. Acesso ao WordPress

• Para acessar o painel do WordPress, geralmente usa-se: seudominio.com/wp-admin.
• Essa URL pode ser alterada com plugins por motivos de segurança, dificultando o acesso indevido ao painel de administração.

2. Introdução ao Widget Acordeão

• O acordeão é um widget útil para organizar conteúdos extensos, como perguntas frequentes (FAQ).
• Ele permite ocultar e exibir informações sob demanda, criando uma interface mais limpa e navegável.

3. Como usar o Acordeão

• Arraste o widget “Sanfona” para dentro de um contêiner na página.
• Personalize os itens:
  • Adicione ou remova seções (itens).
  • Insira qualquer tipo de conteúdo dentro de cada item (texto, imagem, vídeo, etc.).
  • Use botões de duplicar, excluir ou adicionar novos itens conforme necessário.

4. Configurações do Widget

• Guia Conteúdo:
  • Defina títulos e conteúdos de cada item.
  • Escolha a posição e o tipo dos ícones.
  • Ative opções como “primeiro item aberto por padrão” ou “permitir múltiplos itens abertos”.
  • Ajuste a duração da animação de abrir/fechar.
• Guia Estilo:
  • Personalize visualmente o acordeão:
    • Cor de fundo, bordas, espaçamento interno (preenchimento) e externo (margem).
    • Tipografia (fonte, tamanho, cor do texto).
    • Ícones (tamanho, cor, posição).
  • Configure diferentes estilos para os estados:
    • Normal: aparência padrão.
    • Hover: quando o mouse passa sobre o item.
    • Ativo: quando o item está aberto.

5. Boas Práticas

• Mantenha a interface limpa, evitando muitos itens abertos ao mesmo tempo.
• Use cores e estilos de forma equilibrada, garantindo boa leitura e navegação.
• O widget acordeão melhora a organização e a experiência do usuário, especialmente em páginas com muito conteúdo.