Tutoriel du thème Avada : utiliser les fonctions d'animation d'Avada, facile de créer une page pour attirer l'attention de l'utilisateur effets dynamiques

Thème AvadaIl est livré avec un ensemble d'outils d'animation riches et faciles à utiliser qui vous permettent de créer facilement une variété d'éléments de site Web fluides et professionnels sans avoir besoin d'une base de code.effet d'animationCet article présente en détail les fonctions d'animation d'Avada et vous montre comment obtenir rapidement ces effets grâce à des paramètres et des opérations spécifiques. Cet article présente en détail les fonctions d'animation d'Avada et vous apprend à obtenir rapidement ces effets grâce à des paramètres et des opérations spécifiques.

I. Introduction aux fonctions d'animation d'Avada

Le thème Avada dispose d'une fonction intégrée très utilefonction d'animationSoutien auxconteneursetcolonnesrépondre en chantantélément d'un ensembleAjoutez une variété d'animations visuelles. Personnalisable par l'utilisateurType d'animationetorientationsettempoetremettre à plus tardrépondre en chantantcondition de déclenchementLe résultat est une présentation professionnelle et fluide des pages.

Avantages de la fonction d'animation d'Avada: :

• Aucun plug-in supplémentaire n'est nécessaireLes fonctions d'animation intégrées sont simples à utiliser.
• Prise en charge de plusieurs types d'élémentsLes boutons, les images, le texte, les colonnes et les conteneurs ne posent aucun problème.Ajouter une animation.
• Types d'animation richesLes effets d'animation : 12 effets d'animation prédéfinis au choix.
• Contrôle flexible de l'animationLa vitesse, le délai, la direction et la position du déclencheur sont réglés.

Avada propose un total de 12 types d'animationChaque animation a des effets différents et des scénarios applicables comme suit :

Deuxièmement, comment mettre en place une animation pour l'élément (étapes de l'opération)

Voici un exemple deParamètres d'animation pour les éléments de colonneà titre d'exemple :

Étape 1 : Allez dans Avada Builder et sélectionnez les éléments

• Accédez à la page ou à la mise en page où l'animation doit être ajoutée.
• Sélectionnez l'élément à animer (par exemple, la colonne où se trouve le logo).

Étape 2 : Trouver l'option "Paramètres d'animation

• Cliquez sur l'icône Paramètres de l'élément.
• Passez à la partie droite de l'écran Extras Tab.
• Faites défiler vers le bas pour trouver Options d'animation Partie.

Étape 3 : Sélectionner et définir le type et la direction de l'animation

• Sélectionnez le type d'animation approprié, par exemple Fade(fondu) ou Diapositive(COULISSANT)

• Définissez la direction de l'animation, par exemple de gauche à droite, de haut en bas, en entrant par le bas, etc.

Étape 4 : Réglage de la vitesse et du délai d'animation

• Vitesse d'animation (Speed) : le réglage recommandé est0,5-1 secondesL'effet n'est pas bon si vous êtes trop rapide ou trop lent.
• Délai : cette option est particulièrement utile lorsque plusieurs éléments de la page doivent être animés de manière séquentielle.

Étape 5 : Définir le moment du déclenchement de l'animation

Avada propose les types de conditions de déclenchement d'animation suivants :

• Le haut de l'élément est placé en bas de la fenêtre (par défaut)
• Le haut de l'élément entre au milieu de la fenêtre de visualisation.
• Lorsque le bas de l'élément entre dans la fenêtre de visualisation

Enregistrez les paramètres une fois qu'ils sont terminés et que vous pouvez visualiser les résultats.

Recommandations pour les paramètres d'animation

• Éviter la sur-animationAnimation : Trop d'animation peut nuire à l'expérience de l'utilisateur, il faut donc en user avec modération.
• Fixer un délai raisonnableContrôle de l'entrée séquentielle de plusieurs éléments par le biais de retards pour un effet plus doux.
• Veiller à ce que l'animation n'interfère pas avec le messageLes animations : Il n'est pas approprié de présenter un contenu important par le seul biais d'une animation.
• Tester les performances des téléphones portablesLes appareils mobiles ont des performances très variables, il faut donc veiller à la compatibilité des animations.

résumés

Des animations de pages riches et professionnelles peuvent être facilement créées grâce aux fonctions d'animation fournies avec le thème Avada. Qu'il s'agisse de colonnes, de conteneurs ou d'éléments individuels, un contrôle détaillé de l'animation peut être réalisé, ce qui améliore considérablement l'interactivité et l'attrait visuel de votre site web.

Si vous souhaitez en savoir plus sur WordPress, vous pouvez consulter les pages suivantesRéseau de fluctuation des photonsLes mises à jour quotidiennes sont toujours disponibles.Tutoriel WordPresset de l'information, avec l'information la plus atmosphériqueCommunautés d'échangeNous pourrons communiquer entre nous et progresser ensemble !