Wie nutze ich den E-Learning Modus bei meinen Online Kursen?

Der E-Learning Modus bei den Online Kursen hat das Ziel, alle unwichtigen Elemente aus der Kurs-Ansicht zu entfernen und den Teilnehmer ablenkungsfrei durch den Kurs zu führen, um dessen Lernergebnis zu steigern.

Wo greift der E-Learning Modus?

Der E-Learning Modus greift global bei den folgenden Inhalten aller Online Kurse:

• Lektionen
• Themen
• Tests
• Hausaufgaben

Die Kursseite ändert sich nicht. Hier wird weiterhin das Standard Layout/Design dargestellt.

Was bewirkt der E-Learning Modus?

Wenn der E-Learning Modus aktiviert wird, treten im Frontend deines Online Kurses folgende Veränderungen auf:

✅ Der E-Learning Modus ist responsive und greift bei allen mobilen Endgeräten (Desktop, Tablet & Smartphone)

✅ Die Hauptnavigation (inkl. Logo) und der Footer werden auf den kursinternen Seiten (Lektionen, Themen, Tests, Hausaufgaben) automatisch ausgeblendet

✅  Ist eine Sidebar vorhanden gewesen, so wird auch diese automatisch ausgeblendet

✅  Die Kurs Navigation (Übersicht der Kursinhalte) ist in einer interaktiven Sidebar sichtbar

✅ Der Kurs-Fortschritt ist im "neuen" Header immer sichtbar

✅ Link zur vorherigen/nächsten Lektion wird im "neuen" Header angezeigt

✅ Der Button "Als vollständig markieren" wird ebenfalls im neuen Header angezeigt

✅ Der Teilnehmer-Avatar wird inkl. einem automatisch erstelltem Drop-Down-Menü (Link zur Kursseite & Logout) im neuen Header angezeigt

So sieht der E-Learning Modus auf der Desktop-Ansicht aus:

So auf einem mobilen Endgerät:

E-Learning Modus aktivieren

Es gibt zwei wichtige Voraussetzungen, damit du den E-Learning Modus nutzen kannst:

1

In den allgemeinen Einstellungen der Online Kurse (Backend "Online Kurs" > "Einstellungen" > Registerkarte "Allgemein") musst du das Template "Benutzerdefiniertes Design" aktivieren. Hier geht es zur ausführlichen Anleitung: Wie kann ich das Design der Online Kurse anpassen?

2

Die Option "E-Learning Modus" muss aktiviert sein.

E-Learning Modus Breite des Inhalts

Ist der E-Learning Modus aktiviert, hast du zusätzlich die Möglichkeit, die Breite des Inhalts festzulegen. Diese Breite bezieht sich auf den Inhaltscontainer deiner Lektion, deines Themas, Hausaufgabe oder Tests – nicht aber die Gesamtbreite des E-Learning Modus. Dieser geht standardmäßig über die gesamte Browser-Breite. 

Mögliche Werte sind: 

• Standard (960px)
• Schmal (768px)
• Breit (1180px)
• Extra Breit (1600px)
• Volle Breite

Logo hochladen

Da der Webseiten-Header mit Logo und Hauptnavigation ausgeblendet wird, sobald der E-Learning Modus aktiviert ist, hast du hier die Möglichkeit, dein Logo hochzuladen. Dieses wird dann auf allen Inhaltsseiten des Kurses oben links im "neuen" Header angezeigt.

So kannst du dein eigenes Logo verwenden:

1

Gehe im Backend deiner Webseite zu "Online Kurs" > "Einstellungen" > Registerkarte "Allgemein".

2

Bei der Box "Design & Elemente deines Kursbereichs" klickst du bei der Option "Logo hochladen" auf den Button "Bild auswählen".

3

Im nächsten Schritt kannst du ein bereits hochgeladenes Logo aus deiner Mediathek einfügen oder ein neues Logo hochladen.

4

Vergewissere dich, die Einstellungen zu speichern.

Das "Kurs-Logo" ist automatisch mit der Startseite deiner Spreadmind Webseite verlinkt.

Interne Kurs-Navigation im E-Learning Modus

Ist der E-Learning Modus aktiviert, gibt es ein eigene Kurs-Navigation, welche erscheint, sobald man mit der Maus über das Profil-Bild oben rechts fährt. Standardmäßig führt diese Navigation zwei Menüpunkte:

• Kurs Startseite = leitet den Teilnehmer/eingeloggten Benutzer zurück zur Kursseite
• Logout = meldet den Teilnehmer/eingeloggten Benutzer von deiner Spreadmind Webseite ab

Menüpunkt hinzufügen

Du hast die Möglichkeit, auch noch eigene Menüpunkte hinzuzufügen:

1

Gehe dazu im Backend deiner Spreadmind Webseite zu "Webseite" > Menüs".

2

Klicke auf den Link "erstelle ein neues Menü" .

3

Achte darauf, dass unten bei den "Menü-Einstellungen" dein neu erstelltes Menü dem "Online Kurs: E-Leardning Modus Dropdown" zugewiesen ist.

