O design dos sítios Web é frequentemente enriquecido por elementos criativos que captam a atenção dos visitantes. Uma ferramenta fantástica para este efeito é o cabeçalho animado do Elementor. Esta função permite-lhe dar ênfase a certas palavras ou passagens, tornando o seu conteúdo mais vivo e apelativo. Neste guia, aprenderá a inserir e a personalizar um título animado com o Elementor.
Principais conclusões
- O cabeçalho animado oferece várias opções de estilo, incluindo destaques de texto, rotações e animações.
- É possível personalizar tanto o texto animado como o título associado.
- O efeito do título pode ser melhorado através de diferentes tipos de animação, como "digitação", "flip" ou "drop-in".
Guia passo-a-passo para criar títulos animados
Passo 1: Aceder ao editor Elementor
Inicie a sua área de administração do WordPress e vá para a página ou publicação onde pretende adicionar o título animado. Clique em "Editar com o Elementor" para abrir o editor do Elementor.
Passo 2: Selecionar o widget para o título animado
Na barra lateral esquerda do Elementor, procure o widget "Animated headline" (título animado). Arraste e largue-o na área pretendida da sua página.
Passo 3: Introduza o seu texto estático
Depois de ter adicionado o widget, introduza o seu texto estático no campo "Título principal". Este é o texto que permanecerá fixo enquanto o texto animado muda. Por exemplo, pode introduzir "Este sítio Web é".
Passo 4: Definir o texto animado
Vá para a secção "Texto animado" e insira as palavras ou passagens que pretende realçar em rotação. Podem ser palavras como "ótimo", "ótimo para", "principiante" e "o seu porto de escala número 1".
Passo 5: Personalizar o estilo
No separador "Estilo", pode personalizar o design do título e do texto animado. Aqui pode ajustar a cor do texto e a forma do fundo. Uma escolha popular é dar ao fundo uma cor vermelha, mas também podes escolher preto ou verde.
Passo 6: Ativar o efeito de animação
Na secção "Efeitos de animação", pode especificar o aspeto da animação. Quer que o texto animado tenha um "loop infinito" para que se repita constantemente? Efectue as definições adequadas para a duração e o atraso da animação.
Passo 7: Selecionar o tipo de animação
Selecione o tipo de animação pretendido no menu pendente. Os efeitos disponíveis incluem "Typing", "Flip" ou "Drop-in". O efeito "Drop-in" é particularmente atrativo, mas o efeito "Typing" também tem o seu próprio encanto.
Passo 8: Pré-visualização e ajustes
Utilize a função de pré-visualização para ver como fica o título animado na visualização ao vivo do sítio Web. Aqui pode fazer ajustes, como alterar o tamanho do texto ou o espaçamento para otimizar o layout.
Passo 9: Ajustes finais antes da publicação
Antes de guardar a página, verifique novamente todas as definições. Certifique-se de que os tipos de letra e as cores estão em harmonia com o resto do sítio Web. Se tudo estiver bem, clique em "Publicar" para ativar as alterações no seu sítio Web.
Resumo
Com este guia, percorreu os passos básicos para criar um cabeçalho animado no Elementor. Pode utilizar as funcionalidades e as opções de personalização para dar um toque dinâmico ao seu sítio Web e captar a atenção dos visitantes.
Perguntas mais frequentes
Como posso alterar a cor do texto animado?Pode alterar a cor no separador "Estilo" do respetivo campo de texto.
O que devo fazer se a animação não funcionar corretamente?Certifique-se de que todas as definições foram aplicadas corretamente e teste a pré-visualização para ver se há alterações.
É possível utilizar vários títulos animados numa página?Sim, pode adicionar tantos títulos animados quantos desejar, mas tenha em atenção a legibilidade.
Existem limitações para as animações? Há uma variedade de animações, mas algumas podem não ser apresentadas de forma óptima em determinados dispositivos ou navegadores.
