Já adicionei efeitos de neve a sites do WordPress muitas vezes, especialmente para campanhas de feriados, e isso sempre deixa as páginas mais festivas. A melhor parte é que você não precisa de habilidades de programação para fazer isso.
Neste guia, mostrarei exatamente como adicionar um efeito de neve no WordPress usando o SeedProd (a maneira mais fácil), um plug-in gratuito ou um snippet simples. Também compartilharei dicas para manter seu site rápido e acessível, de modo que os visitantes aproveitem o efeito sem diminuir a velocidade.
Por que adicionar o efeito de neve no WordPress?
Os efeitos de neve são uma maneira fácil de adicionar alegria ao feriado e tornar seu site mais convidativo. Eles funcionam especialmente bem durante promoções de Natal, campanhas sazonais ou conteúdo festivo de blog.
Se você tiver uma loja WooCommerce, as animações de queda de neve podem destacar descontos especiais e criar uma sensação de entusiasmo que aumenta as vendas. Os blogueiros também podem usá-las para adicionar personalidade e manter os leitores envolvidos durante a temporada de férias.
O segredo é usar o efeito onde ele faz sentido, como na página inicial, nas páginas de destino ou no arquivo da loja, sem sobrecarregar os visitantes. Se feito corretamente, ele acrescenta um toque festivo que faz com que as pessoas voltem sempre.
Como adicionar efeito de neve no WordPress
Há várias maneiras de adicionar efeitos de neve ao seu site WordPress.
Muitos criadores de páginas do WordPress têm animações integradas que permitem adicionar flocos de neve caindo e outros efeitos sem codificação. Você também pode usar um plug-in de efeitos de neve do WordPress ou codificar a animação por conta própria.
A desvantagem de codificar efeitos de floco de neve é que isso requer conhecimento técnico que você talvez não tenha. Além disso, pagar um desenvolvedor para fazer isso por você pode ser bastante caro. Por isso, mostraremos duas maneiras de adicionar neve caindo ao seu site: usando um construtor de páginas e um plug-in do WordPress.
Exemplo 1: Como adicionar o efeito de neve no WordPress com um construtor de páginas
O SeedProd é um dos melhores construtores de sites WordPress do tipo arrastar e soltar, com mais de 1 milhão de usuários. Ele ajuda você a criar temas personalizados do WordPress e layouts de página sem tocar em uma única linha de código.
Com sua biblioteca de modelos predefinidos e o construtor visual de páginas, você pode personalizar facilmente qualquer parte do seu site. Ele também inclui efeitos de fundo de partículas que permitem adicionar animações a qualquer seção da página, inclusive flocos de neve caindo.
Instalação do SeedProd
Para começar, primeiro você precisará instalar e ativar o plug-in SeedProd.
Observação: o SeedProd tem uma versão gratuita que permite criar uma página de destino simples sem código. No entanto, você precisará de um de seus planos pagos para usar o recurso Particle Background. Estamos usando a versão Pro.
Para obter ajuda para começar a funcionar, consulte nosso guia sobre a instalação do SeedProd Pro.
Com o SeedProd, há duas maneiras de personalizar seu site:
- Com o Landing Page Builder - Crie páginas individuais que funcionam perfeitamente com seu tema atual do WordPress.
- Com o Theme Builder - Crie um novo tema do WordPress para substituir o existente, completo com cabeçalho, rodapé, barra lateral, blog e muito mais personalizados.
No exemplo abaixo, criaremos um tema personalizado usando o construtor de temas e kits de sites predefinidos. Para conhecer todas as etapas para criar um tema você mesmo, consulte nosso guia sobre como criar um tema personalizado do WordPress.
Adição de efeitos de fundo de partículas
Depois de configurar uma página personalizada ou um tema do WordPress, você estará pronto para adicionar animações de floco de neve. Neste exemplo, adicionaremos o efeito à nossa página inicial, portanto, navegue até SeedProd " Theme Builder e localize o modelo "Homepage" na lista.
Em seguida, passe o cursor do mouse sobre o modelo e clique no link Edit Design (Editar design ). Isso abre a página no construtor de arrastar e soltar para que você possa personalizá-la.
O SeedProd facilita muito a adição de planos de fundo de partículas. Basta clicar em qualquer seção da página e selecionar a guia Advanced na barra lateral esquerda.
Na barra lateral Advanced (Avançado), clique na guia Particle Background (Fundo de partícula ) e ative o botão de alternância "Enable Particle Background" (Ativar fundo de partícula).
Com as animações de fundo ativadas, clique no menu suspenso Style (Estilo ) e escolha "Snowflakes" (Flocos de neve) na lista.
Algumas das outras opções incluem Halloween, Space, Polygon, Snow e Christmas, mas vamos ficar com Snowflakes por enquanto.
A partir daí, você pode alterar a aparência dos flocos de neve. Por exemplo, você pode alterar a opacidade, a cor e até mesmo a direção do fluxo.
Para obter mais opções, ative o botão de alternância Advanced Settings (Configurações avançadas ). Aqui, é possível aumentar o número de partículas, o tamanho das partículas e a velocidade de queda.
Repita esse processo para qualquer outra seção em que queira mostrar flocos de neve caindo. Você pode até mesmo misturar as coisas escolhendo o efeito "Christmas" (Natal) para mostrar árvores de Natal, presentes de inverno e neve.
Quando estiver satisfeito com as alterações, clique no botão Save (Salvar ) no canto superior direito.
Agora, você pode visitar sua página inicial e ver suas alterações festivas em ação.
Exemplo 2: Como adicionar efeito de neve no WordPress com um plug-in de neve do WordPress
Se não quiser usar um construtor de páginas, você pode adicionar efeitos de neve ao seu site com um plug-in do WordPress. E, como antes, você não precisará de conhecimento técnico para fazer isso funcionar.
Neste exemplo, você precisará instalar e ativar o plug-in DB Falling Snowflakes. Ele é totalmente gratuito e leva apenas alguns minutos para ser configurado.
No administrador do WordPress, navegue até Plugins " Add New e digite "DB Falling Snowflakes" na caixa de pesquisa. Em seguida, clique em Install and Activate( Instalar e ativar).
Depois de ativar o plug-in, clique na opção DB Snow Flakes na barra de administração do WordPress. Nessa página, você pode definir várias configurações que controlam como os flocos de neve são exibidos em seu site.
Comece escolhendo a data e o mês em que você gostaria que os flocos de neve começassem a cair. Você também pode definir uma data para interromper o efeito de neve caindo.
Em seguida, digite o número máximo de flocos de neve que deseja que apareçam em seu site a qualquer momento. Você também pode definir o tamanho mínimo e máximo do floco de neve e usar o controle deslizante para ajustar a velocidade com que eles caem.
Depois, role a tela para baixo e selecione 5 cores para seus flocos de neve. O plug-in selecionará aleatoriamente cada cor de floco a partir dessas opções.
Por fim, clique no botão Save Changes (Salvar alterações) para armazenar suas configurações. A partir daí, você pode visitar seu site na data de início selecionada e ver o efeito da tempestade de neve em ação.
Perguntas frequentes sobre o efeito da neve
Introdução aos efeitos de neve no WordPress
Espero que este guia tenha ajudado você a aprender como adicionar efeitos de neve no WordPress. Cada um dos métodos acima o ajudará a adicionar um pouco de alegria festiva ao seu site. E a melhor parte é que você não precisará da ajuda de um desenvolvedor. Você pode fazer tudo sozinho em minutos.
Portanto, vá em frente e deixe nevar!
Se estiver procurando mais maneiras de tornar seu site atraente, consulte nossos outros tutoriais e mostruários:
- Melhores plug-ins de animação para WordPress: Escolha do especialista
- Exemplos de mensagens de boas-vindas do site para atrair novos visitantes
- Como criar contadores de números animados no WordPress (2 métodos)
- 7 melhores plug-ins de banner do WordPress para aumentar os leads e as vendas
Obrigado pela leitura! Gostaríamos muito de ouvir sua opinião, portanto, sinta-se à vontade para participar da conversa no YouTube, X e Facebook para obter mais conselhos úteis e conteúdo para expandir seus negócios.