4

Füge nun deine gewünschten Menüpunkte hinzu.

5

Speicher die Anpassung über den orangenen Button "Menü speichern".

Jeden Inhalt, den du diesem Menü hinzufügst, wird im Frontend bei der Kurs-Navigation automatisch zwischen den beiden Standard-Menüpunkten Kurs Startseite und Logout platziert: 

E-Learning Modus vs. Divi Builder – wann nutze ich was?

Der E-Learning Modus bringt ein modernes Kurs-Design mit sich und erlaubt es dir dadurch, gänzlich auf den Divi Builder verzichten zu können. Unsere Empfehlung ist, bei deinen Lektionen und Themen nicht den Divi Builder zu nutzen, wenn du den E-Learning Modus aktiviert hast. 

Nichtsdestotrotz hast du die Möglichlkeit, deine Lektionen mit Divi aufzubauen. Allerdings verhält sich der Divi Builder anders, wenn der E-Learning Modus aktiviert ist. Die Sektionen des Divi Builders werden nur innerhalb des Standard Content-Bereiches dargestellt. Anders als bei einer Seite also, nimmt der Divi Builder nicht den gesamten Raum ein. 

Nachfolgend ein Beispiel eines Kurses. Der E-Learning Modus ist aktiviert.

Ansicht der Lektion ohne Divi Builder

Der Divi Builder ist nicht aktiviert. Es wird der Standard-Editor genutzt:

Ansicht der Lektion mit Divi Builder

Der Divi Builder ist aktiviert. Die einzelnen Abschnitte (= Sektionen) werden ausschließlich innerhalb des Content-Bereichs dargestellt:

FAQ

Ist es möglich, die Kommentarfunktion im E-Learning Modus zu aktivieren?

Ja. Du kannst die Kommentarfunktion bei deinen Kursinhalten nachträglich aktivieren. Wenn du bspw. diese bei deinen Lektionen aktivieren möchtest, gehst du folgendermaßen vor: 

1

Gehe im Backend zu "Online Kurs" > "Lektionen" und dort zu der Registerkarte "Einstellungen".

2

Gehe zu der Box "Benutzerdefinierte Lektion Einstellungen".

3

Stelle sicher, dass bei der Option "Weitere Optionen zulassen" der Haken bei "Kommentare" gesetzt ist.

4

Speicher die Anpassung oben rechts über den Button "Speichern".

Visueller Builder von Divi lädt nicht bei einer Lektion oder einem Thema

Ist der E-Learning Modus aktiviert und du aktivierst im Frontend bei einer Lektion den visuellen Builder von Divi, kann es u.U. vorkommen, dass Divi nicht geladen wird. Es erscheint lediglich eine weiße Seite und das Lade-Rädchen dreht sich und dreht sich: 

Ursache dafür ist, dass zum aktuellen Zeitpunkt der Divi Builder Probleme hat, wenn bei einer Lektion oder einem Thema die Kommentarfunktion aktiviert ist. Wird diese deaktiviert, kann der visuellen Builder von Divi im Frontend erfolgreich genutzt werden. 

Du kannst entweder nun nur für diese spezielle Lektion oder Thema die Kommentarfunktion deaktivieren oder du deaktivierst die Kommentarfunktion global für alle Lektionen und alle Themen. 

Globale Deaktivierung der Kommentare bei Lektionen:

1

Gehe im Backend zu "Online Kurs" > "Lektionen" und dort zu der Registerkarte "Einstellungen".

2

Gehe zu der Box "Benutzerdefinierte Lektion Einstellungen".

3

Stelle sicher, dass bei der Option "Weitere Optionen zulassen" der Haken bei "Kommentare" NICHT gesetzt ist.

4

Speicher die Anpassung oben rechts über den Button "Speichern".

Globale Deaktivierung der Kommentare bei Themen: 

1

Gehe im Backend zu "Online Kurs" > "Themen" und dort zu der Registerkarte "Einstellungen".

2

Gehe zu der Box "Benutzerdefinierte Lektion Einstellungen".

3

Stelle sicher, dass bei der Option "Weitere Optionen zulassen" der Haken bei "Kommentare" NICHT gesetzt ist.

4

Speicher die Anpassung oben rechts über den Button "Speichern".

Deaktivierung der Kommentare speziell bei einer Lektion oder einem Thema:

1

Gehe im Backend zu "Online Kurs" > "Lektionen" oder "Themen" und klicke auf  "Bearbeiten", um den Bearbeitungsmodus der Lektion / des Themas aufzurufen.

2

Gehe zu der Optionen-Box "Diskussion". Solltest du diese nicht sehen können, so stelle rechts oben über den Tab "Ansicht anpassen" sicher, dass der Haken bei der Option gesetzt ist.

3

Stelle sicher, dass der Haken bei "Kommentare erlauben" NICHT gesetzt ist (siehe Bild unten).

4

Speicher die Anpassung oben rechts über den Button "Aktualisieren".