Widget de chronologie d'élémentateur gratuit : chronologies verticales et horizontales
Timeline est un widget gratuit Master Addons pour Elementor qui présente les dates et les événements le long d'une ligne de connexion Construisez une Timeline personnalisée à la main, avec une date ou une étiquette, un contenu riche, une image et un lien pour chaque élément, et montrez-la verticalement ou sous forme de carrousel horizontal Avec Master Addons Pro, vous pouvez également construire une Post Timeline directement à partir de vos articles de blog, Cela convient aux histoires d'entreprises, aux feuilles de route, aux calendriers d'événements et aux archives d'actualités.
Comment ajouter une chronologie dans Elementor
Ces étapes construisent une Timeline personnalisée gratuite Le widget commence avec trois exemples d'éléments, afin que vous puissiez voir la mise en page avant de modifier quoi que ce soit.
- Dans Elementor, recherchez dans le panneau du widget “Timeline” et faites glisser le widget Master Addons sur la page.
- Conservez le type de chronologie sur la chronologie personnalisée et choisissez Chronologie verticale ou Chronologie horizontale.
- Ouvrez chaque ligne sous Articles et définissez la date ou une étiquette personnalisée, le contenu, une image et un lien.
- Cliquez sur Ajouter un élément pour plus de jalons et faites glisser les lignes pour les réorganiser.
- Pour une chronologie horizontale, définissez les paramètres de navigation et de carrousel.
- Stylez les cartes, les dates, la ligne et les points dans l'onglet Style, puis publiez.
Notre tutoriel chronologie passe par chaque paramètre avec des captures d'écran.
Chronologie personnalisée (gratuite) ou Chronologie de publication (Pro)
La Chronologie personnalisée est l'option gratuite Chaque élément obtient une date, que vous pouvez échanger contre une étiquette personnalisée comme “Phase 1”, une zone de contenu texte riche, une image et un lien facultatif pour l'ensemble de la carte Les éléments peuvent également avoir leurs propres paramètres de point et de couleur Post Timeline, qui fait partie de Pro, construit la chronologie à partir de vos publications : filtre par catégorie, balise ou auteur, exclure des publications spécifiques, définir l'ordre et le décalage, et choisir d'afficher le titre, l'image en vedette et l'extrait.
- Chronologie personnalisée : une date ou une étiquette personnalisée, un contenu, une image et un lien pour chaque élément.
- Style par article pour les couleurs de points, de cartes et de dates.
- Post Timeline (Pro) : filtres de catégorie, de balise et d'auteur, messages exclus, décalage et ordre.
- Les cartes postales peuvent afficher le titre, l'image en vedette, l'extrait et un lien en savoir plus.
Chronologie verticale ou carrousel horizontal
La chronologie verticale empile les cartes le long d'une ligne centrale Alignez-les à gauche, au centre, à droite ou en superposition, et inversez les positions des cartes avec un seul commutateur La chronologie horizontale, disponible pour les chronologies personnalisées, transforme les éléments en carrousel Choisissez une disposition standard de diapositive ou de Coverflow, activez la lecture automatique et bouclez et choisissez la navigation avec des flèches, des points, un compteur de fractions ou une barre de progression.
- Alignement vertical : gauche, centre, droite ou superposition, avec positions de carte réversibles.
- Carrousel horizontal avec dispositions Carrousel ou Coverflow, lecture automatique et boucle.
- Navigation avec flèches, points, fraction, barre de progression ou une barre de défilement.
- Commandes d'espacement horizontal et vertical pour les cartes.
Style de ligne et de point
Style la ligne avec une couleur d'arrière-plan, une couleur de progression, une épaisseur et une bordure Les points peuvent être des points simples, des icônes, des images, des chiffres ou des lettres, et chacun a des styles par défaut, Hover et Focused pour la taille, la couleur d'arrière-plan, la couleur des points et l'ombre du texte De cette façon, le jalon qu'un visiteur regarde se démarque des autres.
- Fond de ligne, couleur de progression, épaisseur et bordure.
- Cinq types de points : points, icônes, images, chiffres ou lettres.
- États par défaut, survol et focalisé pour chaque point.
Style de cartes et de dates avec animations
Les cartes obtiennent un remplissage, une marge, un remplissage de contenu, un rayon de bordure et une typographie séparée du titre et du contenu Leur couleur, leur arrière-plan, leur ombre de boîte et leur ombre de texte peuvent changer à travers les états Par défaut, Survoler et Focalisé Activez les cartes Animate pour révéler chaque carte lorsqu'elle défile dans la vue Les dates ont leur propre typographie, remplissage, marge, ombre de texte et couleurs pour les trois états.
- Contrôle de l'espacement des cartes, du rayon et de la typographie.
- Styles par défaut, Hover et Focused pour les cartes et les dates.
- Animer les cartes pour révéler les éléments lors de leur défilement.
Chronologie personnalisée par rapport à la chronologie de publication
Elementor n'a pas de widget de chronologie dans sa version gratuite ou Pro, donc sans addon, vous en construiriez un à partir de colonnes, de diviseurs et de CSS personnalisés. Voici comment les deux types de chronologie se comparent.
| Chronologie personnalisée | Chronologie des publications | |
|---|---|---|
| Prix | Gratuit | Maître Addons Pro |
| Contenu | Articles que vous ajoutez dans le panneau | Vos publications publiées |
| Mises à jour | Lorsque vous modifiez les éléments | Chaque fois que vous publiez un post |
| Dispositions | Carrousel vertical ou horizontal | Vertical |
| Chaque entrée montre | Date ou étiquette, contenu, image, lien | Titre, image en vedette, date, extrait, lire la suite |
| Meilleur pour | Histoires, feuilles de route, horaires | Archives des nouvelles, notes de publication |
Pour une grille de publication complète à côté de votre chronologie, utilisez le gratuit Widget blog. Pour afficher les chiffres derrière vos jalons, ajoutez Compter.
Questions fréquemment posées sur la chronologie
Dois-je utiliser la chronologie des publications ou la chronologie personnalisée ?
Utilisez Custom Timeline, qui est gratuit, lorsque vous souhaitez contrôler chaque date et entrée, comme une page Notre historique ou une feuille de route Utilisez Post Timeline, qui fait partie de Master Addons Pro, lorsque la chronologie doit se mettre à jour à partir de vos articles de blog, comme une archive de nouvelles.
Comment fonctionne l'État « Focalisé » ?
L'état Focused stylise l'élément qui est actuellement actif lorsque les visiteurs font défiler la chronologie ou se déplacent dans le carrousel Donnez-lui un arrière-plan de carte différent, une couleur de date ou un point plus grand pour que l'étape actuelle se démarque.
Le widget Elementor Timeline est-il gratuit ?
Oui. Timeline est un widget gratuit, comprenant le type Custom Timeline et les mises en page verticales et horizontales. Le type Post Timeline, qui crée des entrées à partir de vos articles de blog, a besoin de Master Addons Pro.
Puis-je lier une carte chronologique entière à une page ?
Oui. Chaque élément Chronologie personnalisée possède un champ Lien qui rend l'ensemble de la carte cliquable Les Chronologies de publication ont un commutateur Activer les liens qui relie chaque carte à sa publication Évitez les autres liens à l'intérieur d'une carte liée, puisque les liens à l'intérieur des liens ne sont pas autorisés.
Widgets et extensions d'éléments tendance
Construisez des sites Web sophistiqués en moins de temps.
Glassmorphisme
Extras de conteneurs
Modèles
Duplicateur de messages/pages
