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

Was ist Memcached? Memcached ist eine sehr performante Cache-Technologie. Die wichtigste Eigenschaft von Memcached ist, dass die Daten, anders als...
Neben der von Learnpress automatisch abgelegten Kursübersicht, kannst du bspw. in Elementor auch an jeder beliebigen Stelle auf deiner Website...
Elementor Form gestalten Zugegeben, das Elementor Form ist in seiner Ursprungsform nicht das schönste seiner Art. Ich habe auch schon...

Weitere Tutorials

Die Profilseite ist die Seite, auf der deine Teilnehmer u.a. ihre gebuchten Kurse finden. Learnpress Einstellungsmöglichkeiten für diese Seite sind...
Wenn du deine Online-Kurse unter Berücksichtigung der Kleinunternehmerregelung verkaufst, empfehle ich dir, einen entsprechenden Hinweis während der Bestellabwicklung aufzunehmen. Insbesondere...
Einleitung In diesem JetEngine-Tutorial zeige ich, wie man bestimmte Posttypen miteinander verknüpfen kann.  Das Tutorial richtet sich an WordPress-Nutzer, die...
Newsletter abonnieren

Erhalte regelmäßig Informationen zu neuen Tipps und Tutorials.