Divi CSS Training
Grundlagen für das Divi-Theme
In diesem Kurs lernst Du die Grundfunktionen des Divi-Themes kennen. Wir gehen gemeinsam Stück für Stück vom Download bei Elegant Themes, über die Installation und die Ersteinrichtung hin zu den Gestaltungsmöglichkeiten. Jeder Bereich des Themes wird ausführlich erklärt und auch eine Auswahl an Modulen beschrieben.
Da Divi ständig erweitert wird, wird auch dieser Kurs regelmäßig aktualisiert und erweitert.
Warum solltest Du diesen Kurs ansehen?
- Grundlegende Kenntnisse: Erhalte solide Grundkenntnisse über das Divi-Theme und seine zahlreichen Funktionen und Einstellungsmöglichkeiten.
- Praktische Anleitung: Erfahre, wie Du Divi effektiv nutzen kannst, um ansprechende und funktionsreiche Websites zu erstellen.
- Keine Vorkenntnisse erforderlich: Dieser Kurs ist für alle Erfahrungsstufen geeignet, egal ob Du ein Anfänger oder bereits mit WordPress vertraut bist.
- Zeitersparnis: Lerne, wie Du schnell und effizient arbeiten kannst, um Deine Webdesign-Projekte mit Divi zu beschleunigen.
- Responsive Design: Verstehe, wie Du mit Divi Websites erstellen kannst, die auf allen Geräten gut aussehen und funktionieren.
Was erwartet Dich?
- Detaillierte Anleitungen: Jede Lektion bietet eine gründliche Einführung in verschiedene Aspekte von Divi, unterstützt durch visuelle Anleitungen und praktische Beispiele.
- Direkter Zugang zu Divi: Erhalte wertvolle Einblicke in die Nutzung von Divi, um beeindruckende Webdesigns zu erstellen. Alledings solltest Du das Divi-Theme erworben haben oder es sollte Dir eine gültige Lizenz zur Verfügung stehen.
- Experteneinblick: Profitiere von unseren Erfahrungen und entdecke bewährte Methoden, um das Beste aus Divi herauszuholen.
- Umfassende Ressourcen: Erhalte Zugang zu einer Vielzahl von zusätzlichen Ressourcen, die dir helfen, dein Wissen über Divi und Webdesign zu vertiefen.
Alle Lektionen auf einen Blick
CSS in Divi
- Divi generiert CSS | 07:47
- Wo kann CSS platziert werden | 12:31
- Die Ladereihenfolge | 09:45
- Elemente finden | 10:28
CSS Grundlagen
- Was muss ich wissen
- Was ist CSS | 03:41
- Die CSS Syntax | 03:45
- CSS Selektoren | 05:32
- CSS Selektoren kombinieren | 05:25
- Das Box Modell | 10:21
- Positionieren mit CSS
- Abstände in CSS | 07:24
- Maßeinheiten in CSS
- Floats
- Before and after | 10:47
CSS Stile
- Texte gestalten
- Farben im CSS
- Hintergründe gestalten
CSS - Texte gestalten in Divi
- Multi-Line Background | 12:08
- Mittig ausrichten trotz display inline | 03:03
- Call Out Text | 09:59
- Highlight mit Box Shadow
- Ein Zitat-Quote vor die Textbox
CSS Tricks für Divi
- Links in Modulen als Buttons | 10:52
- Padding beim Bildmodul | 03:27
- Der IconFont von Elegant Themes
- Heller Text - Dunkler Text
- Die Divi-Slide-Controller stylen
- Bildeffekte bei Hover | 09:57
- Flip Cards | 12:08
- Unscharfer Text beim Einsatz von Transform | 04:42
- Elemente ausrichten | 09:09
- Horizontale Line auf Seiten ohne Builder
Logo Spielereien
- Überlappendes Logo einfach | 09:04
- Überlappendes Logo doppelt | 05:50
Audio Modul
- Abstandskorrektur bei Links ausgerichtetem Text
- Den Player des Audio-Moduls gestalten | 16:45
Buttons
- Zwei Buttons nebeneinander
Preistabellen Modul
- Preistabelle - Modul einstellen | 08:18
- Preistabelle - CSS Stile | 11:43
- Preistabelle - Button & Feinschliff | 09:28
Slider
- CSS beim vollbreiten Slider | 33:27
Blog Modul
- Einführung | 01:20
- Die Elemente des Blogmoduls | 05:51
- Links im Post-Meta deaktivieren | 10:01
- Layout - Kleines Bild 01 | 08:27
- Layout - Kleines Bild 02 | 11:35
Sprechzeiten auf der Webseite
- Sprechzeiten auf der Webseite 1 | 11:42
- Sprechzeiten auf der Webseite 2 | 11:53
- Sprechzeiten auf der Webseite 3 | 08:40
Divi Navigation
- Die Subnavi gestalten 01 | 05:51
- Die Subnavi gestalten 02 | 08:51
- Pfeile zur Subnavi entfernen
CSS Quellen im Netz
- CSS Generatoren
- Browser Tools
- CSS Quellen zum üben und inspirieren
Schau Dir Videos aus dem Kurs an
Der Klick auf einen der Buttons öffnet ein Vimeo-Video
Was ist das Divi-Theme?
Das Divi-Theme ist nicht nur ein weiteres WordPress-Theme. Es ist eher wie ein Schweizer Taschenmesser für Webdesigner – vielseitig einsetzbar und randvoll mit Funktionen, die sonst nur in zahlreichen Plugins zu finden wären. Entwickelt von Elegant Themes, bietet Divi eine kraftvolle Drag-and-Drop-Baukastenfunktion, die es ermöglicht, visuell beeindruckende und hochfunktionale Websites zu erstellen, ohne dass man auch nur eine Zeile Code anfassen muss. Aber keine Sorge, auch für die Code-Akrobaten unter uns hält Divi genug Unterhaltung bereit, mit umfangreichen Anpassungsmöglichkeiten über das eigene CSS.
Stellen wir uns Divi als Lego für Erwachsene vor – aber statt Plastikbausteinen verwenden wir Module, Abschnitte und Reihen, um unsere digitale Landschaft zu gestalten. Mit einer umfangreichen Bibliothek an vorgefertigten Layouts und der Möglichkeit, eigene Designs zu speichern und wiederzuverwenden, macht Divi den Website-Aufbau nicht nur effizient, sondern auch erstaunlich anpassbar.
MySQL Facts & FAQ
Muss ich ein Programmierexperte sein, um den Divi Basic Kurs zu absolvieren?
Nein, absolut nicht. Der Kurs ist speziell für Einsteiger konzipiert, die lernen möchten, wie man mit Divi beeindruckende Websites ohne Programmierkenntnisse erstellt.
Was werde ich in diesem Kurs lernen?
Du lernst die Grundlagen von Divi kennen, darunter die Benutzung des Visual Builders, die Anpassung von Layouts und die Arbeit mit Modulen, um Inhalte visuell ansprechend zu gestalten.
Wie lange dauert der Kurs?
Der Kurs ist so gestaltet, dass er flexibel in deinen Zeitplan passt. Du kannst ihn in deinem eigenen Tempo absolvieren, aber die meisten Teilnehmer benötigen etwa zwei Wochen, um alle Inhalte durchzuarbeiten. Es stehen dir über 13 Stunden Video-Material zur Verfügung.
Die Grundlagen des visuellen Builders lernst du in 1-2 Stunden.
Benötige ich eine Divi-Lizenz, um den Kurs zu starten?
Ja, es ist empfehlenswert, eine Divi-Lizenz zu besitzen, damit du das Gelernte direkt in die Praxis umsetzen kannst. Der Kurs zeigt dir auch, wie du Divi installierst und aktivierst.
Mehr Divi Trainings für dich
Divi 4 Basic
Divi Pro
Divi Expert
Divi CSS
Divi Mobil
Divi Child
Divi KI
Divi Modul