Ajouter & # 39; Animation lottie en WordPress
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 l’é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, vous devez d’abord avoir le fichier lottie et la version elementor pro afin que vous puissiez utiliser le Widget lottie disponible uniquement sur elementor pro 2.10.0 ou plus tard. Tout d’abord, vous êtes prêt à placer la partie du Widget lottie et à faire glisser le Widget lottie de l’éditeur d’é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 télécharger
Si vous souhaitez utiliser un fichier lotto d’une source tierce, changez la source en URL externe et placez le lien dans l’espace fourni ci – dessous. Pour contrôler le comportement de l’animation, ouvrez le bloc de configuration, la première option est l’option de déclenchement, qui, comme son nom l’indique, vérifie quand l’animation commence à jouer. 
Il y a 4 déclencheurs à choisir: viewport active l’animation en fonction de la zone visible de l’écran de l’appareil cliquez sur le curseur activez l’animation activez l’animation lorsque la page de défilement de l’animation est activée lorsque l’animation est transférée du curseur de l’utilisateur pour plus d’options personnalisées, telles que: Pour les paramètres de boucle d’animation, la sélection des options de rendu, la largeur de l’animation et l’effet de mouvement sur l’animation, vous pouvez lire notre article précédent sur la façon d’ajouter l’animation lottie à l’é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 vous 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 vous 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, vous 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 l’éditeur Divi Builder, ajoutez le module de réglage suprême aux lignes de la section. 
Lorsque vous ajoutez un formulaire, un panneau apparaît, où vous collez l’URL dans le champ fourni, ou vous pouvez télécharger le fichier Leti téléchargé. 
Une fois l’animation prête, vous pouvez modifier le comportement de l’animation, comme Activer \/ désactiver la boucle, la vitesse de retard, l’orientation, la vitesse d’animation et les affichages. Pour plus de détails sur la façon d’ajouter une animation Leti à Divi, consultez notre article précédent.
Comment ajouter l’animation lottie à brizy en ajoutant des générateurs de page populaires tels que elementor et Divi, brizy est relativement nouveau, et la combinaison d’un éditeur simple et léger et d’une interface intuitive glisser – déposer fait de brizy un bon choix pour construire des pages de site. Si vous avez déjà utilisé elementor, il n’est pas trop difficile de vous y habituer parce que l’interface est très similaire à elementor, le panneau de gauche est utilisé pour ajouter des éléments à l’éditeur, contrairement à elementor qui utilise le panneau de gauche pour personnaliser les éléments, et brizy Custom est sur le projet lui – Même lorsqu’il est cliqué.
Pour
Pour ajouter une animation Leti sur brizy, vous devez utiliser brizy pro, car les éléments Leti sur brizy ne sont disponibles que dans la version pro. Si vous avez déjà utilisé brizy pro, vous pouvez rechercher des articles lotto dans le panneau de l’éditeur brizy et les faire glisser dans la zone de la toile. 
Une fois l’animation par défaut en place, vous pouvez modifier le lien par défaut ou télécharger le fichier Leti pour le remplacer, cliquer sur l’animation pour ouvrir la barre de configuration du projet, puis cliquer sur l’icône Leti et coller l’URL dans le lien Leti pour l’animation gérée par un tiers, ou cliquer sur + Pour télécharger le fichier Leti. Lorsque l’animation est prête, vous pouvez définir le comportement d’animation comme désiré.
Vous pouvez lire notre article précédent pour plus de détails sur la façon d’ajouter 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, vous pouvez ajouter plusieurs types de médias et utiliser des blocs pour organiser la mise en page dans l’é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. Jusqu’à présent, il n’a pas de fonctionnalité locale pour ajouter de l’animation, et Gutenberg n’a pas de blocs locaux pour ajouter de l’animation Leti, mais vous pouvez utiliser des blocs HTML pour ajouter de l’animation Leti. Il ne fournit aucune option de réglage pour contrôler le comportement de l’animation afin que l’animation Leti se comporte en fonction des paramètres que vous avez faits sur le fichier Leti. Vous ne pouvez même pas définir la taille de l’animation.
Pour obtenir le code HTML du bloc, vous pouvez visiter le site Web lottiefiles et sélectionner une des animations