Un élément qui apparaît simplement sur le défilement est bien Un élément qui est découvert, comme un panneau coloré glisse pour l'exposer, se sent conçu Le Révéler l'extension dans Maître Addons Pro ajoute que le bloc déclenché par défilement révèle un effet aux widgets et aux colonnes Elementor : une superposition colorée efface l'élément lorsqu'il entre dans la fenêtre, puis efface pour afficher le contenu en dessous Vous contrôlez la couleur de superposition, la direction de la lingette, la vitesse et le délai, le tout depuis le panneau Elementor.
Qu'est-ce que l'extension Reveal ? #
Le Révéler extension est une extension d'animation Master Addons Pro qui joue un block revel sur un widget ou une colonne le moment où il défile dans la vue Au lieu de s'estomper ou de glisser, l'élément se trouve derrière un panneau de couleur unie qui balaie pour le révéler Parce que l'animation est liée à la position de défilement, chaque élément se révèle exactement quand le visiteur l'atteint, ce qui attire l'œil sur la page Il joue une fois par page de chargement.
Une fois l'extension activée, les widgets et les colonnes obtiennent une option Révéler sous le Avancé onglet, avec quatre réglages : le reveal couleur (le panneau qui recouvre l'élément), le sens le panneau se déplace au fur et à mesure qu'il se dégage, le vitesse& le retard. Il fonctionne sur les titres, les images, les boutons et autres widgets, et sur les colonnes des sections héritées Les conteneurs et sections Flexbox n'obtiennent pas l'option.
Avant de commencer #
- wordpress avec Élémenteur installé et actif.
- Modules complémentaires principaux pour Elementor installé et actif. Nouveau au plugin ? Suivez le guide d'installation d'abord.
- Maître Addons Pro actif, puisque Reveal est une extension Pro.
Comment activer l'extension Reveal #
Depuis votre tableau de bord WordPress, ouvrez Additions maîtres et aller au extensions onglet. Reveal se trouve dans le Widgets d'animation groupe, à côté Animation d'entrée (Pro) et Transforme. Cliquez sur sa bascule pour qu'elle s'allume, puis appuyez sur Enregistrer Modifications et attendez l'avis de confirmation L'option Révéler est maintenant disponible sur les widgets et les colonnes dans l'éditeur Elementor.
Ajouter une animation de révélation à un élément #
Dans l'éditeur Elementor, sélectionnez l'élément que vous souhaitez animer, puis ouvrez le Avancé onglet et développez le Révéler section. Allumez Révélation activée et définissez les contrôles :
- Couleur: le panneau plein qui recouvre l'élément avant qu'il ne soit révélé Faites-le correspondre à votre fond de section pour une lingette sans couture, ou utilisez une couleur de marque pour un balayage plus audacieux.
- Direction : Centre, de gauche à droite, de droite à gauche, de haut en bas ou de bas en haut.
- Vitesse: 0 à 10, où la valeur par défaut 5 est d'une demi-seconde. Plus bas est plus rapide.
- Retard: 0 à 20, jusqu'à deux secondes avant le déplacement du panneau Utilisez-le pour échelonner plusieurs éléments.
La révélation est déclenchée par défilement, donc rien ne joue jusqu'à ce que l'élément défile dans la fenêtre dans l'éditeur, il joue peu de temps après le chargement de la page Sur la page en direct, il joue une fois lorsque l'élément entre dans la fenêtre, et un rechargement le rejoue.
Le résultat sur la page #
Publier ou prévisualiser et faire défiler la page Lorsque chaque élément avec Reveal activé entre dans l'écran, son panneau de couleurs balaie dans la direction que vous avez choisie et à la vitesse que vous avez définie, découvrant le contenu en dessous Parce que l'effet touche hors de la position de défilement, une pile d'éléments révélés tombe en cascade lorsque le visiteur descend dans la page Révéler la page d'extension a une démo.
Où l'effet Révéler gagne sa place #
- Rubriques des sections. Une révélation sur un H2 signale le début d'une nouvelle section lorsque le lecteur y arrive.
- Images de héros. Découvrir une photo de héros avec une lingette colorée fait une première impression plus forte qu'un simple fondu.
- Grilles de fonctionnalités ou de portefeuilles. Révéler les cartes une rangée à la fois sur le défilement permet à l'œil de se déplacer dans la grille.
- Appels à l'action. Une révélation sur un bouton ou un bloc d'offre attire l'attention dès qu'elle défile.
- Statistiques et citations. Découvrir un numéro ou un témoignage lui donne un moment de concentration.
Conseils pour l'utilisation de Reveal #
- Gardez la vitesse confortable. Une révélation très lente peut laisser les visiteurs attendre de lire ; une lingette rapide semble généralement plus réactive.
- Faites correspondre la couleur à la section. Définir la couleur de révélation sur l'arrière-plan de la section rend le panneau invisible jusqu'à ce qu'il bouge, de sorte que l'élément semble être en train d'être effacé.
- Utilisez-le avec parcimonie. Révéler chaque élément de la page dilue l'effet Réservez-le aux éléments que vous souhaitez le plus remarquer.
- Vérifiez mobile. Les écrans courts défilent plus rapidement, alors confirmez que la révélation se déclenche toujours et se lit bien sur les téléphones et les tablettes.
- Associez-le à d'autres extensions d'animation. Combinez Révéler avec Animation d'entrée ou explorez toute la gamme de Effets d'animation d'élémenteurs pour un mouvement plus riche.
Tutoriel Vidéo #
Regardez l'extension Reveal en action, depuis son activation jusqu'à la définition de la couleur, de la direction et de la vitesse sur un élément :
Foire aux questions #
Qu'est-ce que l'extension Reveal dans Master Addons ?
L'extension Reveal est une extension d'animation Master Addons Pro qui ajoute un effet de révélation de bloc déclenché par défilement aux widgets et colonnes Elementor. Un panneau de couleurs unies recouvre l'élément puis balaie pour le découvrir lorsque l'élément défile dans la vue Vous l'activez dans l'onglet Extensions, puis définissez la couleur, la direction, la vitesse et le délai sur chaque élément à partir de l'onglet Avancé.
Comment ajouter une animation de révélation sur scroll dans Elementor ?
Activez l'extension Reveal dans l'onglet Extensions des addons principaux, puis sélectionnez un élément et ouvrez l'onglet Avancé Élargissez la section Reveal, activez l'effet et choisissez la couleur, la direction et la vitesse de révélation. L'animation est déclenchée par défilement, elle se joue donc automatiquement lorsque l'élément entre dans la fenêtre.
Que puis-je personnaliser sur l'effet de révélation ?
Il y a quatre commandes : la couleur du panneau qui recouvre l'élément (solide ou dégradé), la direction dans laquelle le panneau se déplace au fur et à mesure de son dégagement, la vitesse et le délai. Ensemble, ils vous permettent de faire correspondre la révélation à votre section d'arrière-plan ou à la couleur de votre marque et de contrôler la vitesse à laquelle l'élément est découvert.
Reveal fonctionne-t-il sur un élément Elementor ?
Pas tous les éléments L'option Révéler apparaît sous l'onglet Avancé des widgets et des colonnes dans les sections héritées Les conteneurs et sections Flexbox ne l'obtiennent pas, alors appliquez Révéler aux widgets qu'ils contiennent.
L'extension Reveal est-elle gratuite ?
No. Reveal fait partie de Master Addons Pro. Il apparaît dans le groupe Animation Widgets de l'onglet Extensions une fois Pro actif La page de tarification répertorie les plans.
Envelopper #
L'extension Reveal transforme un parchemin simple en un parchemin conçu : un panneau coloré s'efface pour découvrir chaque élément lorsqu'il entre dans la fenêtre, avec la couleur, la direction et la vitesse toutes définies à partir du panneau Élémenteur Commencez avec une image de titre ou de héros, réglez la couleur sur votre section et construisez à partir de là. Il s'associe naturellement au Animation d'entrée et Transforme extensions et la gamme complète de Widgets et extensions Master Addons couvre le reste.
