Comment ajouter de magnifiques chronologies d'événements dans WordPress (2 méthodes)

Vous connaissez ce sentiment lorsque vous arrivez sur un site WordPress et que vous vous retrouvez inopinément à lire toute l'histoire de l'entreprise ? C'est le pouvoir de la narration visuelle.

Les chronologies d'événements sont un moyen fantastique de mettre en valeur votre histoire ou de présenter des moments clés d'une manière qui engage réellement votre public.

Plutôt que de survoler des murs de texte, les visiteurs sont entraînés dans un voyage visuel qui les guide à travers chaque étape.

Après avoir testé de nombreuses solutions de chronologie pour WordPress, nous en avons trouvé deux qui sont à la fois faciles à utiliser et qui donnent des résultats professionnels. Dans ce guide, nous vous montrerons comment créer de magnifiques chronologies qui maintiennent l'intérêt des visiteurs et les incitent à faire défiler. 🚀

Pourquoi ajouter une belle chronologie d'événements dans WordPress

Les chronologies d'événements mettent en évidence les étapes importantes avec une structure claire et chronologique. En en utilisant une, cela peut aider à améliorer l'aspect narratif de votre contenu.

Au-delà des étapes importantes, les chronologies vous permettent de représenter visuellement les progrès, les phases et l'interconnexion des événements. Cela peut rendre votre contenu plus attrayant.

En ce qui concerne les cas d'utilisation, de nombreux sites Web WordPress utilisent des chronologies pour afficher des événements connexes de manière organisée et visuellement attrayante.

Les entreprises et les organisations utilisent également souvent des chronologies pour présenter leur histoire.

Si vous avez un site Web de portfolio, comme un portfolio de photographie en ligne, alors vous pouvez montrer vos photographies dans une belle chronologie verticale qui montre votre voyage à travers le monde.

Cela peut être plus engageant que d'écrire votre histoire et de l'ajouter à votre site sous forme de page de texte brut.

Comment ajouter une chronologie d'événements dans WordPress

La façon la plus simple d'ajouter une chronologie d'événements dans WordPress est d'utiliser le plugin Cool Timeline. Ce plugin gratuit et convivial vous permet de créer de superbes chronologies rapidement et facilement.

Après l'activation, vous verrez une nouvelle section Timeline Addons dans votre tableau de bord WordPress.

Avec ce plugin, vous pouvez créer des chronologies d'événements de 2 manières.

La première consiste à cliquer sur le bouton « Ajouter une nouvelle histoire » depuis le tableau de bord Timeline Addons.

Cela ouvrira l'éditeur, où vous pourrez saisir un titre et une description, définir une image mise en avant et ajouter d'autres informations importantes.

Une fois que vous avez terminé d'ajouter des événements, Cool Timeline affichera toutes ces histoires d'événements sur la même chronologie. Vous pouvez ensuite ajouter la chronologie à n'importe quelle page ou publication.

Cette méthode est parfaite pour afficher plusieurs fois la même chronologie sur votre site Web. Cependant, elle ne vous permet de créer qu'une seule chronologie.

L'autre option consiste à utiliser le bloc Cool Timeline pour construire une chronologie visuelle dans l'éditeur de blocs WordPress.

L'ajout de plusieurs blocs Cool Timeline à votre site Web vous permet d'afficher différentes chronologies sur différentes parties de votre site.

Cependant, cette méthode ne vous permet pas de réutiliser la même chronologie sur votre site Web, sauf si vous l'enregistrez vous-même comme un modèle de bloc.

Dans ce guide, nous couvrirons les deux méthodes. Quelle que soit la manière dont vous construisez votre chronologie, vous devrez installer et activer le plugin Cool Timeline. Si vous avez besoin de plus de détails, veuillez consulter notre guide sur comment installer un plugin WordPress.

Une fois cela fait, vous êtes prêt à créer votre chronologie en utilisant soit le menu Timeline Addons, soit l'éditeur de blocs. Si vous préférez passer directement à une méthode particulière, vous pouvez utiliser les liens ci-dessous :

• Méthode 1. Comment créer une chronologie d'événements réutilisable à l'aide du menu Timeline Addons
• Méthode 2. Comment créer plusieurs chronologies d'événements dans WordPress à l'aide du bloc Timeline
• Astuce bonus : Ajouter un schéma d'événement dans WordPress
• FAQ : Ajouter une belle chronologie d'événements à votre site WordPress
• Guides connexes sur la gestion des événements WordPress

Prêt ? Commençons.

Méthode 1. Comment créer une chronologie d'événements réutilisable à l'aide du menu Timeline Addons

Pour créer votre premier événement, vous pouvez aller dans Timeline Addons » Add New Story depuis votre tableau de bord WordPress.

