WEBFLOWJAVASCRIPTAnnée de copyright automatique
L'année du footer se met à jour toute seule au 1er janvier. Une classe à poser, quatre lignes à coller.
/ ÉTAPE 01
Copie-colle ce script dans le <body> de ta page
Le JavaScript ci-dessous met à jour l'année du copyright automatiquement.
<script>
const copyrightElement = document.querySelector('.copyright-date');
if (copyrightElement) {
// Inscrire l'année courante
const currentYear = new Date().getFullYear();
copyrightElement.textContent = currentYear;
}
</script>/ ÉTAPE 02
Ajoute la classe à ton élément "Text"
Place la classe "copyright-date" sur un élément de type text, span ou paragraph.
/ OÙ LE COLLER
Dans
Webflow, Paramètres › Custom code
CUSTOM CODE
PARAMÈTRES DU PROJET
Head code
Footer code
Les codes personnalisés ne s'appliquent qu'après publication.
Footer code, jamais Head
Le script doit s'exécuter après le contenu de la page. Dans le Head, il ne trouverait rien à animer.
Une seule fois pour tout le site
Il se pose au niveau du projet, pas page par page. Les blocs le trouvent tout seuls.
Publier pour activer
Tant que le site n'est pas publié, le code personnalisé ne tourne pas, même en aperçu.
/ LES OPTIONS
Tout se pilote par classe
et par attribut.
ATTRIBUT
TYPE
RÔLE
.copyright-date
classe
L'élément dont le contenu est remplacé par l'année courante.
/ DANS LA MÊME FAMILLE
Les autres blocs
de date et d'heure.
/ PLUS DE SCRIPTS
Continue à équiper
tes projets.
SCRIPTJAVASCRIPT · CSSBouton quantité personnaliséUn sélecteur de quantité pour tes boutiques e-commerce ou tes systèmes de devis.GRATUIT · 1,2 KO · 3 ÉTAPES
SCRIPTJAVASCRIPTSlider avant / aprèsUn slider interactif avec effet avant / après, à poser sur n'importe quelle image.GRATUIT · 4,9 KO · 2 ÉTAPES
SCRIPTJAVASCRIPTTransition de page slide upUne animation de transition entre tes pages, pour une navigation plus fluide.GRATUIT · 1,0 KO · 1 ÉTAPE