Ajoutez ce script dans le before </body> de votre page.
<!--{ NL-translate-date-webflow }-->
<script src="https://cdn.jsdelivr.net/gh/nicolas-leitao/webflow-scripts/nl-tr-date-webflow.js" defer></script>Créer la structure pour accueillir le script
En premier nous allons créer la structure des éléments, il faudra les connecter aux champs CMS que vous désirez (created on / published on / updated on).
Structure :
Vous aurez besoin de quatres divs contenues dans une div parent.
date-component -> div parent, on règlera la langue ici.
day-component -> nom du jour (monday ou mon).
digit-component -> numéro du jour (02).
month-component -> le mois (February ou Feb).
year-component -> l'année (2026).
Configuration jour et mois :
Jour : utilisez "ddd" ou "dddd"
Mois : utilisez "MMM" ou "MMMM"
Pour que ce script fonctionne parfaitement, il doit pouvoir se répérer dans le temps (non non, ce n'est pas une blague). Il a donc besoin de connaitre la date complète (jour/mois/année) sinon...
bug en approche, bug en approche....
Ajoutez les attributs nécessaires
Il ya cinq attributs en tout, dans cet exemple j'utilise les classes CSS vues plus haut, vous pouvez choisir de les nommer autrement.
Date-component
Day-component
Digit-component
Month-component
Year-component
Si vous souhaitez cacher des éléments
Pour cacher un élément, il suffit de le mettre en display: none.
Le SEUL élément que vous pouvez supprimer est le jour en lettre (monday), les autres sont obligatoires pour que le script se repère dans le temps.
Fin
Et voilà, vos dates sont traduites dans votre langue !
Bonne journée !