Vous pouvez ensuite donner un titre à l'événement en le tapant dans le champ « Ajouter un titre ».

Dans l'éditeur principal, vous pouvez taper tout le texte que vous souhaitez afficher sur votre chronologie. Il s'agira généralement d'une description de l'événement.

Une fois que vous avez terminé, il est temps de cliquer sur le lien « Définir l'image mise en avant ».

Vous pouvez maintenant choisir l'image qui représentera l'événement sur votre chronologie. Vous pouvez soit cliquer pour choisir une image dans la médiathèque WordPress, soit télécharger un nouveau fichier image depuis votre ordinateur.

Ensuite, vous voudrez faire défiler jusqu'à la section « Paramètres de l'histoire de la chronologie ». Ici, vous pouvez cliquer sur le champ « Date / Année de l'histoire » et utiliser le calendrier contextuel pour sélectionner l'heure et la date auxquelles l'événement s'est produit.

Vous pouvez également choisir entre une image « Grande » ou « Petite » pour l'événement.

Dans l'image suivante, vous pouvez voir un exemple d'image « Grande ».

Les images plus grandes attireront l'attention du visiteur sur les événements les plus importants de la chronologie. Cependant, les images « Grandes » prennent plus de place.

L'image suivante montre le même événement, mais cette fois avec une image « Petite » à la place.

Si vous souhaitez ajouter de nombreux événements différents à votre chronologie, vous pourriez vouloir utiliser le réglage « Petite ».

Cela peut aider à éviter que votre chronologie ne paraisse encombrée.

Après avoir effectué ces modifications, vous voudrez faire défiler jusqu'en haut de la page et cliquer sur le bouton « Publier ».

Et voilà – vous pouvez maintenant répéter ces étapes pour créer d'autres événements.

Vous voulez voir tous les événements que vous avez créés jusqu'à présent ? Alors allez simplement dans Timeline Addons » Cool Timeline Stories.

Une fois que vous avez créé tous vos événements, l'étape suivante consiste à personnaliser l'apparence de la chronologie sur votre site web.

Pour ce faire, vous pouvez aller dans Extensions de chronologie » Paramètres de chronologie » Paramètres généraux.

Dans la section « Titre de la chronologie », vous pouvez taper le titre qui apparaîtra au-dessus de votre chronologie.

Cool Timeline peut également afficher une image au-dessus de votre chronologie, telle que le logo de votre entreprise. Cela peut aider à renforcer votre image de marque et à faire savoir aux visiteurs ce qu'affiche la chronologie.

Pour ajouter cette image facultative, vous devrez cliquer sur le bouton « Télécharger ».

Vous pouvez maintenant choisir une image dans votre bibliothèque de médias WordPress ou télécharger un nouveau fichier depuis votre ordinateur.

Si vous ajoutez beaucoup de texte à une chronologie, celle-ci peut sembler encombrée et rebutante.

Dans cet esprit, vous voudrez peut-être définir un nombre maximum de mots qui seront affichés sur la chronologie. Pour définir une limite de mots maximale, tapez simplement un nombre dans le champ « Longueur du contenu ».

Si vous définissez une limite, il est judicieux d'ajouter des liens « Lire la suite » à votre chronologie. Cool Timeline ajoutera alors ce lien à toutes les descriptions plus longues que votre limite de mots.

Pour ajouter ce lien, trouvez la section « Afficher « Lire la suite » ? » et cliquez sur le bouton « Oui ».

Vous pouvez maintenant décider si cliquer sur le lien « Lire la suite » affichera le reste de votre texte dans le même onglet ou dans un nouvel onglet de navigateur. Pour faire ce choix, cliquez simplement sur le bouton radio « Même onglet » ou « Nouvel onglet ».

Par défaut, la chronologie affiche l'année où chaque événement s'est produit. Cependant, vous n'aurez pas toujours besoin d'afficher ces informations. Par exemple, si tous les événements se sont produits la même année.

Pour masquer l'étiquette de l'année, cliquez simplement sur le curseur « Étiquette de l'année » pour passer de « Afficher » à « Masquer ».

Par défaut, le premier événement de votre chronologie apparaîtra sur le côté droit de la ligne verticale de la chronologie.

Vous souhaitez afficher cet événement sur le côté gauche de la chronologie à la place ? Cliquez alors simplement sur le bouton « Gauche » à côté de « Les histoires de la chronologie verticale commencent à partir de ».

Lorsque vous êtes satisfait de vos modifications, cliquez sur le bouton « Enregistrer » pour les sauvegarder.

Vous pouvez maintenant passer à l'onglet « Paramètres de style ».

Par défaut, la chronologie n'a pas d'arrière-plan.

Si vous le souhaitez, vous pouvez ajouter un arrière-plan coloré à votre chronologie en cliquant sur le curseur « Arrière-plan de la chronologie » pour le faire passer de « Non » à « Oui ».

