Divi Sticky Elemente Tutorial

Mit dem aktuellen Divi kann man Sticky Elemente einfügen – und das ist eine prima Angelegenheit, denn wir können jetzt beim Scrollen einzelne Module, Zeilen oder auch Sektionen am Kopf der Seite oder auch am Fuß der Seite festkleben. Und je nachdem wie weit wir scrollen, lösen wir dann die Verbindung wieder. Schauen wir uns dies einmal an einem Beispiel an …

https://youtu.be/M5VjDfiHPyM

Zum Beispiel nutze ich diesen Effekt in meinem Blog, um dem Kunde die Kategorien meines Blogs anbieten zu können. Wenn der Kunde jetzt scrollt, bewegt sich das Menü nach oben, wird etwas kleiner und färbt sich ein. Der Kunde kann jetzt die Seite unter diesem Submenü hinweg scrollen. Und sobald ich das Ende meines Blog-Bereichs erreicht habe, scrollt das Menü weg.

Aber ich kann Sticky-Elemente auch für das Hauptmenü nutzen. Erstelle ich eine Seite im Themes Bilder, habe ich jetzt die Möglichkeit, das Menü oben anzuheften. Alles was wir tun müssen ist, das Modul MENÜ in eine Sektion zu legen und diese als Sticky Element festlegen.

Dazu gehen wir zu den erweiterten Einstellungen „Scroll Effekte“ und hier haben wir die Option „Sticky Position“ – und das war’s eigentlich schon. Hier sagen wir „Wo“ wir unsere Zeile anheften möchten: entweder oben oder unten oder oben und unten.

Divi sticky scroll

Bei meinem Menü habe ich „top“ gesagt. Zudem können wir noch ein Offset festlegen, falls das Element nicht ganz oben kleben soll. Das Schöne ist, dass wir nicht nur sagen können, dass das jeweilige Modul heften soll, sondern wir können auch das Design jedes einzelnen Elements im Status „Sticky“ anpassen.

Sagen wir mein Element hat einen weißen Hintergrund und sobald das Element sticky wird, soll der Hintergrund rot werden. Mit der Design-Optioin ist dies kein Problem.

Dies geht aber nicht nur für den Hintergrund, sondern auch für nahezu jedes Designelement aller Module, Zeilen und Sektionen.

Und wann soll das Element wieder gelöst werden?

Wann du willst! Zum Beispiel sobald die nächste Sektion erreicht wird. Oder sobald das nächste sticky Element erreicht wird.

In kurz: Wir haben wirklich viele Möglichkeiten, pro Seite andere Menüs, Optins, Call To Actions vernünftig zu platzieren. Probiere es einfach aus, spiele mit den neuen Funktionen ein bisschen rum. Du kannst hier fantastische Effekte erzielen.

Lass deiner Kreativität freien Raum. Und wir sehen uns hoffentlich in kürze wieder.

Bis dahin,
ciao der Marco.

Tool-Tipp:

Folgende Apps nutze ich in meinem Blog. Zu den meisten dieser Apps findest du auf meinem YouTube-Kanal eine ausführliche Review.

Keyword-Strategie: WriterZen, LongTailPro, Link Assistant
Content-Erstellung: Frase, StoryChief, Bramework, NeuronWriter
Optimierung Pagespeed: WP Rocket, ShortPixel
Optimierung Conversion: Convertbox
Sicherheit: WPVivid

Du suchst nach einer Lösung für dein Marketing, deiner SEO- oder Content-Strategie? Dann schau auch gern in meiner Akademie vorbei: Businesserfolg.de

Deine Meinung ist gefragt!

Hat dir der Artikel gefallen? Oder fehlt etwas?
Hinterlasse mir gern einen Kommentar!

Divi5 vs Divi4 – Unterschiede und was du jetzt nutzen solltest

Divi5 vs Divi4 – Unterschiede und was du jetzt nutzen solltest

Die neue Divi5-Version ist da und bringt massive Verbesserungen mit sich. Während Divi4 jahrelang der Standard für WordPress-Websites war, stellt sich jetzt die Frage: Solltest du sofort auf Divi5 umsteigen oder lieber bei der bewährten Version bleiben? Als jemand,...

GetTerms – Dein All-in-One Tool für Cookie Consent & Datenschutz!

GetTerms – Dein All-in-One Tool für Cookie Consent & Datenschutz!

https://youtu.be/XMYLo7TMsIY Cookie-Banner, Datenschutzerklärung, Impressum — das sind keine sexy Aufgaben. Trotzdem sind sie Pflicht. Ich habe früher Stunden damit verbracht, Texte zu schreiben, Cookie-Listen zu pflegen und Banner so einzustellen, dass sie nicht...

Die ultimative Anleitung zur Anpassung deiner WooCommerce Dankeseite

Die ultimative Anleitung zur Anpassung deiner WooCommerce Dankeseite

Die Anpassung Ihrer WooCommerce Dankeseite ist entscheidend für die Kundenbindung und Umsatzsteigerung. Personalisierte Dankeseiten bieten exklusive Rabatte, Produktempfehlungen und soziale Teilungsoptionen, um das Einkaufserlebnis zu verbessern und Cross-Selling zu fördern. Entdecken Sie in unserem Artikel die besten Tools und Strategien zur Optimierung Ihrer Dankeseite.

Platz für deinen Kommentar!

0 Kommentare

Einen Kommentar abschicken

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Autor: Marco Linke

 Gründer von Designers Inn

Marco arbeitet seit 2011 mit WordPress. Er unterstützt Selbstständige und Unternehmen dabei, Websites zu erstellen, Inhalte überzeugend zu präsentieren und über SEO, Content Marketing und Social Media neue Kunden zu gewinnen. Mit Designers Inn betreute er bereits über 30.000 Kunden rund um WordPress-Themes, Website-Aufbau und sicheres Online‑Marketing. Sein Fokus: praxisnahe Tipps, klare Strategien und umsetzbare Anleitungen – ohne Technik‑Chaos.

Neue Themes

Neu: Scroll-Effekte, WooCommerce-Module u.v.m.

Galerie

Workshops

Workshops, Academy, Magazin, Masterclass

Starten

Geschenkt

Handbuch WordPress,
Workshop SEO & Marketing

Download