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

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

Freischalten

Erstes FAQ Accordion standardmäßig geöffnet anzeigen

Zeige beim laden einer Seite das erste Element einer FAQ Liste standardmäßig geöffnet an.

Code-Vorlage

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

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

Kostenlos

Freischalten

Code-Vorlage

Text-Anleitung

Demo Beispiel

Video-Anleitung

Highlight

Freischalten

Einmalig ein Info-Banner (Notification Bar) auf der Website anzeigen

Sobald der Seitenbesucher den Info-Banner weggeklickt, wird er beim nächsten Laden der Website nicht mehr angezeigt, da die Entscheidung mit einem Cookie gespeichert wird. Über Attribute editierbar und ohne externe JS Library.

Code-Vorlage

Text-Anleitung

Demo Beispiel

Video-Anleitung

Kostenlos

Highlight

Freischalten

Sammlung an guten Webflow Styleguide-Vorlagen zum klonen (kostenlos)

Nutze diese kostenlosen Webflow Styleguide Vorlagen für einheitliches, professionelles Website-Design.

Cloneable

Text-Anleitung

Demo Beispiel

Video-Anleitung

Freischalten

Im Browser Hintergrund von Bildern entfernen und als PNG runterladen

Nutze ich häufig wenn es bei Kundenaufträgen mal schnell gehen muss. Funktioniert natürlich am besten bei Objekten, die einen neutraleren Hintergrund haben.

Tool

Text-Anleitung

Demo Beispiel

Video-Anleitung

Kostenlos

Freischalten

Webdesign Animations-Inspiration – Godly

Jede verlinkte Seite hat eine Video-Vorschau, um schnell zu entscheiden, ob es als Inspiration geeignet ist, oder nicht.

Inspiration

Text-Anleitung

Demo Beispiel

Video-Anleitung

Kostenlos

Freischalten

Bilder in Webflow in zwei Stufen groß ran zoomen

Vorlage um in Webflow ein hochauflösendes Bild in zwei Stufen ran zu zoomen. Ähnlich wie der Galerie Effekt auf medium.com

Cloneable

Text-Anleitung

Demo Beispiel

Video-Anleitung

Freischalten

Webflow Lightbox Hack: Gruppen-Slugs per JavaScript steuern

Ein Trick, der dir zeigt, wie du in Webflow mehrere unabhängige Lightbox-Galerien mit dynamischen CMS-Gruppennamen erstellst, ohne dass sie sich in einer Gruppe öffnen.

Code-Vorlage

Text-Anleitung

Demo Beispiel

Video-Anleitung

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

Alle Tricks anzeigen →