Fundo de partículas de elementor livre (particles.js)
Particles é uma extensão Master Addons gratuita que executa uma animação partlets.js atrás de qualquer seção, coluna ou contêiner Elementor. Ligue-o e você terá o efeito padrão imediatamente: pontos brancos flutuando pela seção, unidos por linhas finas e afastados pelo cursor. Para qualquer outra coisa, como neve caindo, bolhas subindo ou um campo estelar, construa uma configuração no gerador partlets.js e cole seu JSON no painel.
Um fundo em movimento sem um ficheiro de vídeo
As partículas são desenhadas em uma tela pelo script partlices.js, portanto não há vídeo ou imagem para baixar A configuração do índice Z decide onde a camada de partículas fica, para que você possa mantê-la atrás de seus títulos e botões Se você usar partículas em mais de uma seção, mantenha a contagem de partículas modesta e verifique a página em um telefone.
- Sem arquivos de vídeo ou imagem: a animação é desenhada no navegador.
- Uma configuração de índice Z para manter a camada de partículas atrás do seu conteúdo.
- Funciona em seções, colunas e contêineres, cada um com sua própria configuração.
Qualquer efeito de partículas.js de um campo JSON
O campo Particle JSON controla tudo o que as partículas.js podem fazer: contagem de partículas, cor, forma, tamanho, opacidade, linhas de ligação, velocidade e direção, além de interações de hover e clique O link acima do campo abre o gerador de partículas.js. Escolha uma predefinição como NASA, Bubble ou Snow, ajuste-a com controles deslizantes e baixe a configuração Cole-a e a seção atualiza no editor.
- Predefinições no gerador: Padrão, NASA, Bolha, Neve e Gato Nyan.
- Formas: círculo, borda, triângulo, polígono, estrela ou sua própria imagem.
- Passe o mouse e clique em modos como repulsa, agarrar, borbulhar e empurrar.
Como adicionar um fundo de partículas no Elementor
As partículas brancas padrão precisam de um fundo escuro ou colorido para aparecer, então defina isso primeiro.
- Ative as partículas na guia Extensões do painel de complementos mestre.
- Selecione uma seção, coluna ou recipiente e dê-lhe uma cor de fundo escura.
- Abra a guia Estilo, expanda Partículas e ligue Habilitar Fundo de Partículas.
- Para um efeito diferente, clique no link acima da Partícula JSON, escolha uma predefinição no gerador, baixe o JSON e cole-o no campo.
- Defina o índice Z para que a camada de partículas fique atrás do seu conteúdo e depois publique.
Nosso partículas fundo tutorial caminha por cada etapa com capturas de tela.
Particles.js em WordPress: à mão ou com a extensão
particles.js é uma biblioteca JavaScript gratuita, e você mesmo pode adicioná-la ao WordPress. Aqui está o que isso leva em comparação com a extensão.
| Adicionando partículas.js manualmente | Partículas extensão | |
|---|---|---|
| Carregando o script | Enfileire a biblioteca no seu tema | Carregado apenas em páginas com seção de partículas |
| Camada de partículas | Adicione um div e posicione-o atrás do conteúdo com CSS | Adicionado à seção para você |
| Configuração | Chame partículasJS () com seu JSON em um script | Cole o JSON no painel |
| Visualização | Na extremidade dianteira | Bem no editor Elementor |
| Camadas | Escreva suas próprias regras de índice z | Campo Z-índice |
Partículas combinam bem com Glassmorphismo cartas em cima Para outros fundos em movimento, tente Deslizador Fundo ou Fundo de gradiente animado (Pro).
Perguntas frequentes sobre partículas
Eu não sou um desenvolvedor As coisas JSON são muito difíceis para mim?
Não. Virar o efeito dá-lhe o olhar padrão sem nenhum JSON em tudo Para outros olhares, o gerador de partículas.js funciona com controles deslizantes e selecionadores de cores Baixe a configuração que ele cria e cole-o no campo Particle JSON.
Posso usar minha própria imagem (como um logotipo) como partícula?
Sim. no gerador de partículas.js, defina o tipo de forma como imagem e insira a URL da sua imagem, como um pequeno logotipo. Baixe a configuração e cole-a no campo Particle JSON.
Isso funcionará em telefones celulares?
Sim, a animação é executada em telefones e tablets Uma alta contagem de partículas pode desacelerar os telefones mais antigos, portanto, mantenha o número modesto para as seções que os visitantes móveis verão.
Posso ter efeitos de partículas diferentes em diferentes seções da mesma página?
Sim. Cada seção, coluna e contêiner tem seu próprio campo Particle JSON, para que seu herói possa mostrar um campo estelar enquanto outra seção usa neve.
Widgets e extensões de elementos de tendência
Construa sites sofisticados em menos tempo.
Glassmorphismo
Contêiner Extras
Padrões
Duplicador de postagem/página
