Copyright Jahreszahl im Footer automatisch aktualisieren

Webflow Code-Vorlage mit Anleitung

Diesen Trick und 43 weitere im Bundle kaufen

Vorschau

Anleitung

Einfach folgenden Code in deinen Seiteneinstellungen des Projekts im Bereich „Footer Code” hinzufügen:

 
<script>
    document.addEventListener("DOMContentLoaded", () =>
        document.querySelectorAll('.copyright-year').forEach(el =>
            el.textContent = new Date().getFullYear()
        )
    );
</script>

Ein Textfeld im Webflow Designer muss die CSS-Klasse „copyright-year” haben. Dieses Textfeld wird dann durch die aktuelle Jahreszahl ersetzt.

‍

Diesen Trick und 43 weitere im Bundle kaufen

Für 49 € freischalten

Was ist enthalten?

Weitere nützliche Webflow Tricks

Kostenlos

Freischalten

Eigener Video Player komplett in Webflow gebaut

Bau dir ein Video Player komplett in Webflow mit eigenen Interaktionen und Icons. Das mp4 File muss selbst gehostet werden.

Cloneable

Text-Anleitung

Demo Beispiel

Video-Anleitung

Freischalten

SVG Code Zeichenlimit für Embed Felder in Webflow umgehen

Umgehe das 10.000 Zeichen Limit für Webflow Embed Fields und füge große SVG Bilder als Code zu deiner Website hinzu.

Code-Vorlage

Text-Anleitung

Demo Beispiel

Video-Anleitung

Kostenlos

Freischalten

Vimeo Video Playlist mit Webflow CMS erstellen

Erstelle ansprechende Vimeo Videoplaylists mithilfe dieses Webflow Cloneables. Nutzt die Vimeo API. Ideal für Tutorials und Kurse.

Cloneable

Text-Anleitung

Demo Beispiel

Video-Anleitung

Highlight

Freischalten

Webflow Slider bei einem bestimmten Slide starten lassen

Entscheide welcher Slide beim laden der Seite zuerst angezeigt werden soll. Einfach über Attributes editierbar.

Code-Vorlage

Text-Anleitung

Demo Beispiel

Video-Anleitung

Highlight

Freischalten

Scrollen der Seite verhindern wenn eine Webflow Navigation geöffnet ist

Dieser einfache Code, stoppt das Scrollen des Hintergrunds, wenn das Webflow mobile Menü geöffnet ist. Funktioniert auch auf Desktop.

Code-Vorlage

Text-Anleitung

Demo Beispiel

Video-Anleitung

Highlight

Freischalten

Autoplay Webflow Tabs

Passe Webflow Tabs mithilfe von Attributen so an, dass sie automatisch nach einer festgelegten Zeit zum nächsten Tab wechseln (mit animierter Tab-Bar).

Code-Vorlage

Text-Anleitung

Demo Beispiel

Video-Anleitung

Highlight

Freischalten

Position Sticky innerhalb von overflow auto / hidden

Ein Accordeon mit einer großen Tabelle verwendet "overflow: hidden", während die Tabelle selbst "overflow: auto" nutzt, um sowohl horizontal als auch vertikal gescrollt werden zu können. Eigentlich funktioniert "position: sticky" innerhalb dieser Tabelle nicht mehr, mit dieser Code-Vorlage allerdings schon.

Code-Vorlage

Text-Anleitung

Demo Beispiel

Video-Anleitung