Wie kann ich das Standard Design der Online Kurse anpassen?

Deine Spreadmind Webseite nutzt für das Online Kurs Tool das Standard-Design. Die Kursinhalte (Kursseite, Lektionen, Themen usw.) werden im klassischen Blog-Design dargestellt. 

Du hast nun die Möglichkeit, in den allgemeinen Kurs-Einstellungen dieses Standard-Design mit nur wenigen Klicks ein wenig aufzupeppen. Hier zeigen wir, wie genau das geht und wo im Frontend Veränderungen an deinen Online Kursen auftreten.

1. Aktives Template: Standard & Benutzerdefiniertes Design

Standard Kurs Design

Wie bereits erwähnt, nutzt das Online Kurs Tool als aktives Template standardmäßig das "Standard Design". So sieht beispielsweise die Kursseite aus (aus sicht eines eingeloggten Teilnehmers):

Und so die Lektionen in diesem Kurs:

Die Seite "Mein Konto" mit den eingeschrieben Kursen eines Bentuzers: 

Benutzerdefiniertes Kurs Design

Ist das "Benutzerdefinierte Design" als aktives Template hinterlegt, so greift dieses global bei all deinen Kursen und deren Inhalten. So sieht beispielsweise die Kursseite aus (aus sicht eines eingeloggten Teilnehmers), nachdem das "Benutzerdefinierte Design"-Template aktiviert wurde:

Und so die Lektionen in diesem Kurs:

So sieht übrigens die Kursseite aus Sicht eines Besuchers (nicht eingeloggt) aus:

Die Seite "Mein Konto" mit dem benutzerdefinierten Kurs Design:

Du siehst, dass das Grunddesign ein wenig aufgepeppt wird und moderner wirkt. Weiterhin hast du auch die Möglichkeit, diese neuen Elemente ganz nach deinem Geschmack anzupassen.

2. Template "Benutzerdefiniertes Design" aktivieren

1

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

2

Bei der Box "Design & Elemente deines Kursbereichs" wählst du bei "Aktives Templates" nun das "Benutzerdefinierte Design" aus.

3

Es erscheinen innerhalb dieser Box weitere Optionen.

2.1 Farben

Du kannst nun die Farben von drei grundlegenden Elementen des neuen Kurs-Designs definieren:

• Akzentfarbe = Das ist Hauptfarbe des benutzerdefinierten Designs (Buttons, Aktionselemente, E-Learning Modus, usw.).
• "Fortschritt" Farbe = Die Farbe, welche für die Fortschritts-Elemente in einem Kurs genutzt werden (Fortschrittsbalken, als vollständig markierte, Zertfifikat-Buttons etc.).
• Hinweise, Warnungen, etc. = Die Farbe, welche für Warnhinweise oder allgmeine Hinweise genutzt wird.

2.2 E-Learning Modus (optional)

Der E-Learning Modus 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.

Hier geht es zur ausführlichen Anleitung: Wie nutze ich den E-Learning Modus bei meinen Online Kursen?

2.3 Login auf Kursseite (Aktivierung wird empfohlen)

Auf deiner Kursseite wird mit dem neuen Kurs-Design automatisch eine graue Box hinzugefügt, über welche ein Benutzer-Login möglich ist:

Hast du die Option im Backend nicht aktiviert, so wird ein Besucher auf die Login-Seite für das Backend weitergeleitet (deinedomain.spreadmind.de/wp-admin). Das sieht natürlich alles andere als schön aus. 

Hast du im Backend aber die Option aktiviert, so erscheint nach Klick auf den Link "Benutzer-Login" ein Login-Popup direkt auf der Kursseite:

2.4 Logo

Das Hochladen eines Logos ist optional, aber wenn du entweder die Login-Option oder den E-Learning Modus aktiviert hast, empfehlen wir, dein Logo hier erneut hochzuladen:

Bei dem Login-Popup wird das Logo unterhalb des Formulars platziert:

Beim aktivierten E-Learning Modus taucht das Logo im "neuen" Kurs-Header auf und ist mit der Startseite deiner Spreadmind Webseite verlinkt: 

Hier geht es zur ausführlichen Anleitung: Wie nutze ich den E-Learning Modus bei meinen Online Kursen?

3. Änderungen speichern

Vergewissere dich, dass du alle Anpassungen an den Einstellungen entsprechend speicherst: