Utilisateurs de jeunes pages. Malgré un démarrage tardif, elementor a rapidement accumulé plus de 5 millions d’installations actives sur WordPress. Cela fait de lamp;rsquoélément le générateur de page le plus populaire pour une raison.
Pour ajouter une animation lottie à votre site Web en utilisant elementor, devez damp;rsquoabord avoir le fichier lottie et la version elementor pro afin que puissiez utiliser le Widget lottie disponible uniquement sur elementor pro 2.10.0 ou plus tard. Tout damp;rsquoabord, êtes prêt à placer la partie du Widget lottie et à faire glisser le Widget lottie de lamp;rsquoéditeur damp;rsquoéléments dans la zone de toile.
Sélectionnez ensuite la source dans le panneau de gauche, sélectionnez le fichier média et cliquez sur le bouton Pour utiliser le fichier lottie téléchargé à partir de lottiefiles: Sélectionnez lamp;rsquoalignement désiré et fournissez également un lien vers lamp;rsquoanimation dans lamp;rsquooption liens.
souhaitez utiliser un fichier lotto damp;rsquoune source tierce, changez la source en URL externe et placez le lien dans lamp;rsquoespace fourni ci dessous. Pour contrôler le comportement de lamp;rsquoanimation, ouvrez le bloc de configuration, la première option est lamp;rsquooption de déclenchement, qui, comme son nom lamp;rsquoindique, vérifie quand lamp;rsquoanimation commence à jouer.
Il y a 4 déclencheurs à choisir: viewport active lamp;rsquoanimation en fonction de la zone visible de lamp;rsquoécran de lamp;rsquoappareil cliquez sur le curseur activez lamp;rsquoanimation activez lamp;rsquoanimation lorsque la page de défilement de lamp;rsquoanimation est activée lorsque lamp;rsquoanimation est transférée du curseur de lamp;rsquoutilisateur pour plus damp;rsquooptions personnalisées, telles que: Pour les paramètres de boucle damp;rsquoanimation, la sélection des options de rendu, la largeur de lamp;rsquoanimation et lamp;rsquoeffet de mouvement sur lamp;rsquoanimation, pouvez lire notre article précédent sur la façon damp;rsquoajouter lamp;rsquoanimation lottie à lamp;rsquoélément.
Pour ajouter une animation
Lottie Divi sur Divi est le thème WordPress le plus populaire, cependant, Divi n’est pas seulement un thème, c’est un cadre pour la création de sites Web qui permet de concevoir de beaux sites Web sans avoir à toucher une seule ligne de code. Utilisez l’éditeur de visualisation intégré, qui est différent de tout thème WordPress que avez utilisé précédemment. Pour utiliser Divi sur n’importe quel thème WordPress, pas seulement Divi et extra, Divi offre également un générateur de page en tant que plug in autonome. Voici comment installer le plug in Divi Builder. Pour utiliser l’animation lottie sur Divi Builder, devez d’abord installer et activer le plug in Divi Supreme sur le site WordPress. Vous pouvez obtenir le plugin sur WordPress. Organisation gratuite.
Ensuite, dans lamp;rsquoéditeur Divi Builder, ajoutez le module de réglage suprême aux lignes de la section.
Lorsque ajoutez un formulaire, un panneau apparaît, où collez lamp;rsquoURL dans le champ fourni, ou pouvez le fichier Leti téléchargé.
Une fois lamp;rsquoanimation prête, pouvez modifier le comportement de lamp;rsquoanimation, comme Activer désactiver la boucle, la vitesse de retard, lamp;rsquoorientation, la vitesse damp;rsquoanimation et les affichages. Pour plus de détails sur la façon damp;rsquoajouter une animation Leti à Divi, consultez notre article précédent.
Comment ajouter lamp;rsquoanimation lottie à brizy en ajoutant des générateurs de page populaires tels que elementor et Divi, brizy est relativement nouveau, et la combinaison damp;rsquoun éditeur simple et léger et damp;rsquoune interface intuitive glisser déposer fait de brizy un bon choix pour construire des pages de site. avez déjà utilisé elementor, il namp;rsquoest pas trop difficile de y habituer parce que lamp;rsquointerface est très similaire à elementor, le panneau de gauche est utilisé pour ajouter des éléments à lamp;rsquoéditeur, contrairement à elementor qui utilise le panneau de gauche pour personnaliser les éléments, et brizy Custom est sur le projet lui Même lorsquamp;rsquoil est cliqué.
Pour
Pour ajouter une animation Leti sur brizy, devez utiliser brizy pro, car les éléments Leti sur brizy ne sont disponibles que dans la version pro. avez déjà utilisé brizy pro, pouvez rechercher des articles lotto dans le panneau de lamp;rsquoéditeur brizy et les faire glisser dans la zone de la toile.
Une fois lamp;rsquoanimation par défaut en place, pouvez modifier le lien par défaut ou le fichier Leti pour le remplacer, cliquer sur lamp;rsquoanimation pour ouvrir la barre de configuration du projet, puis cliquer sur lamp;rsquoicône Leti et coller lamp;rsquoURL dans le lien Leti pour lamp;rsquoanimation gérée par un tiers, ou cliquer sur + Pour le fichier Leti. Lorsque lamp;rsquoanimation est prête, pouvez définir le comportement damp;rsquoanimation comme désiré.
Vous pouvez lire notre article précédent pour plus de détails sur la façon damp;rsquoajouter des animations Leti à brizy. Comment ajouter l’animation Leti à Gutenberg Gutenberg est un nouvel éditeur de blocs introduit dans WordPress 5. Il remplace l’éditeur WordPress classique et représente un changement majeur dans la façon dont le contenu est créé. Avec Gutenberg, pouvez ajouter plusieurs types de médias et utiliser des blocs pour organiser la mise en page dans lamp;rsquoéditeur. Bien que Gutenberg soit capable de créer des pages étonnantes comme un générateur de page, Gutenberg est loin derrière en animation. Jusquamp;rsquoà présent, il namp;rsquoa pas de fonctionnalité locale pour ajouter de lamp;rsquoanimation, et Gutenberg namp;rsquoa pas de blocs locaux pour ajouter de lamp;rsquoanimation Leti, mais pouvez utiliser des blocs HTML pour ajouter de lamp;rsquoanimation Leti. Il ne fournit aucune option de réglage pour contrôler le comportement de lamp;rsquoanimation afin que lamp;rsquoanimation Leti se comporte en fonction des paramètres que avez faits sur le fichier Leti. Vous ne pouvez même pas définir la taille de lamp;rsquoanimation.
Pour obtenir le code HTML du bloc, pouvez visiter le site Web lottiefiles et sélectionner une des animations
Ajouter & Animation lottie en WordPress
