Lektionen gestalten (Style Editor)

Verfügbare Geräte

Valamis-Lektionen können auf diversen Geräten mit verschiedenen Bildschirmgrößen betrachtet werden. Wenn Sie möchten, dass Ihre Lerner mobile Geräte nutzen, dann stellen Sie sicher, dass Ihre Inhalte auf jeder Bildschirmgröße gut aussehen.

Öffnen sie die EInstellungen und wählen Sie Geräte festlegen. Es gibt vier verfügbare Typen: Mobil, Tablet, Desktop (5:4) und Widescreen.

Aktivieren Sie diejenigen, die Sie möchten und kehren Sie zum Verfassen Ihrer Lektion zurück.

In der oberen rechten Ecke können Sie das Gerät auswählen und den Inhalt darauf basierend anpassen.

Die Änderungen der Position und Größe eines Elements werden nicht auf andere Geräteansichten übertragen, also passen Sie sie an, wie Sie sie brauchen.

Style Editor und Themes (Motive)

Der Style Editor kann durch einen Klick auf die Pinsel-Schaltfläche geöffnet werden.

Style Editor und Themes (Motive)

Hier können Sie das Erscheinungsbild Ihrer Lektionen im Detail anpassen, z. B. Elementfarben, Text Fonts und mehr. Es wird eine Vorschau mit Beispielen für verschiedene Elemente und Textstile, wie Überschriften und Listen, angezeigt.

Hier können Sie das Erscheinungsbild Ihrer Lektionen im Detail anpassen

Die linke Seitenleiste listet die Elemente auf, die individuell gestaltet werden können.

Die rechte Seitenleiste beinhaltet die Werkzeuge, um das Aussehen des ausgewählten Elements zu verändern.

Hintergrundbilder, die bereits in der Lektion verwendet werden, können schnell aus der Verfügbare Hintergrundbilder-Sektion erreicht werden.

Verfügbare Hintergrundbilder

Hintergrundbilder können auf verschiedene Weisen auf einer Seite angepasst werden: Originalgröße, AusfüllenAnpassen, Vergrößen, Kachel.

Gerätevorschauen lassen Sie überprüfen, wie Ihre Gestaltung auf verschiedenen Geräten aussehen wird. Alle Änderungen am Erscheinungsbild gelten für sämtliche aktivierten Geräte für diese Lektion.

Erweitertes CSS

Sie können außerdem zusätzliches CSS verwenden, um die Elemente anzupassen, die der Style Editor nicht abdeckt.

Klicken Sie auf die Schaltfläche Erweitertes CSS im Style Editor und fügen Sie die CSS-Eigenschaften in dem Feld hinzu.

Speichern Sie Ihre Einstellungen.