Konfigurieren Sie das Portal-Branding

  • Freigeben Version: Zurich
  • Aktualisiert 31. Juli 2025
  • 1 Minute Lesedauer
  • Verwenden Sie Branding-Editor, um Ihrem Portal ein eigenes Erscheinungsbild zu geben.

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

    Wählen Sie aus der Portalliste das Portal aus, für das Sie das Thema anpassen möchten. Verwenden Sie dann die Optionen auf den Registerkarten „Schnell-Setup“ und „Themenfarben“, um Ihr Portal anzupassen.

    Abbildung : 1. Branding-Editor
    Branding-Editor
    Tabelle : 1. Optionen für die Registerkarte „Schnell-Setup“
    Feld Beschreibung
    Portaltitel

    Der Name Ihres Portals. Wenn der Name des Portals in Branding-Editor geändert wird, ändert sich auch der Titel im Portal-Formularfeld in der Plattform-UI.

    Logo Das Logo, das in der Kopfzeile Ihres Portals angezeigt wird. Dieses Bild wird auf eine maximale Höhe von 46 Pixeln und eine maximale Breite von 200 Pixeln skaliert.
    Logo-Abstand Wo das Logo in Bezug auf Rand der Kopfzeile stehen soll. Diese Informationen werden im Abschnitt „CSS-Variablen“ des Portalformulars gespeichert.
    Tag-Line und Hintergrund

    Felder, die vom JSON-Schema im Feld Schnellstart-Konfiguration im Portaldatensatz der Plattform-UI definiert werden. Das Serviceportal Beispiel fügt Branding-Editor eine Tag-Line und einen Hintergrund mit dem folgenden Schema hinzu:

    [{
    	"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 Benutzern eine Portalseite mit einer Tag-Line vor. Dieser Text wird in einer Instanz des Such-Widgets für die Homepage gespeichert.
    Tag-Line-Farbe Wählen Sie eine Farbe für die Tag-Line.
    Hintergrundfarbe der Homepage Fügen Sie eine Farbe für Ihren Hintergrund hinzu. Sie können einen Farbnamen, eine Hex-Farbe, eine Dezimalzahl (RGB) eingeben oder eine Auswahl aus der Farbpalette treffen.
    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 Farben auf der Themenregisterkarte können Sie den Standardfarbnamen, den Hexcode, den Dezimalcode (RGB) verwenden oder die Farbe aus der Farbpalette auswählen. Alle Farbdefinitionen werden im Feld „CSS-Variablen“ des Portalformulars gespeichert. Die Themenvorschau wird in Echtzeit aktualisiert, sobald Sie Änderungen vornehmen.
    Tabelle : 2. Registerkarte „Themenfarben“
    Feld Beschreibung
    Navigationsleiste Verwenden Sie die Felder in diesem Abschnitt, um die Farben für das Kopfzeilenmenü anzupassen.
    Marke Verwenden Sie die Felder in diesem Abschnitt, um die Seitenfarben anzupassen. Beispiele sind der Seitenhintergrund oder der Widget-Hintergrund.
    Text Verwenden Sie die Felder in diesem Abschnitt, um die Textfarbe auf einer Seite anzupassen.

    Änderungen an den Themafarben in Branding-Editor erscheinen im Feld „CSS-Variablen“ des Portalformulars in der Plattform-UI.