Parallax und weitere coole Effekte für deine Website – mit Divi, Divi Plus und Canva

In dem folgenden Video stelle ich dir 5 Effekte vor, die deine Website aus der Masse hervorstechen lassen:

  • Parallax Hintergrundbilder
  • Animationen für Elemente
  • Transformationen für Elemente – z. B. Buttons in anderer Form
  • Unterstrichene Überschriften
  • Besondere Bildformen – ovale Bilder und mehr

Sie sehen gerade einen Platzhalterinhalt von YouTube. Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf die Schaltfläche unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.

Mehr Informationen

Für mehr coole Tipps für Divi und den Divi Builder hol dir den Divi Powerkurs.

Parallax Hintergrundbilder

Wenn du einem Hintergrund den Parallax Effekt einstellst, sieht es beim Scrollen so aus, als ob der Hintergrund stehenbleibt und nur die Elemente darauf weitergescrollt werden. Das bringt mehr Tiefe in deine Website und macht die Website animierter, interaktiver. 

Um dies bei Divi einzustellen, klickst du beim blauen Abschnitt (Sektion) auf das Zahnrad und klappst den Teil „Hintergrund“ aus. Dann wählst du ein Hintergrundbild und stellst weiter unten ein „Parallax“. Es gibt 2 unterschiedliche Möglichkeiten: 

Parallax Effekt bei Sektion
  • Echte Parallaxe – hierbei scrollt das Hintergrundbild noch leicht mit
  • CSS (Standbild) – hierbei bleibt das Hintergrunbild komplett stehen

Hast du den Effekt schonmal ausprobiert?

 

kostenlose Videoanleitung:

3 geniale Divi-Funktionen, die du unbedingt kennen MUSST!

Mit dem powervollen Divi-Theme für WordPress kannst du für deine Website so gut wie alles umsetzen und nachbauen was du dir vorstellen kannst!

In dieser kostenlosen Videoanleitung (knapp 20 Minuten) zeige ich dir 3 unschlagbar geniale Funktionen von Divi, mit denen

  • du viel Zeit sparen kannst
  • deine Website einheitlich geändert werden kann für einen wesentlich professionelleren Eindruck
  • du dein Layout ganz individuell festlegen kannst und dich nicht von WordPress einschränken lässt!
Divi Features

Hey, ich bin Stefanie Motiwal

Stefanie Motiwal - Website leicht gemacht

und helfe insbesondere Frauen aus der Coaching- Dienstleistungs- und Beratungsbranche dabei, ihre Website strategisch und professionell zu gestalten, um mehr Umsatz und Kund*innen zu gewinnen.

Website Checkliste für 0 Euro!

Website Checkliste

Endlich überzeugende Website-Texte ohne Schreibblockade!

Hol dir das Workbook „Website-Texte leicht gemacht“ inkl. konkretem Aufbau deiner Hauptseiten, vieler Tipps, KI-Prompts & mehr in dieser 50-seitigen PDF:

Website-Texte leicht gemacht

Empfehlungen für dich:

Die besten Website-Tools Empfehlungen

Der deutschsprachige Divi-Theme Kurs zum Lernen und Nachschlagen:  

Divi Powerkurs

Meistere das Divi-Theme für WordPress und lerne nicht nur alle wichtigen Basics, sondern tauche ein in geniale Einstellungen, Hacks und fortgeschrittene Funktionen, die dir den Alltag mit dem Divi Builder mega erleichtern.

Lizenzen, Vorlagen und vieles mehr inklusive! 

Divi Theme Kurs für WordPress
Stefanie Motiwal Website-Mentorin

Stefanie Motiwal

Hey, ich bin Stefanie und helfe dir dabei, mit deiner WordPress-Website sichtbar zu werden und mehr Kund*innen zu gewinnen.

Von mir lernst du nicht nur, wie du Einstellungen in WordPress bei Plugins & Themes vornimmst, sondern auch, worauf es bei Design, Struktur, Text & Layout ankommt, damit du die richtigen Menschen ansprichst.

Dabei ist es mir wichtig, dass der Spaß nicht auf der Strecke bleibt und du ganz viel für dich und dein Business mitnehmen kannst!

2 Kommentare

  1. Hallo Stefanie, wie kriegt man einen Parallax Effekt von einer Canva Website weg? Wir wissen nicht, wie er da rein gekommen ist und er passt nicht.

    Antworten
    • Hey Carolin,
      oh das ist eine spannende Frage – allerdings habe ich noch nie mit Canva eine Website erstellt, ich arbeite ausschließlich mit WordPress für die Website-Erstellung und nutze Canva nur für einzelne Grafiken. Auf die Schnelle habe ich auch keine Antwort gefunden, vielleicht könntest du den Canva Support einmal anschreiben, wenn du in den FAQ von Canva nicht fündig wirst? Liebe Grüße, Stefanie

      Antworten

Einen Kommentar abschicken

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

Weitere Blogartikel

Allgemein

Website mit KI erstellen

In diesem Video zeige ich dir, wie du mit dem Divi-Theme und der KI-Funktion eine Website erstellen kannst. Natürlich solltest du dies in der Praxis nicht wirklich so verwenden, aber zum Ausprobieren ist es ganz cool: