Descrição
O bloco Ganhador de sorteio animado permite que você crie experiências de sorteio envolventes em seu site WordPress. Com animações suaves e efeitos visuais empolgantes, este bloco é perfeito para promoções, eventos, concursos e qualquer situação que exija a seleção de números aleatórios.
Recursos principais:
- Defina um intervalo personalizado de números (inicial e final)
- Animação de rolagem dos números por cinco segundos antes de revelar o resultado
- Exibição em destaque do número sorteado
- Animação com fogos de artifício para celebrar o resultado
- Interface simples e intuitiva
- Totalmente responsivo
Como usar:
- Adicione o bloco Ganhador de sorteio animado ao seu conteúdo
- Configure o número inicial no painel de configurações
- Configure o número final no painel de configurações
- Publique ou pré-visualize a página.
- Clique no botão Sortear para iniciar o sorteio!
O bloco é perfeito para:
– Sorteios em eventos e promoções
– Seleção aleatória de participantes
– Atividades e jogos interativos
– Demonstração educacional sobre aleatoriedade
– Qualquer outra finalidade que precise de seleção aleatória de números com impacto visual
Código fonte & instruções de construção
O código fonte de desenvolvimento e ferramentas de construção deste plugin são mantidos publicamente no GitHub:
https://github.com/RafaelFunchal/animated-raffle-winner
O código fonte também está disponível na pasta src/ neste pacote de distribuição.
Para construir o plugin da fonte:
1. Confirme que você tenha Node.js e npm instalados.
2. Instale as dependências: npm install
3. Construa os arquivos: npm run build
Capturas de tela



Blocos
Este plugin disponibiliza 1 bloco.
- Animated Raffle Winner Create interactive raffles with number animation and fireworks
Instalação
- Envie os arquivos do plugin para a pasta
/wp-content/plugins/animated-raffle-winnerou instale o plugin diretamente na tela de plugins do WordPress - Ative o plugin na tela Plugins no WordPress
- Adicione o bloco Ganhador animado de sorteio a qualquer página ou post usando o editor de blocos
Perguntas frequentes
-
Como eu configuro o intervalo de números?
-
No editor de blocos, selecione o bloco Ganhador de sorteio animado. Na barra lateral direita (inspetor), você encontrará dois campos: Número inicial e Número final. Informe os valores desejados.
-
Posso usar números negativos?
-
Sim, o bloco aceita qualquer número, incluindo números negativos.
-
A animação funciona em dispositivos móveis?
-
Sim, o bloco é totalmente responsivo e funciona perfeitamente em celulares e tablets.
-
Posso personalizar a duração da animação?
-
No momento, a animação tem uma duração fixa de cinco segundos para garantir uma experiência consistente.
-
O bloco é realmente aleatório?
-
Sim, o plugin usa a função Math.random() do JavaScript, o que gera números pseudo-aleatórios compatíveis com a maioria dos sorteios.
Avaliações
Não há avaliações para este plugin.
Colaboradores e desenvolvedores
“Ganhador de sorteio animado” é um programa de código aberto. As seguintes pessoas contribuíram para este plugin.
ColaboradoresGanhador de sorteio animado” foi traduzido para 1 localidade. Agradecemos aos tradutores por suas contribuições.
Traduzir o “Ganhador de sorteio animado” para seu idioma.
Interessado no desenvolvimento?
Navegue pelo código, consulte o repositório SVN ou assine o registro de desenvolvimento por RSS.
Registro de alterações
1.0
- Adicionada seleção de imagem de plano de fundo da biblioteca de mídias
- Adicionado controle de opacidade (0-100) da sobreposição do plano de fundo.
- Adicionados tamanhos de texto pré-definidos (Muito pequeno, Pequeno, Médio, Grande e Muito grande)
- O botão na interface foi atualizado para ¨Sortear novamente¨ após cada resultado
- Melhorias de acessibilidade adicionadas: anúncios de resultado ao vivo e suporte a redução de movimento
- Adicionado sair da tela cheia com tecla Escape e parada automática da celebração
0.1.0
- Lançamento inicial
- Sorteio com intervalo configurável
- Animação de cinco segundos
- Celebração com fogos de artifício
- Interface responsiva