Ensuite, cliquez sur le bouton situé à côté de « Couleur d'arrière-plan de l'histoire ».

Vous devriez maintenant pouvoir choisir une couleur d'arrière-plan à l'aide des paramètres du sélecteur de couleurs.

Cet écran propose également des paramètres de couleur similaires pour toutes les différentes parties de votre chronologie, y compris la ligne verticale et les titres des événements. Pour modifier l'une de ces couleurs par défaut, cliquez simplement sur le bouton de la section, puis utilisez le sélecteur de couleurs qui apparaît.

Lorsque vous êtes satisfait des modifications que vous avez apportées, n’oubliez pas de cliquer sur le bouton « Enregistrer ».

Ensuite, vous voudrez peut-être aller à l'onglet « Paramètres de typographie ». Ici, vous pouvez changer la police et ajuster la taille du contenu différent de votre chronologie, tel que le titre de la chronologie et le titre de l'histoire.

Si vous modifiez les paramètres de typographie par défaut, n'oubliez pas d'enregistrer vos modifications en cliquant sur le bouton « Enregistrer ».

Une fois que vous avez terminé la personnalisation de la chronologie, vous êtes prêt à l'ajouter à votre site Web. Ouvrez simplement la page ou l'article où vous souhaitez l'afficher, puis cliquez sur le bouton « + ».

Maintenant, vous allez vouloir taper « Cool Timeline » dans la barre de recherche. Ce plugin a quelques blocs différents, alors assurez-vous de cliquer sur le « Bloc Shortcode Cool Timeline ».

Vous pouvez maintenant mettre à jour ou publier votre page normalement.

Maintenant, si vous visitez votre site web, vous verrez la chronologie en direct.

Méthode 2. Comment créer plusieurs chronologies d'événements dans WordPress à l'aide du bloc Timeline

Vous pouvez également créer une belle chronologie d'événements dans WordPress en utilisant l'éditeur de blocs et le « Bloc Cool Timeline ».

Ce bloc contient beaucoup de contenu de substitution. Pour construire votre chronologie, il vous suffit de remplacer chaque espace réservé par votre propre texte et vos propres images. Cela vous permet de construire votre chronologie de manière plus visuelle.

Pour commencer, ouvrez simplement la page ou l'article où vous souhaitez ajouter une chronologie.

Vous pouvez ensuite cliquer sur l'icône « + » et taper « Bloc Cool Timeline ». Lorsque ce bloc apparaît, cliquez dessus pour l'ajouter à la page ou à l'article.

Le bloc Cool Timeline contient 4 événements de substitution. Vous pouvez commencer à les modifier un par un en cliquant sur le premier événement de la chronologie.

Dans le menu de droite, remplacez simplement l'espace réservé « Titre de l'histoire » par le titre que vous souhaitez utiliser pour cet événement.

Ensuite, vous pouvez ajouter une description dans le champ « Description de l'histoire ».

Après cela, vous voudrez trouver le champ « Étiquette principale (Date/Étapes) ». Ici, allez-y et tapez la date à laquelle cet événement s'est produit.

Par défaut, le bloc Cool Timeline affiche le premier événement sur le côté droit de la chronologie.

Si vous préférez afficher l'événement sur le côté gauche de la ligne verticale, vous pouvez cliquer sur le bouton radio « Gauche ».

Maintenant, le bloc Cool Timeline a une image de substitution pour chaque événement. Pour remplacer cette image de substitution par votre propre image, cliquez simplement sur le bouton « Supprimer ».

Une fois que vous avez fait cela, cliquez sur le bouton « Télécharger/Choisir une image ».

Vous pouvez ensuite choisir une image dans la médiathèque WordPress ou télécharger un nouveau fichier depuis votre ordinateur.

Le bloc Cool Timeline affichera chaque image dans sa taille réelle. Pour afficher une image plus petite à la place, ouvrez le menu déroulant « Taille de l'image » et choisissez « Moyenne » ou « Miniature ».

Dès que vous cliquez sur l'une des différentes tailles d'image, le bloc se mettra à jour pour afficher la nouvelle image. Cela vous permet d'essayer différentes tailles pour voir ce qui convient le mieux à votre site Web.

Par défaut, la chronologie marque chaque événement sur la ligne verticale avec un point. Vous voudrez peut-être remplacer ce point simple par une icône personnalisée.

Par exemple, vous pourriez utiliser différentes icônes pour différents types d'événements. Ensuite, vous pouvez explorer les différentes icônes personnalisées que vous pouvez utiliser pour votre chronologie en cliquant sur le bouton radio « Personnalisé (Icône Font Awesome) ».

