Willkommen zu diesem Artikel, in dem wir entdecken, wie Ihre Nudgis-Plattform gebrandet werden kann, um Ihre visuelle Identität widerzuspiegeln.
Nudgis verfügt über Anpassungsfunktionen, die es Ihnen unter anderem ermöglichen, die grafische Charta Ihres Unternehmens anzuwenden. Im ersten Teil zeigen wir Ihnen, wie Sie die Startseite der Website anpassen können, danach werfen wir einen Blick auf die globalen Anpassungseinstellungen und schließlich sehen wir uns an, wie Sie das Aussehen des Videoplayers personalisieren können.
Um auf diese Einstellungen zugreifen zu können, muss Ihr Benutzerkonto über die globale Berechtigung "Website-Erscheinungsbild bearbeiten" verfügen.
Inhaltsverzeichnis
1/ HINWEISE ZUM WECHSEL AUF VERSION 12.2.0
2A/ DIE VERSCHIEDENEN WIDGET-TYPEN
Hinweise zum Wechsel auf Version 12.2.0
Nudgis 12.2.0 bringt eine Reihe von Änderungen mit sich, darunter die Anpassung der neuen Benutzeroberfläche (derzeit in der Beta-Phase).
Bis die endgültige Version der überarbeiteten Benutzeroberfläche veröffentlicht wird, haben Sie die Kontrolle über deren Erscheinungsbild-Einstellungen, um den Übergang zu erleichtern.
Sobald Sie auf 12.2.0 aktualisiert haben, können Sie das Aussehen der alten Benutzeroberfläche nicht mehr ändern. Sie bleibt jedoch weiterhin verfügbar.
Die Entscheidung für die neue Benutzeroberfläche bleibt dem Benutzer überlassen. Um die Option zu aktivieren, gehen Sie auf Ihre Profilseite, aktivieren Sie "Neue Benutzeroberfläche (Beta) verwenden" und speichern Sie.
Sie können die neue Benutzeroberfläche auch für alle Benutzer erzwingen, indem Sie zu den globalen Einstellungen gehen (Berechtigung "Website-Einstellungen bearbeiten" erforderlich). Die Einstellung heißt "Neue Benutzeroberfläche für alle erzwingen". Wenn Sie diese Option aktivieren, haben Benutzer nicht mehr die Wahl, ob sie die neue Benutzeroberfläche verwenden möchten oder nicht.
Lassen Sie uns nun sehen, wie die grafische Anpassung Ihres Nudgis funktioniert, angefangen bei der Startseite.
Startseite
Seit Version 13.2.0 ist die neue Nudgis-Startseite in der Beta-Version verfügbar. Um sie zu entdecken, lesen Sie bitte unseren speziellen Artikel.
Beim ersten Zugriff ist die Nudgis-Startseite praktisch leer. Sie können verschiedene Arten von Widgets hinzufügen, um das Layout der Seite nach Ihren Bedürfnissen zu gestalten. Widgets sind Blöcke, die Elemente enthalten und auf einem Raster verschoben werden können.
Um den Bearbeitungsmodus zu aktivieren und mit der Anpassung des Widget-Rasters zu beginnen, klicken Sie unten im Fenster auf die Schaltfläche "Startseite anpassen":
Sobald der Bearbeitungsmodus aktiviert ist, können Sie Widgets hinzufügen, sie mit diesem Symbol frei auf dem Widget-Raster verschieben und sie von der unteren rechten Ecke aus in der Größe ändern.
Durch Klicken auf "Speichern" wird das Widget sofort auf der Startseite erstellt. Die Schaltfläche "Angewendete Änderungen anzeigen" dient nur zum Verlassen des Bearbeitungsmodus.
Die verschiedenen Widget-Typen
Im Feld "Widget hinzufügen" finden Sie verschiedene Arten von Elementen, die Sie auswählen und dann einzeln zur Startseite hinzufügen können:
Kanalliste
Dieses Widget zeigt eine Liste der Hauptkanäle auf Ihrem Nudgis an und ermöglicht es Ihnen, deren Baumstruktur aufzuklappen.
Benutzerdefiniert
Mit diesem Widget können Sie personalisierte Inhalte mithilfe eines Texteditors integrieren.
Der Rich-Text-Editor macht die Formatierung einfach:
Element
Mit dem Element-Widget können Sie ein Element hinzufügen, das direkt von der Startseite aus aufgerufen werden kann (Video, Kanal, Live usw.).
Live anzeigen: Zeigt eine Liste von Links zu laufenden Live-Übertragungen an. Diese Liste ist das einzige Element, das im Widget angezeigt wird.
Großes Vorschaubild: Ermöglicht die Verwendung des Vorschaubilds mit der höchsten verfügbaren Auflösung. Diese Option sollte nur verwendet werden, wenn das Standard-Vorschaubild zu klein ist.
Position des Vorschaubilds: Wählen Sie, ob das Vorschaubild des ausgewählten Elements links, rechts oder in der Mitte des Widgets angezeigt werden soll.
Titel anzeigen: Zeigt den Titel des ausgewählten Elements im Widget unterhalb des Vorschaubilds an. Beachten Sie, dass bei beibehaltener Kopfzeilenanzeige der Titel zweimal angezeigt wird.
Informationen anzeigen: Zeigt Informationen über das ausgewählte Element an (übergeordneter Kanal, Sprecher, Erstellungsdatum usw.).
Beschreibung anzeigen: Zeigt den Inhalt des Beschreibungsfelds des ausgewählten Elements im Widget an.
Anzuzeigendes Element: Ermöglicht zu bestimmen, welches Element im Widget angezeigt werden soll. Dies kann das meistgesehene Video oder der Kanal sein (auf der gesamten Plattform oder nur im letzten Monat), der zuletzt hinzugefügte Kanal oder das Video oder ein bestimmtes Element, das Sie auf der Homepage haben möchten.
Live-Streams
Diese Art von Element zeigt eine Liste der aktuellen Live-Übertragungen auf der Plattform an, falls welche stattfinden. Es ist redundant mit der Option "Live-Liste anzeigen" im Element-Widget.
Bild
Mit dem Widget-Typ "Bild" können Sie, wie der Name schon sagt, ein Bild von Ihrem Computer auf Ihre Startseite importieren. Das Feld "Alternativer Text" des Widgets ermöglicht es Ihnen, eine kurze Beschreibung des Bildes hinzuzufügen, die von Screenreadern (hauptsächlich von Benutzern mit Sehbehinderungen verwendet) oder Suchmaschinen gesehen wird.
Titel
Dieses Widget kann verwendet werden, um eine Titelleiste hinzuzufügen, um die verschiedenen Blöcke der Seite zu trennen und sie lesbarer zu machen.
Videoliste
Dieses Widget zeigt Videolisten an, die in mehrere Registerkarten unterteilt sind. Sie können auswählen, welche Registerkarten angezeigt werden. Die Auswahlmöglichkeiten sind: zuletzt hinzugefügte Videos, meistgesehene Videos (seit immer oder im letzten Monat), am meisten kommentierte Videos (seit immer oder im letzten Monat) oder die Schlagwortwolke (generiert aus Schlüsselwörtern, die mittels OCR aus Videos auf der Plattform extrahiert wurden).
Die Schaltfläche Mehr Videos anzeigen auf der Registerkarte Neueste Videos leitet zur Seite "Neueste Medien" weiter.
Alle diese Elementtypen haben gemeinsame Optionen, die Block für Block eingestellt werden können.
Sie können auf die Einstellungen eines Widgets zugreifen, indem Sie auf dieses Symbol oben rechts im Element klicken:
Die Widget-Einstellungen erscheinen und zeigen Optionen, die allen Blocktypen gemeinsam sind:
Transparentes Widget: Macht das Widget transparent (lässt den Hintergrund durch das Widget hindurch sichtbar machen).
Keine Widget-Überschrift: Für ein Widget ohne Titel.
Sichtbar für: Ermöglicht es Ihnen zu wählen, welche Benutzertypen dieses Widget sehen können (authentifiziert, nicht authentifiziert oder beides).
Anzeigemodus: Ermöglicht es Ihnen zu bestimmen, für welche Sprachen dieses Widget angezeigt wird.
Titel*: Bestimmt den Titel Ihres Widgets, der oben im Element angezeigt wird.
Link*: Enthält einen Link, der beim Klicken auf den Titel geöffnet wird. (Mit der folgenden Option können Sie definieren, ob der Link geöffnet werden soll oder nicht).
*Diese letzten beiden Optionen funktionieren nicht, wenn die Widget-Überschrift deaktiviert ist.
Nachdem Sie nun wissen, wie Sie Ihre Startseite einrichten, werfen wir einen Blick darauf, wie die Einstellungen für das Erscheinungsbild der Website funktionieren.
Grafische Anpassung
Die globalen grafischen Anpassungseinstellungen finden Sie unter Menü > Administration > Website-Einstellungen > Erscheinungsbild anpassen.
Auf der ersten Registerkarte können Sie die Plattformfarben festlegen. Sie werden eine Einfügung auf der rechten Seite der Seite bemerken. Diese zeigt Ihnen die Änderungen an, die Sie live vornehmen:
Die Änderungen sind auch auf dem Rest der Seite zur Konfiguration des Erscheinungsbilds sichtbar, werden aber erst angewendet, wenn Sie Ihre Änderungen speichern.
Farben
Zuerst sehen wir uns an, wie die Farbschaltflächen funktionieren. Sie sind für alle Farbänderungsparameter identisch.
Jeder Parameter besteht aus zwei Blöcken: der aktiven Farbe (1) und dem Standardwert (2).
Um die aktive Farbe zu ändern, können Sie einen Code in das Textfeld eingeben oder auf den entsprechenden Block klicken und einen Farbton aus den angebotenen Auswahlmöglichkeiten auswählen.
Um zum Standardwert zurückzukehren, klicken Sie einfach auf den entsprechenden Farbblock.
Denken Sie daran, Ihre Änderungen zu speichern, damit sie angewendet werden können.
Lassen Sie uns einen Blick auf die Bedeutung jedes Elements werfen.
- Design: Sie können zwischen einem dunklen oder hellen Design wählen, um Ihre Einstellungen zu beginnen, was in früheren Versionen (< 12.1) nur durch die Verwendung von benutzerdefiniertem CSS möglich war. Das Seitendesign wird auf alle Benutzer angewendet.
- Primärfarbe: Ändert die Farbe der Nudgis-Hauptschaltflächen, von denen unten ein Beispiel (in Blau) gezeigt wird.
- Hauptkontrastfarbe: Ändert die Farbe des Textes auf den Hauptschaltflächen, unten in Weiß dargestellt.
- Primäre Textfarbe: Ändert die Farbe von Links und Symbolen (hier in Blau).
- Sekundärfarbe: Ändert die Farbe der Informationsmeldungen, der Speichern-Schaltfläche und des vom Benutzer verwendeten Speicherindikators (unten in Grün).
- Sekundäre Kontrastfarbe: Ändert die Farbe des Textes in den Elementen im vorherigen Abschnitt (hier in Schwarz).
- Sekundäre Textfarbe: Ändert die Farbe der Schaltfläche zur Medienwiederherstellung im Papierkorb.
- Fehlerfarbe: Ändert die Farbe von Fehlern, insbesondere des Transkodierungsfortschrittsbalkens, wenn die Transkodierung fehlschlägt (unten in Rot).
- Kontrastfehlerfarbe: Ändert die Farbe des Fehlertextes, wenn sie mit der Fehlerfarbe hervorgehoben werden (unten in Schwarz).
- Fehlertextfarbe: Farbe des Fehler- oder Warntextes, wenn keine Hervorhebung vorhanden ist. Sie finden sie beispielsweise auf der Schaltfläche "Löschen" im Medienaktionsmenü beim Durchsuchen des Katalogs.
Logo
Auf dieser Registerkarte können Sie das Website-Logo und das Favicon ändern, indem Sie die vorhandenen ersetzen. Importieren Sie Ihr Bild (das empfohlene Format ist PNG), das nicht breiter als 300 Pixel und nicht höher als 55 Pixel sein sollte.
Sobald Sie Ihre Bilddatei hinzugefügt haben, funktioniert die Vorschau nicht sofort. Sie müssen die Änderungen speichern, damit das neue Logo angezeigt wird.
Um zum Standardlogo zurückzukehren, aktivieren Sie das Feld "Aktuelles Bild löschen" und speichern Sie.
Sie können auch die Größe des Logos ändern (aus drei Auswahlmöglichkeiten: klein, standard und groß), was sich auch auf die Größe der Seitenkopfzeile auswirkt.
Schriftarten
Sie können verschiedene Schriftarten verwenden und aus der Schriftartenbibliothek Ihres Webbrowsers auswählen. Die Standardschriftarten sind Lato, Arial und Sans-Serif.
Erweitert (CSS)
Auf dieser Registerkarte können Sie Dateien wie Bilder oder Schriftarten hinzufügen, die Sie in Ihrem benutzerdefinierten CSS verwenden können.
Im Abschnitt "Stil überschreiben" können Sie benutzerdefinierten CSS-Code hinzufügen, mit dem Sie Elemente anpassen können, die in den oben genannten Menüs nicht verfügbar sind.
UbiCast Player-Farben
Die letzte Registerkarte auf der Seite mit den Einstellungen für das Erscheinungsbild betrifft den Nudgis-Player. Wir sehen uns die verschiedenen Elemente an, die unten geändert werden können.
Um die Änderungen besser visualisieren zu können, verwenden wir für die Screenshots in diesem Abschnitt die Farbe Orange.
- Player-Hintergrundfarbe: Dies ist der Hintergrund Ihres Videos, derjenige, der im Dynamic RichMedia-Modus zwischen den Quellen sichtbar sein wird.
- Hintergrundfarbe der Steuerelemente: Diese Einstellung ändert die Farbe der Kontrollleiste (unten am Player) und der Wiedergabetaste.
- Steuerelement-Hover-Farbe: Dies ist die Farbe der Wiedergabesteuerungstasten, wenn sie mit dem Mauszeiger überfahren werden.
- Schriftfarbe der Steuerelemente: Dies ist die Farbe der Steuersymbole und der Zeitanzeige.
- Farbe der Bildlaufleiste: Dies ist der Fortschrittsbalken für die Wiedergabe, der sich in den Player-Steuerelementen befindet.
Es ist auch möglich, diese Einstellungen auf einzelne Kanäle oder Medien anzuwenden. Dies wirkt sich nicht auf das Aussehen des restlichen Teils der Website aus.
Vielen Dank, dass Sie diesem Artikel gefolgt sind. Sie können nun das Erscheinungsbild von Nudgis nach Ihren Wünschen anpassen. Zögern Sie nicht, den Bereich Nudgis unserer Dokumentation zu konsultieren, um mehr über unsere Lösung zu erfahren.
Kommentare
0 Kommentare
Bitte melden Sie sich an, um einen Kommentar zu hinterlassen.