Fond de particules élémentaires libres (particules.js)
Particules est une extension gratuite de Master Addons qui exécute une animation particles.js derrière n'importe quelle section, colonne ou conteneur d'Elementor Allumez-le et vous obtenez l'effet par défaut tout de suite : des points blancs dérivant à travers la section, rejoints par des lignes fines et repoussés par le curseur Pour toute autre chose, comme tomber de la neige, faire monter des bulles ou un champ d'étoiles, construisez une configuration dans le générateur de particules.js et collez son JSON dans le panneau.
Un arrière-plan en mouvement sans fichier vidéo
Les particules sont dessinées sur une toile par le script particules.js, il n'y a donc pas de vidéo ou d'image à télécharger Le paramètre Z-index décide où se trouve la couche de particules, vous pouvez donc la garder derrière vos titres et boutons Si vous utilisez des particules sur plus d'une section, gardez le nombre de particules modeste et vérifiez la page sur un téléphone.
- Pas de fichiers vidéo ou image : l'animation est dessinée dans le navigateur.
- Un paramètre d'indice Z pour garder la couche de particules derrière votre contenu.
- Fonctionne sur les sections, les colonnes et les conteneurs, chacun avec sa propre configuration.
Toutes les particules.js ont un effet d'un champ JSON
Le champ Particle JSON contrôle tout ce que les particules.js peuvent faire : nombre de particules, couleur, forme, taille, opacité, lignes de liaison, vitesse et direction, plus interactions de vol stationnaire et de clics Le lien au-dessus du champ ouvre le générateur de particules.js. Choisissez un préréglage tel que NASA, Bubble ou Snow, ajustez-le avec des curseurs et téléchargez la configuration Collez-le et la section met à jour dans l'éditeur.
- Préréglages sur le générateur : Default, NASA, Bubble, Snow et Nyan Cat.
- Formes : cercle, arête, triangle, polygone, étoile ou votre propre image.
- Modes de survol et de clic tels que repousser, saisir, faire des bulles et pousser.
Comment ajouter un fond de particules dans Elementor
Les particules blanches par défaut ont besoin d'un fond sombre ou coloré pour apparaître, alors réglez-le en premier.
- Activez les particules dans l'onglet Extensions du tableau de bord Master Addons.
- Sélectionnez une section, une colonne ou un conteneur et donnez-lui une couleur de fond sombre.
- Ouvrez l'onglet Style, développez Particules et activez Activer l'arrière-plan des particules.
- Pour un effet différent, cliquez sur le lien au-dessus de Particle JSON, choisissez un préréglage dans le générateur, téléchargez le JSON et collez-le dans le champ.
- Définissez l'indice Z pour que la couche de particules reste derrière votre contenu, puis publiez.
Notre tutoriel d'arrière-plan des particules parcourt chaque étape avec des captures d'écran.
Particles.js dans WordPress : à la main ou avec l'extension
particles.js est une bibliothèque JavaScript gratuite, et vous pouvez l'ajouter vous-même à WordPress Voici ce que cela prend par rapport à l'extension.
| Ajout de particules.js à la main | Extension particulaire | |
|---|---|---|
| Chargement du script | Mettre la bibliothèque en file d'attente dans votre thème | Chargé uniquement sur les pages avec une section de particules |
| Couche particulaire | Ajoutez un div et positionnez-le derrière le contenu avec CSS | Ajouté à la section pour vous |
| Configuration | Appelez particlesJS () avec votre JSON dans un script | Collez le JSON dans le panneau |
| Aperçu | Sur le front-end | En plein dans l'éditeur Elementor |
| Couchage | Écrivez vos propres règles d'index z | Champ Z-Index |
Les particules se marient bien avec Glassmorphisme cartes sur le dessus Pour d'autres arrière-plans en mouvement, essayez Curseur d'arrière-plan ou Fond de dégradé animé (Pro).
Foire aux questions sur les particules
Je ne suis pas développeur, Les trucs de JSON sont trop durs pour moi ?
Non. Tourner l'effet sur vous donne l'aspect par défaut sans JSON du tout Pour d'autres looks, le générateur de particules.js fonctionne avec les curseurs et les sélecteurs de couleurs Téléchargez la configuration qu'il crée et collez-la dans le champ Particle JSON.
Puis-je utiliser ma propre image (comme un logo) comme particule ?
Oui. Dans le générateur de particules.js, définissez le type de forme sur image et entrez l'URL de votre image, comme un petit logo Téléchargez la configuration et collez-la dans le champ Particle JSON.
Est-ce que cela fonctionnera sur les téléphones mobiles ?
Oui, l'animation fonctionne sur les téléphones et les tablettes Un nombre élevé de particules peut ralentir les téléphones plus anciens, alors gardez le nombre modeste pour les sections que les visiteurs mobiles verront.
Puis-je avoir des effets de particules différents sur différentes sections d'une même page ?
Oui. Chaque section, colonne et conteneur possède son propre champ JSON de particules, afin que votre héros puisse montrer un champ d'étoiles tandis qu'une autre section utilise la neige.
Widgets et extensions d'éléments tendance
Construisez des sites Web sophistiqués en moins de temps.
Glassmorphisme
Extras de conteneurs
Modèles
![Modules principaux Extension de duplicateur de messages/pages pour le lien de ligne Elementor : MA Duplicator dans la liste des pages WordPress créant une ébauche de page de destination - [Dupliqué n° 128]](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
Duplicateur de messages/pages