Une fois que vous avez fait cela, une liste déroulante avec une icône de flèche apparaîtra. Vous devrez l'étendre pour faire défiler toutes les différentes icônes.

Lorsque vous trouvez l'icône parfaite à utiliser pour votre événement, vous pouvez cliquer dessus.

Vous pouvez maintenant personnaliser le reste des événements d'espace réservé en suivant le même processus décrit ci-dessus.

Si vous souhaitez ajouter plus d'événements à la chronologie, cliquez simplement sur l'icône « Ajouter une histoire ». Cela ajoutera un nouvel événement d'espace réservé prêt à être personnalisé.

Lorsque vous êtes satisfait de l'apparence de la chronologie, vous pouvez mettre à jour ou publier la page normalement. Une fois terminé, votre chronologie sera en ligne sur votre site Web WordPress.

Astuce bonus : Ajouter un schéma d'événement dans WordPress

Une fois que vous avez créé une belle chronologie pour présenter vos événements ou jalons, vous pouvez aller plus loin en aidant les moteurs de recherche à comprendre de quoi il s'agit.

C'est là qu'intervient le balisage de schéma d'événement.

Le schéma d'événement est un type de code spécial qui fonctionne en coulisses. Il donne à Google un résumé clair des détails clés de votre événement, tels que la date, l'heure, le lieu et peut-être les informations sur les billets, dans un format structuré qu'il peut facilement lire.

De plus, l'ajout d'un schéma d'événement peut aider votre contenu à apparaître dans des extraits enrichis ou dans les listes d'événements Google. Que vous partagiez des événements à venir ou l'histoire de votre entreprise, cela aide les bonnes personnes à vous trouver lorsqu'elles recherchent des activités ou des jalons connexes.

L'une des façons les plus simples d'y parvenir est d'utiliser AIOSEO, le meilleur plugin SEO pour WordPress. Il prend en charge plusieurs types de schémas, y compris Événement, pour aider les moteurs de recherche à mieux comprendre et mettre en valeur votre contenu.

Pour plus de détails, consultez notre guide sur comment ajouter un schéma d'événement dans WordPress.

FAQ : Ajouter une belle chronologie d'événements à votre site WordPress

Vous avez des questions sur la présentation de vos événements sous forme de chronologie sur WordPress ? Voici quelques réponses rapides pour vous aider à démarrer.

WordPress dispose-t-il d'une fonctionnalité de calendrier ou de chronologie intégrée ?

WordPress n'inclut pas de fonctionnalité de calendrier ou de chronologie intégrée par défaut. Cependant, vous pouvez facilement en ajouter une en utilisant des plugins comme Cool Timeline ou The Events Calendar.

Le plugin Cool Timeline est-il gratuit à utiliser ?

Cool Timeline propose une version gratuite sur le répertoire de plugins WordPress. Elle inclut des fonctionnalités de base comme les chronologies verticales et horizontales. Pour une personnalisation avancée et des mises en page supplémentaires, vous pouvez passer à la version premium.

Comment créer une chronologie d'événements dans WordPress ?

La façon la plus simple est d'utiliser un plugin comme Cool Timeline. Une fois installé, vous pouvez ajouter des événements ou des jalons comme des histoires de chronologie, personnaliser la mise en page et les afficher à l'aide d'un shortcode ou d'un bloc.

Puis-je ajouter une vue calendrier à côté de la chronologie ?

Oui, vous le pouvez. Bien que le plugin Cool Timeline se concentre sur les chronologies visuelles, il n’offre pas de vue calendrier traditionnelle. Si vous souhaitez afficher vos événements dans un format de calendrier mensuel ou quotidien, nous vous recommandons d’utiliser un plugin de calendrier tel que Sugar Calendar ou The Events Calendar.

Pour un tutoriel rapide, consultez notre guide sur comment créer un calendrier d’événements simple avec Sugar Calendar. Ou consultez notre comparaison complète des meilleurs plugins de calendrier WordPress pour en trouver un qui corresponde à vos besoins.

Comment afficher la date du jour dans WordPress ?

Vous pouvez utiliser un shortcode, un widget ou du code personnalisé pour afficher la date du jour. Certains widgets de constructeurs de pages et thèmes ont également cette fonctionnalité intégrée.

Guides connexes sur la gestion des événements WordPress

Nous espérons que cet article vous a aidé à apprendre comment ajouter une belle chronologie d'événements à votre site Web WordPress. Si vous avez trouvé cela utile, vous voudrez peut-être également consulter nos guides sur :

• Comment créer un calendrier d'événements simple
• Comment afficher les événements à venir dans WordPress
• Comment organiser des événements réservés aux membres dans WordPress
• Comment créer une page d'inscription à un événement dans WordPress
• Comment ajouter un widget de compte à rebours dans WordPress
• Meilleurs plugins de calendrier WordPress

Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.