Comment afficher l'année actuelle sur votre site Webflow

Introduction

‍

Dans cet article, vous apprendrez à insérer un bout de code JavaScript pour afficher automatiquement l’année actuelle sur votre site Webflow. Que vous souhaitiez afficher l'année dans le pied de page ou ailleurs, cette technique vous permet de ne pas avoir à la mettre à jour chaque année.

‍

‍

1. Pourquoi afficher l’année actuelle ?

‍

Un pied de page mis à jour avec l’année en cours donne une impression de site actif et maintenu. Plutôt que de vous souvenir de modifier l’année manuellement chaque janvier, cette méthode le fait pour vous, offrant un gain de temps et une tranquillité d'esprit.

‍

‍

2. Étape 1 : Ajouter un élément pour afficher l'année

‍

Dans Webflow, ajoutez un élément de texte (par exemple, un div texte) là où vous souhaitez afficher l’année. Donnez lui un identifiant unique, comme 'currentYear', que nous allons utiliser dans le code JavaScript.

‍

‍

3. Étape 2 : Insérer le code JavaScript

‍

Rendez-vous dans les paramètres de votre page (Page Settings) de Webflow et ajoutez le code ci-dessous dans la section Before </body> tag dans la section code custom :

‍

    
      <script>
        document.addEventListener("DOMContentLoaded", function() {
          document.getElementById("currentYear").textContent = new Date().getFullYear();
        });
      </script>
    
  

Copier le code

‍

‍

4. Comment ça fonctionne

‍

Ce script utilise JavaScript pour extraire l’année actuelle avec new Date().getFullYear(). L’événement DOMContentLoaded garantit que le code s'exécute une fois que votre page est chargée, de manière à éviter tout problème d'affichage.

‍

‍

5. Avantages de cette méthode

‍

• Automatisation : Une fois installé, le code mettra à jour l'année chaque année sans intervention manuelle.
• Compatibilité Webflow : Ce code fonctionne parfaitement dans Webflow sans nécessiter de plugins ou de configurations complexes.
• Pratique et moderne : Utilise JavaScript moderne pour une compatibilité et une simplicité optimales.

‍

Conclusion :

‍

En suivant ces étapes, vous pourrez facilement afficher l'année actuelle sur votre site Webflow. C’est une méthode idéale pour garder votre site à jour avec un minimum d'effort.

‍

‍