Einführung
Das Erscheinungsbild Ihrer Plattform besteht aus einer Reihe von Schnittstellenelementen, die Sie als Superadmin anpassen können, um das Lernerlebnis und die allgemeine Benutzererfahrung Ihrer Plattform sowohl auf dem Desktop als auch auf dem Handy zu optimieren. Diese Elemente können global oder für einzelne Clients des Extended Enterprise festgelegt werden. Einige dieser Elemente umfassen die Kopf- und Fußzeile, benutzerdefinierte CSS, welche Schaltflächen auf der Anmeldeseite angezeigt werden, und mehr.
In diesem Artikel wird beschrieben, wie Sie das Branding und das Erscheinungsbild Ihrer Desktop-Plattform konfigurieren. Erfahren Sie mehr über die Konfiguration für Mobilgeräte.
Zugreifen auf Ihre Erscheinungsbildeinstellungen
Um zum Erscheinungsbildverwaltungsbereich Ihrer Plattform zu gelangen, rufen Sie das Admin-Menü über das Zahnradsymbol in der oberen rechten Ecke Ihrer Plattform auf und klicken Sie dann im Abschnitt Einstellungen auf die Schaltfläche Branding und Erscheinungsbild konfigurieren. Die Seite zeigt standardmäßig die Registerkarte Desktop an. Gehen Sie durch jeden Abschnitt der Konfigurationsseite, um das Thema wie gewünscht anzupassen.
Anpassen von Kopfzeilen
Im Abschnitt Kopfzeile können Sie die Plattform mit Titel, Kopfzeilenmeldung, Logo und Favicon anpassen. Bitte beachten Sie, dass Sie die Textfelder in diesem Abschnitt in mehreren Sprachen erstellen können, indem Sie die Mehrsprachenauswahl verwenden, die über das Globussymbol in der oberen rechten Ecke des Abschnitts zugänglich ist. Erfahren Sie mehr über die Mehrsprachenauswahl.
Beginnen Sie im ersten Abschnitt, Seitentitel. Verwenden Sie das entsprechende Textfeld, um den Titel Ihrer Plattform einzugeben. Er wird in den Registerkarten des Browsers und in der oberen Leiste auf der Startseite Ihrer Plattform angezeigt. Bitte beachten Sie, dass es für dieses Textfeld ein Limit von 1000 Zeichen gibt, bevor es durch eine Ellipse abgeschnitten wird.
Markieren Sie dann die Option, um eine Kopfzeilenmeldung im entsprechenden Abschnitt zu aktivieren. Wenn diese Option aktiviert ist, können Sie Ihre Kopfzeilenmeldung in das Textfeld unten eingeben. Dies könnte Ihr Firmenslogan, Ihre Vision usw. sein. Über die Symbolleiste oben im Textfeld kann der Text beliebig bearbeitet werden. Die Kopfzeilenmeldung wird unter Ihrem Logo auf Ihrer Plattform sowie auf der Anmeldeseite angezeigt. Bitte beachten Sie, dass es für dieses Textfeld ein Limit von 340 Zeichen gibt, bevor es durch eine Ellipse abgeschnitten wird.
Drücken Sie im Abschnitt Logo auf die Schaltfläche Ihr Logo hochladen, um ein Bild für das Logo auszuwählen. Um gute Leistungen beim Laden von Seiten zu gewährleisten und Probleme mit Funktionen wie Berichten zu vermeiden, empfehlen wir, ein maximal 380x72px Logo-Bild hochzuladen und sicherzustellen, dass die Bildhöhe nicht kleiner als 36px ist. Die maximale Bilddateigröße beträgt 2MB und die erlaubten Formate sind JPG, PNG, JPEG und GIF. Ihr neues Logo wird dann in der oberen linken Ecke der Plattform angezeigt. Sie können auch ein benutzerdefiniertes Favicon hochladen. Dies ist das Symbol, das auf den Registerkarten des Browsers und in der oberen Leiste angezeigt wird. Drücken Sie die Schaltfläche Ihr Favicon hochladen und wählen Sie dann ein 16×16 png-Bild von Ihrem Computer aus. Bitte beachten Sie, dass es bei der Anzeige des Favicons zu Problemen kommen kann, wenn man Safari verwendet, da Safari das dynamische Laden von Favicons einschränkt.
Sie können das Globussymbol in der oberen rechten Ecke dieses Abschnitts verwenden, um die Kofpzeilenmeldung in mehreren Sprachen zu erstellen, indem Sie die Mehrsprachenauswahl der Plattform verwenden. Der Seitentitel kann jedoch nur in einer Sprache hinzugefügt werden.
Anpassen der Anmeldeseite
Markieren Sie im Abschnitt Hintergrund der Anmeldeseite welche Art von Hintergrund Sie möchten. Wenn Sie die Option mit einem Farbhintergrund kennzeichnen, wählen Sie die Farbe mit dem Werkzeug, das unten angezeigt wird, oder geben Sie den entsprechenden HEX-Code ein.
Wenn Sie die Option zum Hinzufügen eines Hintergrundbilds in voller Breite markieren, klicken Sie auf Ihr Bild hochladen. Die unterstützten Formate sind JPG und PNG. Die empfohlene Auflösung beträgt 1280×720 px und die maximale Dateigröße beträgt 10 MB. Wenn Sie das Bild löschen möchten, wählen Sie das rote Papierkorbsymbol.
Wenn Sie einen öffentlichen Katalog auf der Registerkarte Kurskatalog im Menü Erweiterte Einstellungen aktiviert haben, beachten Sie bitte, dass nur der Farbhintergrund und das Hintergrundbild verfügbar sind, während das Hintergrundvideo nicht verfügbar ist. Wenn Sie einen öffentlichen Katalog in Ihrer Plattform aktiviert haben (oder dies planen), sollten Sie ein kleineres Bild verwenden, da der für das Hintergrundbild vorgesehene Bereich teilweise vom Katalogbereich überlagert wird.
Wenn Sie die Option zum Hinzufügen eines Hintergrundvideos in voller Breite markieren, klicken Sie auf Ihr Video hochladen. Die unterstützten Videoformate sind MP4 und H264. Die empfohlenen Spezifikationen für die Datei sind: empfohlene Dateigröße 1,5-2 MB; Bitrate: 500-800 kbps; Mindestauflösung: 1280x720 px; maximale Dateigröße: 50MB.
Sie können auch ein Fallback-Bild einfügen, das angezeigt wird, falls das Video nicht unterstützt oder nicht ordnungsgemäß geladen wird. Wenn Sie das Video oder Bild löschen möchten, wählen Sie das rote Papierkorbsymbol.
Im Abschnitt Anmeldeformular können Sie die Option markieren, das Standard-Anmeldeformular der Plattform auszublenden und nur die SSO-Buttons für die Anmeldung (Gmail, OKTA, LinkedIn usw.) sowohl auf Desktop als auch auf Mobilgeräte anzuzeigen. Bitte beachten Sie, dass Sie eine gültige SSO-Integration ordnungsgemäß konfiguriert und getestet haben sollten, bevor Sie diese Option aktivieren.
Wenn diese Option ausgewählt ist, ist die Einstellung Benutzer daran hindern, ihr Kennwort zu ändern in den erweiterten Einstellungen der Plattform, Registerkarte Benutzer, standardmäßig aktiviert und kann nur deaktiviert werden, wenn auch die Option Ausschließlich SSO-Felder anzeigen und Anmeldeformular ausblenden deaktiviert ist. Diese Konfiguration verhindert, dass Benutzer ihr Kennwort in der Plattform ändern (sowohl auf Desktop als auch auf Mobilgeräte), wodurch die Synchronisierung mit dem im Identitätsanbieter festgelegten Kennwort verloren geht.
Anpassen von Farben
Im Abschnitt Farben können Sie die Farben der einzelnen Schriftarten auf Ihrer Plattform auswählen. Geben Sie die HEX-Codes in die entsprechenden Textfelder ein oder wählen Sie Farben mit den Farbrädern aus.
Es gibt verschiedene Möglichkeiten, um die richtige HEX-Farbe zu ermitteln, aber wenn Sie keine spezielle Grafiksoftware haben, können Sie einfach diesen kostenlosen HTML-Farbwähler verwenden.
Benutzerdefinierte Stile
Wenn Sie Grundkenntnisse in CSS haben, können Sie das Layout Ihrer Desktop-Plattform auf einer höheren Ebene anpassen. Verwenden Sie die CSS-Bereiche in diesem Abschnitt, um die Elemente der Desktop-Plattform anzupassen: Schriftart, Größe, Stil usw. Bestimmen Sie das Element, das Sie ändern möchten, sowie die spezifischen Attribute. In den CSS-Textbereichen ist ein Code-Editor eingebettet, so dass Sie die Optionen des Editors selbst nutzen können.
Hier sind einige bewährte Verfahren für Ihre Anpassung:
- Speichern Sie Ihre aktuellen Einstellungen in einem Dokument oder einer Datei, damit Sie sie jederzeit problemlos abrufen können.
- Testen Sie Ihre Änderungen auf Ihrem Browser-Inspektor, bevor Sie sie auf Ihre Live-Umgebung anwenden.
- Halten Sie zwei Registerkarten oder Fenster offen, eine, um Ihre Änderungen in diesem Bereich vorzunehmen, und eine andere, um alle Änderungen im Inkognito-Modus oder in einem anderen Browser anzuzeigen.
Darüber hinaus können Sie das Layout jeder einzelnen Desktopseite und jedes Widgets über CSS anpassen, da jede Plattformseite und jedes Widget durch eine eindeutige ID im CSS-HTML identifiziert wird, die automatisch von der Plattform zugewiesen wird.
Ihr angepasstes CSS könnte von neuen Versionen betroffen sein. In diesem Fall ist keine Abwärtskompatibilität mit Ihrem Code gewährleistet.
Anpassen des Kurs-Players
Im Abschnitt Kurs-Player können Sie den Kurs-Player so anpassen, dass die in diesem Abschnitt konfigurierten Einstellungen als Standardeinstellungen für alle Kurse angewendet werden. Sie können jedoch lokale Kurs-Player-Einstellungen für einzelne Kurse festlegen.
Kursstartansicht
In diesem Abschnitt legen Sie für alle Kurse fest, ob Benutzer beim Zugriff auf einen Kurs direkt auf die Seite des Kurs-Players oder auf der Kursübersichtsseite gelangen.
Die Übersichtsseite wird den Lernenden vor der Seite des Kurs-Players angezeigt, wenn sie einen Kurs auswählen. Wenn die Übersichtsseite aktiv ist, werden alle Kurs-Widgets auf dieser Seite anstelle der Kurs-Playerseite angezeigt und der Kursinhalt wird auf die Registerkarte Inhalte verschoben. Diese Konfiguration kann es den Lernenden erleichtern, sich auf den Kursinhalt zu konzentrieren, da alle zusätzlichen Informationen auf einer separaten Seite angezeigt werden.
Die Übersichtsseite ist für E-Learning-Kurse optional, während sie für ILT-Kurse (Instructor-Led Training) obligatorisch ist. Dies bedeutet, dass die Kursübersichtsseite für ILT-Kurse angezeigt wird, unabhängig davon, welche Option Sie in diesem Abschnitt auswählen.
Sichtbarkeit des Inhaltsverzeichnisses
Verwalten Sie dann die Standarsichtbarkeit des Inhaltsverzeichnisses für alle Kurse, indem Sie auswählen, ob es ausgeblendet oder angezeigt werden soll, wenn ein Benutzer den Kurs betritt.
Das Inhaltsverzeichnis wird auch direkt von den Lernenden verwaltet, indem sie die Schaltfläche auf der Seite des Kurs-Players verwenden und eine der folgenden Optionen nutzen:
- Volle Sichtbarkeit: Das Inhaltsverzeichnis wird rechts vom Kurs-Player vollständig angezeigt
- Flache Sichtbarkeit: Das Inhaltsverzeichnis wird unterhalb des Kurs-Players angezeigt.
- Kompakte Sichtbarkeit: Das Inhaltsverzeichnis zeigt nur die Symbole der Schulungsunterlagen an, aus denen der Kurs besteht, auf der rechten Seite. Dieser Sichtbarkeitsmodus ist nicht verfügbar, wenn die Schulungsunterlagen in Ordnern angeordnet sind oder wenn sie Inhalte mit mehreren Kapiteln enthalten.
Hintergrundbild
Im Abschnitt Hintergrundbild können Sie ein Bild hochladen, das als Hintergrund des Kurs-Players angezeigt wird.
Legen Sie nach dem Hochladen eines Bildes fest, ob Sie das Bild auf die Größe der Seite anpassen möchten oder ob Sie das Seitenverhältnis beibehalten und das Bild auf der Seite des Kurs-Players zentrieren möchten.
Lightbox-Navigation
Verwenden Sie den Schalter in diesem Bereich, um festzulegen, ob die Navigationsschaltflächen für alle im Lightbox-Ansichtsmodus abgespielten Schulungsunterlagen angezeigt oder ausgeblendet werden sollen.
CSS für HTML-Schulungsunterlagen
Schließlich können Sie benutzerdefinierte CSS für Ihre HTML-Schulungsunterlagen hinzufügen.
In diesem Abschnitt können Sie Ihre CSS-Klassen kopieren und einfügen. Sie werden automatisch auf alle Ihre HTML-Seiten-Schulungsunterlagen angewendet.
Bewährte Verfahren und Tipps
Wenn Sie kein Grafiker sind, folgen Sie diesen einfachen Vorschlägen:
- Befolgen Sie das Erscheinungsbild Ihrer offiziellen Website. Versuchen Sie, der gleichen Struktur und den gleichen Farben so nah wie möglich zu folgen.
- Halten Sie es lesbar. Überprüfen Sie den Kontrast zwischen Text/Hintergrund oder Logo/Hintergrund. Wenn Sie die Schriftgröße ändern, denken Sie daran, dass sie auf dem Gerät Ihres Benutzers lesbar sein sollte.
Weniger ist manchmal mehr. Wenn Sie keinen Stilführer haben, versuchen Sie, mit den Farben Ihres Logos zu beginnen.