Como fazer efeitos de queda de neve no WordPress

Talvez você já tenha visitado um site com um efeito de neve caindo. Pode ser lindo e interessante, não é? Você pode querer que seu site WordPress também tenha flocos de neve brancos voando na tela no inverno. Vai ser ótimo para o seu evento de inverno ou Natal e vai alegrar o seu visitante depois de um longo e difícil ano de 2020. Mas você ainda não sabe como fazer isso? Deixe-me mostrar como criar efeitos de neve caindo em seu site WordPress da maneira mais simples agora.

Vamos criar as lindas chuvas de neve no seu site, isso vai ser muito interessante!

Há muitas maneiras de criar um efeito de queda de neve no seu site WordPress. Você pode codificar ou usar alguns plug-ins. Mas neste post usarei um plugin porque é muito mais simples, e qualquer pessoa pode fazer isso sem conhecimento de codificação.

Plugin WordPress para criar efeitos de neve

No WordPress, existem vários plug-ins para criar efeitos de neve, como:

• WP Snow Effect
• Efeito do clima - efeito Natal, efeito neve
• Tempestade de neve
• WP Super Snow

Fiz esta instrução com o plugin “WP Super Snow” porque é muito leve, fácil de usar e pode fornecer vários efeitos bonitos.

Etapa 1: Instale o plugin “WP Super Snow”

Primeiro, você deve baixar o plugin “WP Super Snow” (gratuito) aqui e depois fazer o upload e instalá-lo em Dashboard > Plugin > Adicionar novo e escolha Upload Plugin .

Em seguida, arraste e solte o arquivo zip “WP Super Snow” para carregá-lo (como fiz aqui) ou clique em Escolher arquivo . Em seguida, clique em Instalar agora .

Espere um minuto e clique em Ativar para instalar completamente e ativar este plug-in para criar o efeito de neve caindo.

Leia mais sobre como instalar e ativar plug-ins do WordPress de 3 maneiras aqui.

Etapa 2: permitir que o plug-in entre em vigor no seu site

Agora, um novo menu chamado Super Snow aparecerá na parte inferior do menu do administrador no painel do administrador.

Pressione-o, uma tela aparecerá conforme mostrado na imagem abaixo.

No momento, o plugin ainda está com o status “ Não, desabilitar ”, o que significa que ele foi desabilitado e ainda não teve efeito em seu site. Clique em Sim, habilite WP Super Snow! para permitir que o plug-in tenha efeito em seu site. Em seguida, clique em Salvar todas as alterações para salvar as configurações.

Vamos até a página inicial para conferir o resultado.

Notavelmente, após essas configurações, a neve cairá em todo o seu site com imagens e tamanhos padrão. Você absolutamente pode personalizar suas configurações para fazer a neve cair com efeitos mais bonitos ou apenas cair em algumas páginas.

Como personalizar o efeito da neve

O plugin WP Super Snow oferece uma dúzia de opções para personalizar.

No menu Super Snow no painel de administração, na seção Ativar / Desativar que você acabou de personalizar na segunda etapa, role para baixo até a seção Navegador de neve virtual .

Existem alguns subitens nesta seção. Eles permitem que você personalize os efeitos da queda de neve. Cada um tem sua própria instrução logo abaixo de seu nome. Quando você ajusta qualquer item seguindo essas diretrizes, a tela de visualização mostra como isso tem efeito em seu site. Portanto, leia as diretrizes com atenção.

Além disso, tenho algumas notas extras aqui para ajudá-lo a personalizar esses itens facilmente.

WP Snow Container

Esta seção permite que você tenha as neves em certas áreas da tela. Por exemplo, se você quiser que a neve caia apenas no topo do seu site, defina este campo como “cabeçalho”. No outro caso, cair no final do site? defina-o como “rodapé”. Por padrão, quando é “corpo”, a neve vai cair em toda a tela.

Z-Index para todos os flocos de neve

Esta opção de índice z é usada para ajustar a cobertura de neve. O valor padrão de 999999 faz com que a neve cubra quase a página. Mas, se você definir um pequeno número aqui (por exemplo, -1000), a neve vai parar de cair.

Imagens de flocos de neve (delimitadas por linha)

Se você deseja alterar os gráficos padrão dos flocos de neve ou substituí-los por outros ícones / símbolos, basta fazer upload de suas próprias imagens aqui. Este recurso do WP Super Snow ajuda você a ter diferentes ícones / símbolos para diferentes ocasiões do ano. Por exemplo, flores para a primavera, abóboras para o Halloween ou folhas voadoras para o outono e assim por diante.

Total de flocos de neve para processar

Esta configuração permite que você escolha o número de flocos de neve voando na tela em um momento. Lembre-se de que quanto mais flocos de neve aparecerem ao mesmo tempo, mais lento será o carregamento do seu site.

Tamanho máximo do floco de neve (em pixels)

Se você não quiser que seus flocos de neve sejam exibidos muito grandes quando aparecerem, reduza o número aqui. Caso contrário, escolha um número maior. Isso significa que o pixel dos maiores flocos de neve, outros serão menores e aleatórios.

Usar efeitos de transparência em flocos de neve?

Preste atenção que usar efeitos de transparência fará com que os flocos de neve fiquem mais bonitos com sua natureza, mas sua web irá carregar mais devagar e vice-versa.

Previsão / Condições

Esta seção é usada para definir as condições de aplicação do plugin WP Super Snow usando tags condicionais.

Com esta opção, você pode definir que a neve só é aplicada em dispositivos desktop e aos sábados e domingos e nas páginas de produtos congelados.

Nesta seção, você deve saber um pouco sobre a codificação para usar essas tags. É bastante complicado, por isso não o expresso aqui. Se você quiser explorá-lo, leia isto.

Finalmente, lembre-se de clicar no botão Salvar todas as alterações na parte inferior após todas as configurações.

Pensamentos finais

Então, essas são etapas muito fáceis para fazer cair a neve em seu site. Certamente, depois de ler este artigo, você não apenas saberá como criar o efeito de neve caindo para sites WordPress, mas também saberá como personalizá-lo e criar outros efeitos impressionantes, certo?

Se alguém aqui sabe como fazer o efeito da neve caindo em sites WordPress de outras maneiras, deixe um comentário abaixo.

Obrigado por ler! Feliz Natal 2020!