Wie mache ich einen Online-Kurs auf meiner Seite sichtbar?

Mit Hilfe eines Shortcodes kannst du eine kompakte Übersicht all deiner Online Kurs im Frontend auf einer Seite sichtbar machen:

In dieser Anleitung stellen wir dir zwei Shortcodes vor, die du hierfür nutzen kannst.

INHALTSVERZEICHNIS
  1. Shortcode [ld_course_list]
    1. Einbinden des Shortcodes im Backend
    2. Einbinden des Shortcodes im Frontend
    3. Erweiterungen des Shortcodes
  2. Shortcode [learndash_course_grid]
    1. Erweitertungen (Parameter) des Shortcodes

Login Spreadmind Plattform

Um einen Online-Kurs auf deiner Seite sichtbar zu machen, loggst du dich zunächst im Backend deiner Spreadmind Plattform ein. Wie das geht, erfährst du in dieser Anleitung.

1. Shortcode [ld_course_list]

Der Shortcode [ld_course_list] kann auf jeder beliebigen Seite deiner Spreadmind Plattform eingebunden werden, egal ob direkt auf der Startseite oder einer Landingpage. Dieser Shortcode zeigt dir eine kompakte Listenübersicht aller veröffentlichten Kurse an. Das kann bspw. so aussehen:

Standardmäßig zeigt der Shortcode die Kurse in einem 3-spaltigen Raster dar (auch wenn es nur einen veröffentlichten Online Kurs gibt). Über eine Erweiterung des Shortcodes lässt sich das Raster beeinflussen.

Zudem zeigt der Shortcode automatisch das verknüpfte Beitragsbild, den Kurstitel sowie die Kurzbeschreibung des Kurses und den Button “Mehr erfahren...” an. Klickt der Besucher entweder auf das Beitragsbild oder den Button, so wird er per Link zur Kursseite weitergeleitet:

Dadurch, dass diese Kurs-Übersicht aus einem Shortcode generiert wird, kann das Design oder der Text nicht über den Divi Builder angepasst werden.

Der Shortcode gibt also folgende Inhalte aus:

  • Beitragsbild
  • Kurs-Titel
  • Kurs Kurzbeschreibung
  • Button zur Kursseite

Beitragsbild:
Dies kannst du im Backend unter "Online Kurs" > "Kurse" im Bearbeitungsmodus des Kurses bei der Optionen-Box "Beitragsbild" hinterlegen.

Eine ausführliche Anleitung findest du hier: Wie füge ich ein Kurs-Vorschaubild ein?

Kurs-Titel:
Du kannst den Kurs-Titel jederzeit bearbeiten, in dem du im Backend unter "Onlie Kurs" > "Kurse" in den Bearbeitungsmodus deines Kurses gehst.

Kurs Kurzbeschreibung:
Diese Kurzbeschreibung legst du in den Kurs-Einstellungen fest. Diese findest du im Backend unter "Online Kurs" > "Kurse" im Bearbeitungsmodus des Kurses unter dem Reiter "Einstellungen" bei der Optionen-Box "Erweiterte Kurs Optionen".

Eine ausführliche Anleitung findest du hier: Wie füge ich eine Kurs-Kurzbeschreibung ein?

Button "Mehr erfahren...":
Standardmäßig lautet der Button "Mehr erfahren..." und leitet immer zur jeweiligen Kursseite weiter. Du kannst den Button-Text spezifisch für jeden Kurs anpassen. Gehe dazu im Backend zu "Online Kurs" > "Kurse" in den Bearbeitungsmodus des Kurses und dort zum Reiter "Einstellungen" zur Optionen-Box "Erweiterte Kurs Optionen". Die Option lautet Button Text "Mehr erfahren..." ändern. Dort kannst du einen eigenen Button-Text hinterlegen.

1.1 Einbinden des Shortcodes im Backend

Den Shortcode [ld_course_list] kannst du überall auf deiner Spreadmind Plattform einbinden, entweder in den Standard-Editor im Backend: 

1.2 Einbinden des Shortcodes im Frontend

Oder direkt in ein Text-Modul des Divi Builders im Frontend:

1.3 Erweiterungen (Parameter) des Shortcodes

Der Shortcode [ld_course_list] akzeptiert gewisse Parameter, um die Darstellung der Kurse zu beeinflussen. So kann bspw. der Parameter col="2" hinzugefügt werden, damit die Kurse in einem 2-spaltigen Raster angezeigt werden. col steht für das englische Wort "column" = Spalte. Im Frontend vergrößert sich die Darstellung der Online-Kurse durch den Parameter col="2" wie folgt:

[ld_course_list col="2"] <br>

Eine ausführliche Liste aller akzeptierter Parameter der Shortcodes findest du in dieser Anleitung: Kurs Shortcodes

2. Shortcode [learndash_course_grid]

Der Shortcode [learndash_course_grid] kann ebenfalls auf jeder beliebigen Seite deiner Spreadmind Plattform eingebunden werden, egal ob direkt auf der Startseite oder einer Landingpage. Dieser Shortcode zeigt dir eine moderne kompakte Listenübersicht aller veröffentlichten Kurse an. Aber auch die Kurs-Dauer wird über diesen Shortcode angezeigt. Das kann bspw. so aussehen:

Das Einbinden des Shortcodes erfolgt genau gleich, wie oben für den Shortcode [ld_course_list] beschrieben. Füge einfach den Shortcode [learndash_course_grid] im Backend im Standardeditor oder im Frontend in ein Divi Modul ein. 

Standardmäßig gibt dieser Shortcode also folgende Inhalte aus:

  • Beitragsbild
  • Kurs-Titel
  • Autor des Kurses
  • Kategorie, Kurs-Kategorie sowie Schlagwort oder Kurs-Schlagwort
  • Kurs-Dauer
  • Gesamtzahl der Lektionen im Kurs
  • Gesamtzahl der Tests im Kurs

Beitragsbild:
Dies kannst du im Backend unter "Online Kurs" > "Kurse" im Bearbeitungsmodus des Kurses bei der Optionen-Box "Beitragsbild" hinterlegen.

Eine ausführliche Anleitung findest du hier: Wie füge ich ein Kurs-Vorschaubild ein?

Kurs-Titel:
Du kannst den Kurs-Titel jederzeit bearbeiten, in dem du im Backend unter "Onlie Kurs" > "Kurse" in den Bearbeitungsmodus deines Kurses gehst.

Autor des Kurses:
Der Autor des Kurses ist meist der Admin der Spreadmind Plattform selbst. Sollte es mehrere Admin-Benutzer geben, kann der Autor des Kurses auch nachträglich angepasst werden. Gehe dazu im Backend zu "Online Kurs" > "Kurse" und klicke beim betroffenen Kurs auf "Quickedit" (erscheint, sobald du mit der Maus über die Zeile fährst). Bei der Option "Autor" kannst du dann einen anderen Admin als Autor hinterlegen.

Kurs-Dauer:
Die Kurs-Dauer kann im Backend im Bearbeitungsmodus des Kurses unter dem Reiter "Einstellungen" bei der Optionen-Box "Erweiterte Kurs Optionen" eingestellt werden:

OBACHT:

Die Kurs-Dauer kann nur über den Shortcode [learndash_course_grid] ausgegeben werden. Nutzt du den Shortcode [ld_course_list], kann die Kurs-Dauer darüber nicht angezeigt werden.

2.1 Erweiterungen (Parameter) des Shortcodes

Der [learndash_course_grid] Shortcode unterscheidet sich zum anderen Shortcode vor allem darin, dass dieser mit verschiedenen Design-Templates kommt, die über den Parameter card="grid-1" definiert werden können. Für den card Parameter sind folgende Werte möglich: grid-1 (Standard), grid-2 und grid-3. Nachfolgend ein paar Beispiele:

[learndash_course_grid card="grid-1"] (Standard) zeigt im Frontend:

[learndash_course_grid card="grid-2"] zeigt im Frontend:

[learndash_course_grid card="grid-3"] zeigt im Frontend:

Brauchst du noch weitere Hilfe? Kontaktiere das Spreadmind Support Team Kontaktiere das Spreadmind Support Team