Voulez créer une expérience plus attrayante pour les visiteurs du site WordPress? Dans notre revue scrollsequence, nous montrerons comment utiliser ce plugin freemium pour créer une animation de défilement étonnante sur votre site Web sans avoir à écrire une seule ligne de code, comme Apple lrsquoa fait sur son site airpods pro. Je ne peux pas décrire l’ensemble des fonctionnalités en termes de texte, donc je vais commencer par un exemple réel: En bref, le plugin scrollsequence peut aider à créer le même effet sur le site WordPress. Tout ce que avez à faire est de des images, drsquoajouter du texte ou drsquoanimer quelque chose.
Dans l’ensemble, c’est une bonne façon de créer une expérience plus « cinématographique» sur le site WordPress. Continuez à lire notre revue scrollsequence pour en savoir plus
Profitez de 20% de réduction! Utilisez le Code de coupon wpmayor20 pour obtenir lrsquoexamen de la séquence de défilement: liste de fonctions la fonction principale de la navigation de la séquence de défilement est qursquoelle aide à créer lrsquoeffet drsquoanimation de défilement unique de lrsquoexemple ci dessus. voulez voir son application pratique, pouvez également voir quelques exemples ici:
Vous pouvez créer une animation infinie et la placer nrsquoimporte où sur le site en utilisant un code court pour ajouter des blocs Gutenberg dédiés. le souhaitez, le plug in permet également de créer des pages dédiées séparées pour lrsquoanimation. Lrsquoanimation nrsquoest pas une seule image ou vidéo animée. Au lieu de cela, il srsquoagit drsquoune série de plus de 50 images, toutes réunies, qui semblent devenir vives lorsque les visiteurs défilent vers le bas. Vous pouvez sélectionner nrsquoimporte quel arrière plan désiré ou créer plusieurs
Défilez vers le bas au fur et à mesure que les visiteurs continuent.
Pour ajouter du contenu, pourrez utiliser un éditeur de texte simple (l’ancien éditeur WordPress, également connu sous le nom d’éditeur tinymce classique). En plus drsquoajouter du texte et de formater du texte à lrsquoaide drsquoun éditeur, pouvez inclure drsquoautres types de contenu, tels que le Code court drsquoautres plug ins, oembed, code HTML personnalisé, et plus encore. Pour ajouter à lrsquoeffet de défilement, pouvez animer chaque élément ajouté à lrsquoéditeur de texte. Vous pouvez également utiliser différentes animations pour différentes parties du contenu, ce qui permet également drsquoéditer le texte lorsque lrsquoutilisateur fait défiler vers le bas.
Il y a drsquoautres gadgets qui pourraient être utiles, comme le verrez dans la section pratique. Comment créer une animation de défilement en utilisant scrollsequence dans cette section, je vais montrer comment scrollsequence fonctionne réellement. Je guiderai à chaque étape du processus, ce qui aidera à comprendre comment il fonctionne et donnera un aperçu des fonctionnalités et des options de configuration plus petites. Remarque: Jrsquoutilise la version avancée pour ce processus détaillé, mais la plupart de ces fonctionnalités sont également disponibles dans la version gratuite.
1. Lorsque créez une nouvelle page pour créer votre propre animation de défilement, pouvez soit créer une seule séquence drsquoanimation, soit ajouter plusieurs séquences qui changent avec le défilement vers le bas de lrsquoutilisateur. Chaque séquence de lrsquoanimation entière est appelée page. Vous pouvez créer une seule page. Alternativement, pouvez ajouter autant de nouvelles pages que nécessaire. ajoutez une nouvelle page, elle aura ses onglets et pourrez effectuer pour chaque page toutes les actions que je décrirai ci dessous:
2. Après avoir préparé et téléchargé lrsquoimage, devez lrsquoimage qui sera utilisée pour créer lrsquoanimation. Encore une fois, scrollsequence nrsquoest pas ba
H2 titres, pouvez les définir comme suit:
Ensuite, faites défiler vers les paramètres drsquoanimation du contenu et ajoutez lrsquoanimation. Dans la colonne Selector, ajoutez un ID ou une classe à lrsquoélément que souhaitez cibler. Par conséquent, les autres paramètres sont évidents. OK: Sélectionnez lrsquoheure de début fin de lrsquoanimation. Vous pouvez déterminer la cible en fonction du nombre drsquoimages dans la séquence (que le plug in peut facilement marquer pour ). Sélectionnez lrsquoanimation à à partir et la durée de chaque animation. Obtenez quatre types différents drsquoanimation: Gradient vers à partir de lrsquoopacité vers à partir de lrsquooffset horizontal vers à partir de lrsquoéchelle de lrsquooffset vertical vers à partir de pouvez également ajouter plusieurs animations à la fois. le contenu commence à gauche et se déplace ensuite à droite, la situation est la suivante: 5. Configurez drsquoautres paramètres de page et drsquoanimation. Enfin, pouvez configurer divers. Paramètres pour les pages individuelles et lrsquoanimation de défilement complète dans lrsquoanimation. Pour les pages, pouvez configurer la durée de chaque image dans la séquence, ainsi que la taille et lrsquoalignement des images pour le Bureau et les visiteurs mobiles:
Ensuite, pour toute la séquence, obtiendrez quelques paramètres de barre latérale pour contrôler le délai de défilement, la largeur de lrsquoimage, lrsquoopacité et drsquoautres détails. Crsquoest presque tout ce qui configure lrsquoanimation de défilement. Il est temps de le montrer.
6. Une fois lrsquoanimation affichée, pouvez utiliser son code raccourci pour voir lrsquoanimation nrsquoimporte où sur le site: [scrollsequence id =
Ajouter un bloc Gutenberg dédié. Le prix de scrollsequence est disponible en deux versions gratuites sur WordPress. Org a plus de fonctionnalités que les versions avancées. Seule la version gratuite permet de créer quelque chose de beau, mais limite le nombre de pages et drsquoimages que pouvez utiliser. Il manque également des options drsquoanimation avancées et drsquoautres fonctionnalités telles que la redimensionnement automatique des images. Pour supprimer ces restrictions et accéder à toutes les fonctionnalités, pouvez passer à pro. Lrsquoun des avantages de tous les programmes pro est qursquoils offrent un essai gratuit de 14 jours afin que puissiez lrsquoessayer sans risque. Un site Web: 49,99 $pour une licence drsquoun an et 149,99 $pour une vie. Cinq sites Web: 129,99 $pour un an et 389,99 $pour la vie. Dix sites: 219,99 $par an pour un permis et 659,99 $à vie. Dans l’ensemble, scrollsequence facilite la création de ces animations de défilement fascinantes sur les sites WordPress. Ce type d’animation n’est pas nécessaire sur tous les sites WordPress, mais c’est un choix très intéressant pour les sites qui se concentrent sur les graphiques ou pour tout site qui veut ajouter plus de sensations cinématographiques. Il est également bon de créer une page drsquoatterrissage attrayante pour le produit. Pour autant que je sache, il n’y a pas d’autres plugins WordPress qui permettent de le faire, surtout sans utiliser votre propre code. voulez essayer, pouvez jouer la version gratuite sur WordPress. Org ou essayez la version Premium de 14 jours gratuitement (sans entrer de carte de crédit). Nrsquooubliez pas drsquoutiliser votre code de réduction exclusif WP Mayor: wpmayor20
Profitez de 20% de réduction! 20% de réduction exclusive sur scrollsequence utilisez le Code de coupon wpmay20 get scrollsequence avez encore des questions sur son fonctionnement
Examen de la séquence de défilement: ajout d’une animation de défilement de film à WordPress
