Divi 4 Basic

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.

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 Einblick: Erhalte wertvolle Einblicke in die Nutzung von Divi, um beeindruckende Webdesigns zu erstellen. Allerdings 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.
Onlinekurs Divi Basic - Grundlagen zum Divi Theme
ca. 14 Stunden 12 Minuten Video-Material

​Alle Lektionen auf einen Blick

WordPress und Divi

  • Was ist Wordpress? | 04:16
  • Was ist Divi? | 04:37
  • Wordpress installieren | 09:40
  • Divi installieren | 10:18
  • Der Elegant Themes Account | 03:23
  • Grundeinstellungen Wordpress | 14:59

Wichtiges vorab

  • Die Vorbereitung einer Webseite
  • Die Konzeption einer Webseite
  • Wie fange ich an? | 12:01
  • Grundeinstellungen | 03:31
  • Den Divi Builder einstellen | 07:03
  • Gutenberg-Fragmente | 11:20

Dashboard & Quick-Sites

  • Das Divi Dashboard | 02:32
  • Divi Quick-Sites - AI | 09:15
  • Divi Quick Sites - Vorlagen | 04:53

Arbeiten mit dem Divi Builder

  • Inhalte aufbauen | 02:45
  • Den Divi Builder einstellen | 13:07
  • Sektionen | 11:45
  • Reihen und Spalten | 9:56
  • Inhalt, Design & Erweitert | 06:26
  • Bearbeitungsverlauf | 05:45
  • Ebenen | 05:36
  • Tastaturkürzel | 03:23

Theme-Optionen

  • Theme-Optionen General | 29:04
  • Theme-Optionen Pagespeed | 28:00
  • Die Theme-Optionen Navigation | 08:15
  • Die Theme-Optionen Builder | 03:32
  • Die Theme-Optionen Layout | 05:00
  • Die Theme-Optionen Ads | 01:50
  • Die Theme-Optionen SEO | 06:23
  • Die Theme-Optionen Integration | 03:12
  • Das Support Center
  • Technische Grundvoraussetzungen

Theme Customizer

  • Allgemeine Einstellungen | 10:44
  • Header & Navigation | 08:12
  • Footer | 05:10
  • Schaltflächen | 05:43
  • Blog | 01:43
  • Mobile Designs | 02:48
  • Farbschemata | 01:02
  • Menüs | 02:04
  • Widgets | 05:13
  • Startseiten-Einstellungen | 01:09
  • Zusätzliches CSS | 04:42
  • Modulmodifikator | 02:27

Divi Builder - Inhalte erstellen

  • Module | 07:02
  • Ränder | 03:27
  • Filter | 09:41
  • Schatten | 05:04
  • Projekte | 10:01

Die wichtigsten Module

  • Die Divi Module | 02:55
  • Die vollbreiten Module | 03:03
  • Die Shop Module | 04:39
  • Modul Text | 12:10
  • Modul Bild | 08:23
  • Modul Informationstext | 08:14
  • Modul Blog | 07:11
  • Modul Slider | 07:29
  • Modul Post-Slider | 05:11
  • Modul Handlungsaufruf

Divi Builder Design

  • Allgemeines | 01:47
  • Zwischenraum | 10:00
  • Rand | 09:48
  • Box Schatten | 05:13
  • Filter | 03:53
  • Überblendungen | 04:45
  • Transformieren | 05:41
  • Animation | 09:14

Backgrounds in Divi

  • Farben und Farbverläufe | 21:51
  • Bilder & Grafiken | 14:15
  • Paralaxe | 07:03
  • Paralaxe mit Farben | 06:00
  • Muster und Masken | 17:42

Divi Builder Erweitert

  • Erweitert - Allgemeines | 02:17
  • Erweitert - CS ID & Klassen | 08:21
  • Erweitert - Benutzerdefiniertes CSS | 04:56
  • Erweitert - Conditions / Bedingungen | 10:33
  • Erweitert - Sichtbarkeit | 08:08
  • Erweitert - Übergänge | 05:01
  • Erweitert - Position | 19:35
  • Erweitert - Scroll Effects | 13:11
  • Erweitert - Sticky Options | 15:28

Theme Builder

  • Theme Builder - Einleitung | 05:05
  • Theme Builder - Globaler Header | 10:00
  • Theme Builder - Globaler Footer | 09:33
  • Theme Builder - Globaler Body | 06:37
  • Theme Builder - Beitragslayout | 10:24
  • Theme Builder - Archivseiten | 04:15
  • Theme Builder - Eigener Posttype | 10:17
  • Theme Builder - 404 | 07:04
  • Theme Builder - Suchergebnis-Seite | 05:56
  • Q&A - Divi Mastermind | 76:54

Mehr Funktionen

  • Premade Layouts | 04:13
  • Die Divi-Blibliothek | 05:33
  • Der Rolleneditor | 03:24
  • Globale Farben in Divi | 16:05
  • Rank Math - SEO-Erweiterung | 10:13

Divi Layout Packs

  • Grafiken der Layoutpacks verwenden und anpassen | 30:45

Fehler in Divi

  • Der Builder lädt nicht

Divi Tricks

  • Abstände der Elemente | 11:36
  • Bildgrößen in Divi | 15:55
  • Mega-Menüs | 09:20
  • Favicons für alle Medien | 07:15

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

Onlinekurs Divi Basic - Grundlagen zum Divi Theme

Divi 4 Basic

Onlinekurs Divi Modul - Die Module im Überblick

Divi 5 Basic

Onlinekurs Divi Pro - Aufbaukurs zum Divi Theme

Divi Pro

Onlinekurs Divi Expert

Divi Expert

Onlinekurs Divi CSS - CSS professionell in Divi anwenden

Divi CSS

Onlinekurs Divi Mobil - Responsives Webdesign mit dem Divi-Theme

Divi Mobil

Onlinekurs Divi Child Theme - Das Divi Theme um eigene Funktionen erweitern.

Divi Child

Onlinekurs Divi KI - Künstliche Intelligenz im Divi-Theme

Divi KI

Onlinekurs Divi Modul - Die Module im Überblick

Divi Modul