Wie kann ich den Divi Builder auf einer Kursseite nutzen?
In dieser Anleitung zeigen wir dir zwei Möglichkeiten, wie du den Divi Builder für deine Kursseiten nutzen kannst.
Für die optimale Darstellung haben wir auf der Kursseite die Sektionen mit einer blauen, die Zeilen mit einer grünen und die Module mit einer grauen Rahmenkante gestaltet.
INHALTSVERZEICHNIS
1. Divi Builder ohne Sidebar
Zu aller erst aktivieren wir den Divi Builder bei einem Kurs.
Wir empfehlen dir, alle Anpassungen mit dem Divi Builder immer im Frontend umzusetzen. Dafür rufen wir unseren bereits erstellten Kurs im Frontend auf und aktivieren den visuellen Builder von Divi.
Hast du noch nie mit dem Divi Builder gearbeitet, empfehlen wir dir das Video aus dieser Anleitung.
Standardmäßig wird der Divi Builder bei einem Kurs nur im Raster deiner Plattform aktiviert und kann daher auch nur innerhalb dieses Bereichs genutzt werden.
Hier die Ansicht aus Sicht eines Besuchers:
Hier die Ansicht aus Sicht eines eingeschriebenen Kurs-Teilnehmers:
Weiterhin sichtbar sind also der Kurs-Titel, die Kurs-Zugriffsbox (grau) und die Inhaltsübersicht des Kurses am Ende der Kursseite, welche sich automatisch aus den zugewiesenen Lektionen, Themen und Tests generiert.
HINWEIS
In diesem Beispiel ist in den allgemeinen Online Kurs Einstellungen das Design-Template "Benutzerdefiniertes Design" aktiviert. Dieses fügt u.a. einen Kurs-Fortschrittsbalken für eingeschriebene Teilnehmer auf der Kursseite hinzu. Mehr dazu in dieser Anleitung: Wie kann ich das Design der Online Kurse anpassen?
2. Divi Builder über die volle Breite
Um das ganzheitliche Divi Buider Erlebnis zu aktivieren, wie du es von den Seiten kennst, kannst du auch den Divi Builder über die gesamte Browser-Breite aktivieren.
Diese Einstellung ist eine globale Einstellung und wirkt sich daher auf alle deine Kurse aus, auf denen du den Divi Builder benutzt.
Gehe dazu im Backend zu "Design" > "Theme Optionen" > Reiter "Builder" und aktiviere bei "Divi Builder im Vollbildmodus aktivieren" die Option Kursseite:
Nach Speichern (Button "Änderungen speichern") wird der Divi Builder auf allen Kursseiten über die gesamte Browser-Fläche gestreckt:
Wie du siehst, wird bei Aktivierung dieser Option nun auch automatisch der Kurs-Titel, die Kurs-Zugriffsbox (grau) und der Kurs-Fortschrittsbalken (für eingeschriebene Kurs-Teilnehmer) komplett deaktiviert.
Davon unberührt bleibt weiterhin der Abschnitt "Kurs Inhalt". Eine gestalterische Anpassung mit Divi ist leider nicht möglich, da diese Inhalte vom Online Kurs Tool automatisch generiert werden.
Nutze das Divi Modul "Posttitel", um den Kurs-Titel auf der Produktseite auszugeben.
Nutze das Divi Modul "Text" und den folgenden Shortcode, um den Kurs-Fortschrittsbalken anzeigen zu lassen:
[learndash_course_progress]
Du kannst nun das ganzheitlich Divi Builder Erlebnis erfahren – nutzbspw. auf deiner Kursseite eine fertige Layout-Vorlage von Divi! Lese hier weiter.