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

Freischalten

Kostenlose Bilder und Videos für Kundenprojekte – meine Quellen (kommerzielle Zwecke)

Liste an Plattformen für kostenloses Bild- und Videomaterialien. Nutze ich als Webdesigner bei jedem Kundenauftrag.

Tool

Text-Anleitung

Demo Beispiel

Video-Anleitung

Kostenlos

Freischalten

Horizontal Sektion scrolling Parallax Bilder Effekt (Webflow Interactions)

Ein Effekt, welcher eine Sektion horizontal über den Screen scrollt und gleichzeitig Bilder hinter einem Fenster parallax bewegt. Ohne Custom Code!

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

Freischalten

Hunderte Device Mockups mit Menschen schnell kostenlos erstellen

Falls man für eine Präsentation oder zum einbinden auf der Website mal ein schnelles Mockup braucht (kostenlos). Einfach Screenshot hochladen und High-Res Bild wieder runterladen.

Tool

Text-Anleitung

Demo Beispiel

Video-Anleitung

Kostenlos

Freischalten

Eigenen Audio Player komplett in Webflow stylen

Custom Audio-Player um auf deiner Webseite Audio-Dateien anzuziegen und zu stream. Der Player kann nach Wunsch in Webflow gestaltet werden.

Cloneable

Text-Anleitung

Demo Beispiel

Video-Anleitung

Freischalten

Auf ein FAQ Element von einer anderen Seite verlinken und es geöffnet anzeigen

Verlinke auf ein bestimmtes FAQ-Element von einer anderen Seite aus zu verlinken und es gleichzeitig geöffnet anzuzeigen. Einfach ?faq=3 mit an die URL hängen.

Code-Vorlage

Text-Anleitung

Demo Beispiel

Video-Anleitung

Freischalten

CMS Rich-Text Bullet Liste mit eigenem Icon (spart dir CMS fields)

Ersetze die Standard CSM Rich-Text-Bullet-Liste in Webflow mit eigenen SVG-Icons, die sich automatisch skalieren. Perfekt für individuell gestaltete Aufzählungen.

Code-Vorlage

Text-Anleitung

Demo Beispiel

Video-Anleitung

Freischalten

Horizontales Text / Bilder Karussell (ohne Webflow Interaktionen) | Infinite Marquee

Lass Bilder, Logos und Texte mit nur zwei Zeilen CSS Code horizontal durch den Bildschirm wandern. Mit dieser Code-Vorlage musst du nur ein Attribut vergeben.

Code-Vorlage

Text-Anleitung

Demo Beispiel

Video-Anleitung

Freischalten

Zahlen animiert hochzählen mit ease-out Effekt (wenn im Viewport)

Mit diesem JavaScript-Code kannst du Zahlen auf deiner Website animiert hochzählen lassen, und das mit einem sanften "ease-out" Effekt.

Code-Vorlage

Text-Anleitung

Demo Beispiel

Video-Anleitung

Kostenlos

Freischalten

Schnell elegante Mockups aus Screenshots erstellen (kostenlos)

Einfach bild reinziehen und zwischen Screenshot-Modus, perfekten Browser-Mockups oder Geräten wie iPhone, Tablet und MacBook wählen.

Tool

Text-Anleitung

Demo Beispiel

Video-Anleitung

Freischalten

Mehrere 303 Redirects in Webflow auf einmal anlegen (CSV Upload)

Mehrere 303 Redirects in Webflow auf einmal via CSV Upload hochladen.

Tool

Text-Anleitung

Demo Beispiel

Video-Anleitung

Freischalten

JavaScript Breakpoints für Webflow

Wenn du mit zusätzlichem Custom Code in Webflow arbeitest, soll dieser auch manchmal nur bei einem bestimmten Breakpoint ausgegeben werden. Dieser Code hilft dir dabei.

Code-Vorlage

Text-Anleitung

Demo Beispiel

Video-Anleitung

Alle Tricks anzeigen →