|
Les animations Lottie sont des animations légères basées sur JSON créées à l'aide du framework Lottie développé par Airbnb. Ces animations sont de petite taille et conservent une haute qualité une fois mises à l'échelle, ce qui les rend idéales pour améliorer l'expérience utilisateur sur les sites Web et les applications mobiles.
Pour insérer des animations Lottie dans WordPress, vous pouvez suivre ces étapes :
Téléchargez le fichier d'animation Lottie :
Commencez par télécharger le fichier d'animation Lottie que vous souhaitez utiliser. Les animations Lottie peuvent être trouvées sur diverses plateformes et marchés.
Convertir au format JSON :
Une fois que vous avez le fichier d'animation, convertissez-le au format JSON s'il n'est pas déjà dans ce format. Il existe des convertisseurs en ligne disponibles à cet effet, ou vous pouvez utiliser l'outil de ligne de commande de Lottie.
Téléchargez le fichier JSON dans la médiathèque WordPress :
Connectez-vous à votre tableau de bord WordPress et accédez à « Médias »> « Ajouter un nouveau ». Ici, téléchargez le fichier JSON contenant votre animation Lottie.
Copier le code court :
Après avoir téléchargé le fichier JSON, accédez à la médiathèque et localisez l'animation Lottie que vous venez de télécharger. Cliquez sur le lien "Modifier" sous l'aperçu de l'animation pour afficher ses détails.
Dans les détails de l'animation, vous trouverez le shortcode pour intégrer l'animation. Copiez le shortcode fourni.
Insérer un shortcode dans le contenu :
Ouvrez la publication ou la page dans laquelle vous souhaitez insérer l'animation Lottie. Dans l'éditeur WordPress, placez le curseur au point d'insertion souhaité.
Cliquez sur le bouton "Ajouter un média" dans la barre d'outils de l'éditeur WordPress.
Sélectionnez « Intégrer » dans le menu de gauche et passez à l'onglet « Intégrer le code ».
Collez le shortcode de l'animation Lottie dans le champ du code d'intégration.
Cliquez sur le bouton « Insérer dans la publication » ou « Insérer dans la page ».
Votre animation Lottie sera désormais intégrée à l'emplacement choisi dans votre contenu WordPress.
Mise à jour et aperçu :
Mettez à jour votre article ou votre page et vous devriez voir l'animation Lottie s'afficher comme prévu.
Remarque :Certains thèmes WordPress peuvent avoir des fonctionnalités intégrées permettant d'insérer facilement des animations Lottie. Vérifiez la documentation de votre thème pour voir s'il propose de telles options.
En suivant ces étapes, vous pouvez insérer de manière transparente des animations Lottie dans votre site Web WordPress, en ajoutant des éléments captivants et engageants pour améliorer l'expérience utilisateur.
|
