Avada Builder Fournit une multitude de modules et de possibilités de mise en page. Lors de la construction d'une page "Timeline", elle peut répondre à l'effet visuel de base, mais cache également de nombreuses fonctionnalités qui méritent d'être explorées, aidant à créer un affichage plus interactif, plus riche en informations et plus flexible de la ligne temporelle !page web.

I. Utiliser la "logique conditionnelle" pour créer un contenu dynamique sur la ligne de temps

Avada prend en charge la fonctionnalité Visibilité du conteneur, qui vous permet de contr?ler l'affichage du contenu en fonction de l'identité de l'utilisateur, du type d'appareil, du statut de connexion, de la langue, etc. Pour ce faire, dans l'onglet Général de l'élément, activez Visibilité → Ajouter une condition d'affichage.

Améliorer l'interaction avec les animations de défilement Avada

Dans chaque n?ud de la ligne de temps, vous pouvez ajouter une animation de défilement aux ic?nes, au texte et aux barres de progression afin d'améliorer la qualité de l'information.page webUn sentiment de dynamisme.

Passez à Extras onglet (d'une fenêtre) (informatique)

• localiser Type d'animation

Sélection du type d'animation

• Sélectionnez une animation dans le menu déroulant, par exemple :Fade(fondu encha?né)

L'animation avec retard et la présentation en couches créent l'effet visuel d'une "ligne du temps qui défile".

Troisièmement, la combinaison de "Sticky Column" pour créer une navigation chronologique flottante.

Avada permet de mettre une colonne en mode Sticky, c'est-à-dire que le contenu de la colonne reste fixe pendant le défilement de la page.

Dans la fenêtre de paramétrage qui s'affiche, cliquez sur la partie supérieure de l'écran. Extras onglet (d'une fenêtre) (informatique)

Faites défiler la page jusqu'à ce que vous trouviez le paramètre Position collante.

• Mise en marche (sur "On")
• Régler le décalage de transition du conteneur collant (par exemple, régler sur 80px)

Quatrièmement, l'utilisation d'une fenêtre contextuelle modale pour l'expansion des informations sur les n?uds de la ligne de temps.

Des informations abrégées pour chaque point dans le temps peuvent être déclenchées en un clic.fenêtre contextuelle(Modal Popup) pour afficher un contenu plus riche, des images, des vidéos ou des formulaires.

Ajouter un module modal popup

frappe (sur le clavier) + élément

Rechercher et sélectionner le module :Modal

L'exemple de nom de configuration est le suivant :

Insérez un bouton et saisissez le lien http://modal2020 pour définir le déclenchement du bouton sur

V. Ic?nes personnalisées et lignes de connexion pour la personnalisation visuelle

La ligne de temps d'Avada permet un style visuel plus flexible en.. :

• Remplacer les ic?nes par défaut par des ic?nes SVG ou des ic?nes spécifiques à une marque (à l'aide du sélecteur d'ic?nes ou du module SVG)
• Utilisez le module Diviseur pour simuler des lignes de connexion, personnaliser la couleur et l'épaisseur des lignes ainsi que le style des pointillés.
• Mise en page manuelle via le conteneur FlexboxcalendrierParagraphes pour obtenir un alignement gauche-droite décalé

Six, avec la forme, l'animation, les compteurs et d'autres modules pour améliorer la profondeur de l'interaction

Les modules extensibles comprennent :

• Compteur(Compteurs) : affichage de données dynamiques telles que les ventes, les utilisateurs, etc.
• Création de formulaires : les utilisateurs peuvent soumettre des commentaires, s'inscrire à des rendez-vous, etc.
• Module d'animation Lottie : Introduction d'une animation SVG de haute qualité pour améliorer la dynamique de la ligne de temps

VII. blocs de contenu : création d'une structure unifiée pour les modèles de chronologie

La fonctionnalité du site web d'Avada permet de concevoir les paragraphes de la ligne du temps comme des blocs de modèles pour une uniformité et une réutilisation rapide.

Avantage :

• Tous les styles de n?uds sont cohérents et faciles à maintenir
• Il n'est pas nécessaire de faire glisser les modules à plusieurs reprises, il suffit de modifier le contenu.
• Peut être utilisé avec une logique conditionnelle pour obtenir un "affichage dynamique au niveau du bloc".

Avada Live Editor : Créer des expériences en temps réel sur la ligne de temps

Avada L'éditeur visuel frontal (Live Editor) prend en charge le glisser-déposer en temps réel et la prévisualisation, ce qui améliore l'efficacité lors de la création de pages chronologiques et permet d'apporter des modifications :

• alignement
• effet d'animation
• Optimisation de l'affichage réactif (aper?u mobile)

Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !	Service clientèle WeChat
① Tel : 020-2206-9892
② QQ咨詢：1025174874
(iii) Courriel : info@361sale.com
④ Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.