Comment mettre des ANIMATIONS sur votre site WordPress
HTML-код
- Опубликовано: 27 июл 2024
- Gagnez votre vie grâce à WordPress : wporigami.com/yt-devenir-inde... (formation offerte)
Simplifier votre usage de WordPress avec WordPress Sans Stress™ : wporigami.com/yt-wss (formation offerte)
Notre catalogue de formations professionnelles : wporigami.com/formations-word...
LottieFiles est une place de marché présentant des milliers d'animations que vous pouvez utiliser sur votre site Wordpress : lottiefiles.com/
Je vous présente les façons d'intégrer ces animations directement sur votre site en utilisant Gutemberg et Kadence Blocks (c'est gratuit !).
Si vous êtes adepte d'Elementor, pas d'inquiétude : je vous partage les deux solutions pour insérer des animations Lottie avec Elementor et Elementor Pro.
0:00 Introduction
0:21 Découverte de la place de marché LottieFiles
01:22 Intégrer une animation Lottie avec Kadence Blocks et Gutenberg
02:37 2 façons d'insérer une animation
03:08 Les réglages disponibles pour votre animation
04:07 Des animations qui n'alourdissent pas votre site
04:26 Effectuer une recherche d'animations
05:07 Méthode d'intégration n°1 : Récupérer l'URL d'une animation
05:40 Méthode d'intégration n°2 : Télécharger l'animation
06:27 Intégrer une animation Lottie avec Elementor Pro
07:30 Intégrer une animation Lottie avec Elementor (pas Pro)
08:33 Conclusion
-
Nous avons lancé notre propre hébergeur next-gen spécialisé WordPress avec de nombreuses fonctionnalités en matière de sécurité, performance et gestion de vos sites au quotidien :
copilhost.fr/
Notre objectif : moderniser l'hébergement web pour vous donner l'hébergeur moderne parfait, complet et intuitif.
Du Radar IA qui analyse votre site en cas de problème et vous propose une solution en 1-clic à la Time machine qui vous permet de revenir en arrière de n'importe quelle mise à jour (fini la peur des mises à jour) en passant par la création de sites de test rapide et facile.
nous apportons un confort de travail inégalé, testez dès aujourd'hui notre hébergeur 100% spécialisé WordPress et vous ne pourrez jamais revenir en arrière :
copilhost.fr/
uppbeat.io/t/mountaineer/camp...
License code: L7NOLSUUWBILYSJJ
uppbeat.io/t/all-good-folks/hype
License code: MUXNJCVYPC5WFTJW
uppbeat.io/t/mountaineer/good...
License code: WTM4LAOEYKXUH47D
#lottiesfiles #elementor #wordpress
Les 3 Piliers de votre réussite sur WordPress avec WordPress Expérience™ wporigami.com/decouvrir
Votre site gratuit et prêt-à-l 'emploi en 5min avec WordPress Express™ wporigami.com/express
Découvertes et conseils WordPress spontanés, sans filtre, sur Telegram wporigami.com/telegram
Formations WordPress, WooCommerce et SEO wporigami.com/formations
LottieFiles est une place de marché présentant des milliers d'animations que vous pouvez utiliser sur votre site Wordpress : lottiefiles.com/
Je vous présente les façons d'intégrer ces animations directement sur votre site en utilisant Gutemberg et Kadence Blocks (c'est gratuit !).
Si vous êtes adepte d'Elementor, pas d'inquiétude : je vous partage les deux solutions pour insérer des animations Lottie avec Elementor et Elementor Pro.
0:00 Introduction
0:21 Découverte de la place de marché LottieFiles
01:22 Intégrer une animation Lottie avec Kadence Blocks et Gutemberg
02:37 2 façons d'insérer une animation
03:08 Les réglages disponibles pour votre animation
04:07 Des animations qui n'alourdissent pas votre site
04:26 Effectuer une recherche d'animations
05:07 Méthode d'intégration n°1 : Récupérer l'URL d'une animation
05:40 Méthode d'intégration n°2 : Télécharger l'animation
06:27 Intégrer une animation Lottie avec Elementor Pro
07:30 Intégrer une animation Lottie avec Elementor (pas Pro)
08:33 Conclusion
-
La majorité de ces liens sont des liens partenaires (s’il existe une version premium), merci d'avance de votre soutien pour la chaîne et son contenu !
Une promo ne fonctionne plus ? Ecrivez-moi sur alexis@wporigami.com
DÉMARRER AVEC WORDPRESS 🟢 Hébergeur : Hostinger - wporigami.com/hostinger (-7% avec le code ALEXIS7)
🟢 Le page builder le plus populaire : Elementor - wporigami.com/elementor
🟢 Le page builder le plus simple : Kadence Blocks - wporigami.com/kadence-blocks (-10% avec le code WPORIGAMI)
🟢 Le meilleur thème : Kadence - wporigami.com/kadence (-10% avec le code WPORIGAMI)
🟢 Améliorer votre SEO sur Google : Rank Math - wporigami.com/rankmath
🟢 Sauvegarder votre site (version pro inutile) : WP Vivid - wporigami.com/wpvivid
LES MEILLEURS PAGE BUILDERS
🟢 Elementor - wporigami.com/elementor
🟢 Kadence Blocks (Gutenberg) - wporigami.com/kadence-blocks (-10% avec le code WPORIGAMI)
🟢 Divi - wporigami.com/divi
🟢 Brizy - wporigami.com/brizy (-10% avec le code ALEXIS10)
🟢 Bricks - wporigami.com/bricks
LES MEILLEURES EXTENSIONS
🟢 Freelances et agences : Kadence Pack - wporigami.com/kadencepack (-10% avec le code WPORIGAMI)
🟢 Site de réservation : Amelia - wporigami.com/amelia (-20% avec le code WPORIGAMI9121)
🟢 Vendre vos formations : LearnDash - wporigami.com/learndash
🟢 Créer des tunnels de vente : CartFlows - wporigami.com/cartflows
🟢 Faire du dropshipping : Alidropship - wporigami.com/alidropship (-15% avec le code ALEXIS)
🟢 Créer des formulaires : Fluent Forms - wporigami.com/fluentforms (-20% avec le code WPORIGAMI)
🟢 Décupler la puissance d’Elementor : Crocoblocks - wporigami.com/crocoblocks
LES MEILLEURS THÈMES 🟢 Kadence - wporigami.com/kadence (-10% avec le code WPORIGAMI)
🟢 Woostify - wporigami.com/woostify
Chaîne WordPress secondaire, des tutoriels en seulement 2 minutes : wporigami.com/wordpress-eclair
uppbeat.io/t/mountaineer/campfire
License code: L7NOLSUUWBILYSJJ
uppbeat.io/t/all-good-folks/hype
License code: MUXNJCVYPC5WFTJW
uppbeat.io/t/mountaineer/good-old-tape
License code: WTM4LAOEYKXUH47D
#lottiesfiles #elementor #wordpress
MERCI ! Je cherchais depuis un long moment comment faire de belles animations sur mon site.
Superbe vidéo !
Et, pour l'extension, il en existe une toute nouvelle sur Wordpress qui ne propose que le bloc Lottie , c'est "Lottie Player - Gutenberg Block" du développeur "bPlugins LLC", mise à jour il y a 5 jours.
Cette extension permet également de paramétrer l'animation et ne requiers pas de plugin comme Elementor ou Kadence.
Pour ceux qui préfèrent plutôt une personnalisation indépendante d'un gros plugin de gestion de contenu, ce plugin-là va vous aider pour les Lottie !
Grand merci, je ne connaissais pas Lotties, c'est top !
bonjour, merci pour vos videos elles sont top! un petit tuto pour les pages de remerciement svp comment l'afficher après une commandes? merciiiiiiiiii
Bonjour Alexis encore une video quali merciii ! je veux bien que tu face une video sur kadence blocs pro vs Elementor pro pour le e-commerce merci encore
Je vous remercie pour le travail sans prix que vous faites a travers tes vidéos, j’aimerais que tu fais un tutoriel sur comment délivrer un site wordpress a son client, comment on doit customiser le tableau de bord pour le client, et si on crée un site de reservation d’hotel pour un client après avoir livrer le site au client, comment le client va procéder pour recevoir les notifications des réservations que les visiteurs feront sur le site ?
Merci Alexis ! Super 👍
Le pouce est mis pour la vidéo 📹
Bonjour Alexis, un grand merci pour l'effort que tu te donne pour faire tes videos d'une façon professionnelle et claire.
Est ce que tu peux faire une petite video pour expliquer un peu comment lier une base de données avec un site sous wordpress.
Je suis nouveau avec le wordpress et je suis un peu perdu . Merci bcp
Super merci !
Merci merci merci !!!!
Top ! Sympa
Super pratique merci ! Est-ce possible avec Elementor et Elementor Pro de faire tourner une animation seulement au passage de la souris sois en Hoover comme avec Gutenberg ?