Mise à jour automatique de la date de bas de page avec JavaScript dans Webflow

De nombreux sites Web affichent encore des années de copyright dépassées, ce qui peut donner l'impression qu'un site est négligé ou abandonné. Bien qu'il soit possible de mettre à jour manuellement la date chaque année, elle est souvent négligée. L'automatisation de cette tâche modeste mais essentielle garantit à votre site Web une apparence professionnelle et à jour.

Dans ce guide, nous allons vous montrer comment mettre à jour dynamiquement la date de copyright du pied de page de votre site Web à l'aide de JavaScript.

‍

Pourquoi automatiser la mise à jour de la date de copyright ?

‍

Conserve une image professionnelle

Un pied de page obsolète peut amener les visiteurs à se demander si votre site Web est activement maintenu. Le tenir à jour rassure les utilisateurs quant à la fiabilité de votre site.

‍

Élimine les tâches manuelles inutiles

Si vous gérez plusieurs sites Web, la mise à jour manuelle de chaque pied de page chaque année devient fastidieuse. L'automatisation de ce processus permet d'économiser du temps et des efforts.

‍

Empêche les oublis

Il est facile d'oublier de mettre à jour la date. En l'automatisant, vous éliminez le risque d'afficher une année obsolète.

‍

Comment automatiser la mise à jour de la date de bas de page

‍

Étape 1 : préparez votre footer

Assurez-vous que votre pied de page HTML inclut un élément « span » avec la classe « année en cours » :

‍

Étape 2 : ajouter du code JavaScript

Insérez le script jQuery suivant avant la balise de fermeture `</body>` :

<script>
$(function() {
  $('.current-year').text(new Date().getFullYear());
});
</script>

‍

Étape 3 : explication du code

- `$ (function () {...}) `: garantit que le script s'exécute une fois la page complètement chargée.
- `new Date () .getFullYear () `: récupère l'année en cours de manière dynamique.
- `$ ('.année en cours') .text ( ... ) `: met à jour le texte à l'intérieur des éléments avec la classe « année en cours » pour afficher l'année en cours.

‍

{{blog_article_cta01}}

‍

Tester que le script fonctionne bien

Une fois le script ajouté, actualisez votre page pour vérifier que le pied de page affiche la bonne année. Cette solution est simple, efficace et nécessite un minimum de configuration.

‍

Conclusion

L'automatisation de la mise à jour de la date de copyright est une amélioration modeste mais efficace qui garantit que votre site Web reste à jour avec un minimum d'effort. En mettant en œuvre cette solution jQuery, vous améliorez le professionnalisme de votre site, gagnez du temps et éliminez les mises à jour manuelles.

Ajoutez simplement la classe « année en cours » à un bloc de texte, et le script s'occupera du reste automatiquement !