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

Stefanie Motiwal - Website leicht gemacht

und unterstütze dich dabei, deine Website mit WordPress selbst zu erstellen und zu optimieren – ohne dabei an der Technik zu verzweifeln. Mut machen und eine große Portion Motivation ist inklusive.

Empfehlungen für dich:

Die besten Website-Tools Empfehlungen

Der deutsche 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! 

Stefanie Motiwal Website-Mentorin

Stefanie Motiwal

Hey, ich bin Stefanie und helfe Frauen, die mit ihrem Business durchstarten wollen, beim Erstellen ihrer Website.

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.

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

Mindset, Website

Ab wann brauche ich eine Website?

Eine eigene Website zu haben, hat natürlich viele Vorteile als Selbständige*r: Du kannst von Interessent*innen gefunden werden, neue Anfragen erhalten, dein Angebot häufiger verkaufen, Vertrauen aufbauen und vieles mehr. Der Weg dorthin kann aber anfangs wie ein...

Dein Website-Fahrplan für den Überblick

Der Fahrplan zeigt dir mit welchen Schritten und in welcher Reihenfolge du deine Business-Website mit WordPress erstellst.

 

  • inklusive Checkliste
  • inklusive häufig gestellter Fragen & Antworten zum Website-Start

Vielen Dank! Bitte bestätige noch den Link in der E-Mail.