Konfigurieren Sie das Portal-Branding

  • Freigeben Version: Yokohama
  • Aktualisiert 30. Januar 2025
  • 1 Minute Lesedauer
  • Verwenden Branding-EditorUm Ihrem Portal ein eigenes Erscheinungsbild zu verleihen.

    Um auf den Branding-Editor zuzugreifen, navigieren Sie zu Serviceportal > Serviceportal-Konfiguration, Und klicken Sie dann auf Branding-Editor .

    Wählen Sie in der Portalliste das Portal aus, für das Sie das Design anpassen möchten. Verwenden Sie dann die Optionen auf den Registerkarten Schnelleinrichtung und Designfarben, um Ihr Portal anzupassen.

    Abbildung : 1. Branding-Editor
    Branding-Editor
    Tabelle : 1. Optionen der Registerkarte „Schnelleinrichtung“
    Feld Beschreibung
    Portaltitel

    Der Name Ihres Portals. Ändern des Namens des Portals in Branding-EditorÄndert auch den Titel im Portalformularfeld in der Plattform-UI.

    Logo Das Logo, das im Header für Ihr Portal angezeigt wird. Dieses Bild wird auf eine maximale Höhe von 46 px und eine maximale Breite von 200 px skaliert.
    Logoauffüllung Wo das Logo am Rand des Headers platziert werden soll. Diese Informationen werden im Abschnitt „CSS-Variablen“ im Portalformular gespeichert.
    Tag-Zeile und Hintergrund

    Felder, die durch das JSON-Schema in definiert sind Schnellstartkonfiguration Feld im Portaldatensatz in der Plattform-UI. Das Beispiel ServiceportalFügt hinzu Tag-Zeile Und Hintergrund An Branding-EditorVerwenden des folgenden Schemas:

    [{
    	"tagline": {
    		"table" : "sp_instance",
    		"sys_id" : "34fe3d96cb20020000f8d856634c9cf4",
    		"field" : "title"
    	},
    	"hero_background": {
    		"table" : "sp_container",
    		"sys_id" : "be98a8d2cb20020000f8d856634c9c63",
    		"field" : "background_image"
    	}
    }]
    Tag-Line Stellen Sie Ihren Anwendern eine Portalseite mit einer Tag-Linie vor. Dieser Text wird in einer Instanz des Homepage-Such-Widgets gespeichert.
    Tag-Linienfarbe Wählen Sie eine Farbe für die Tag-Zeile aus.
    Hintergrundfarbe Homepage Fügen Sie eine Farbe für Ihren Hintergrund hinzu. Sie können einen Farbnamen, eine Hex-Farbe, eine Dezimalzahl (RGB) eingeben oder aus der Farbpalette auswählen.
    Hintergrundbild Laden Sie ein Bild hoch, das im Hintergrund Ihrer Homepage angezeigt werden soll. Dieses Bild wird im Container für das Widget auf Ihrer Homepage gespeichert.
    Für alle Farben auf der Registerkarte „Design“ können Sie den Standardfarbnamen, den Hex-Code, den Dezimalcode (RGB) verwenden oder die Farbe auf der Farbpalette auswählen. Alle Farbdefinitionen werden im Feld „CSS-Variablen“ des Portalformulars gespeichert. Die Designvorschau wird in Echtzeit aktualisiert, wenn Sie Änderungen vornehmen.
    Tabelle : 2. Registerkarte „Designfarben“
    Feld Beschreibung
    Navigationsleiste Verwenden Sie die Felder in diesem Abschnitt, um die Farben für das Header-Menü anzupassen.
    Marke Verwenden Sie die Felder in diesem Abschnitt, um die Seitenfarben anzupassen. Beispiel: Der Seitenhintergrund oder der Widget-Hintergrund.
    Text Verwenden Sie die Felder in diesem Abschnitt, um die Farbe des Texts auf einer Seite anzupassen.

    Änderungen an den Designfarben in vorgenommen Branding-EditorWerden im Feld „CSS-Variablen“ des Portalformulars in der Plattform-UI angezeigt.