Learnpress-Schulung

Learnpress – Kursinhaltsseite gestalten

Nimmt eine Person an einem von dir in Learnpress erstellten Kurs teilen, werden ihr die Lektionen und Quiz auf der Kursinhaltsseite angezeigt.

FĂ¼r diese gibt es in den Einstellungen keine Konfigurationsmöglichkeiten. Aus diesem Grund stelle ich dir auch dafĂ¼r Code zur VerfĂ¼gung, so dass du diese Seite an deine BedĂ¼rfnisse anpassen kannst.

Sollte dir eine Anpassungsmöglichkeit fehlen, dann kontaktiere mich mit deinen WĂ¼nschen, damit ich diese hier noch ergänzen kann.

Und solltest du generelle Hinweise zur Verwendung der Codes benötigen, dann schaue dir zunächst das Video im Beitrag Learnpress – Darstellung an deine Website anpassen an.

Inhalt

Sidebar-Breite anpassen

Die Sidebar wird in Learnpress tweilweise recht breit angezeigt. Je schmaler der Bildschirm bzw. die Auflösung, desto schmaler die Sidebar. Doch bei höheren Auflösungen ist die Sidebar mitunter zu breit.

Mit dem folgenden Code kannst du die Sidebar anpassen. Da dafĂ¼r mehrere Stellen angepasst werden mĂ¼ssen, ist der Code recht lang. Ersetze die hinterlegten „370px“ durch einen anderen Wert, um die Breite zu verkleinern oder zu vergrĂ¶ĂŸern.

Der Code wirkt sich ab einer Browser-Breite von 1281px aus, da bei einer niedrigeren Breite Learnpress automatisch die Breite der Sidebar verringert.

Code

				
					/* Learnpress-Kursinhaltsseite - Breite der Sidebar anpassen */
@media screen and (min-width: 1281px) {
#popup-header {
    left: 370px !important;
}
}
@media screen and (min-width: 1281px) {
#popup-sidebar {
    flex: 0 0 370px !important;
}
}
@media screen and (min-width: 1281px) {
#popup-sidebar .course-curriculum {
    width: 370px !important;
}
}
				
			

Suche ausblenden

Dieser Code entfernt das „Suchen“-Feld oben links auf der Kursinhaltsseite und lässt die Navigation höher rutschen. Dies kann besonders dann sinnvoll sein, wenn du keine Suchfunktion innerhalb der Kurse wĂ¼nschst.

Code

				
					/* Learnpress-Kursinhaltsseite - Suche ausblenden */
#popup-sidebar .course-curriculum {
    top: 0px !important;
}
#popup-sidebar .search-course {
    display: none !important;
}
				
			

Kommentar schreiben

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Weitere Artikel

Die grundlegenden Einstellungen fĂ¼r Learnpress vorzunehmen ist gerade am Anfang eine der aufwendigeren Aufgaben. Einmal erledigt, sind nachträgliche Anpassungen aber...
Learnpress bietet zwar ein eigenes Zahlungssystem, wenn du aber mehr Flexibilität benötigst, dann solltest du das kostenlose Woocommerce-Plugin als Zahlungssystem...
In Learnpress gibt es wenige Möglichkeiten, um auf die Darstellung Einfluss zu nehmen. Mithilfe von sogn. CSS-Code kannst du aber...

Weitere Tutorials

Yogagutschein im Online-Shop Bietet man auf der eigenen Website Gutscheine zum Verschenken an – bspw. fĂ¼r einen Yogakurs oder eine...
In diesem Tutorial zeige ich dir eine Möglichkeit, wie du direkt im Produkt-„Bearbeitungsmodus“ siehst, wer das Produkt bereits gekauft hat....
Wenn du Woocommerce als Zahlungssystem fĂ¼r Learnpress nutzt, stehst du vor der Herausforderung, dass beide Systeme E-Mails verschicken – bspw....
Newsletter abonnieren

Erhalte regelmĂ¤ĂŸig Informationen zu neuen Tipps und Tutorials.