Portalthema erstellen

Wenn Sie mehr Anpassungen benötigen, als mit dem Branding-Editor möglich sind, können Sie Ihr eigenes benutzerdefiniertes Thema erstellen.

Nur Benutzer mit CSS-Kenntnissen sollten benutzerdefinierte Themen erstellen.

1. Navigieren zu Serviceportal > Designs, Und wählen Sie dann aus Neu .
2. Füllen Sie die Formularfelder aus, und wählen Sie dann im Kontextmenü des Formulars aus Speichern .

   Tabelle : 1. Themenformularfelder

   Feld	Beschreibung
   Name	Name Ihres Themas. Verwenden Sie diesen Namen, um das Thema mit Ihrem Portal zu verknüpfen. Dieser Name ist für Benutzer nicht sichtbar. Sie sollten ihn kennen, um das richtige Thema auf ein Portal anzuwenden.
   SCSS-Kompilierung deaktivieren	Deaktiviert das Kompilieren von SCSS und sendet die einfache CSS-Datei direkt an den Client.
   Anwendung	Der Datensatzumfang. Der Datensatz des Kopfzeilenmenüs und die Quelltabelle müssen den gleichen Anwendungsbereich haben.
   Header	Liste der Kopf- und Fußzeilen aus der Tabelle „sp_header_footer“, die Sie einem Portalthema zuordnen können. Kopf- und Fußzeilen sind Widgets und können auf dieselbe Weise konfiguriert werden.
   Fußzeile	Liste der Kopf- und Fußzeilen aus der Tabelle „sp_header_footer“, die Sie einem Portalthema zuordnen können.
   Fixierte Kopfzeile	Fixiert die Kopfzeile oben auf der Seite, sodass die Kopfzeile auf dem Bildschirm bleibt, wenn ein Benutzer einen Bildlauf durchführt.
   Fixierte Fußzeile	Fixiert die Fußzeile unten auf der Seite, sodass die Fußzeile auf dem Bildschirm bleibt, wenn ein Benutzer einen Bildlauf durchführt.
   CSS-Variablen	Angepasste CSS-Eigenschaften, mit denen Sie die Farbe und die Stile in einem Portal ändern können. Beispielsweise verwendet das bestehende Thema einige der folgenden Variablen: $sp-logo-margin-x: 15px !default; $sp-tagline-color: $text-color !default; $navbar-inverse-bg: #3a3f51 !default; Hinweis: Verwenden Sie das Feld "CSS-Variablen", um nur die CSS-Variablen zu definieren. Verwenden Sie "CSS umfasst", um CSS-Richtlinien festzulegen. Ab der Version Madrid können Sass und LESS innerhalb "CSS umfasst" verwendet werden.

3. Um dem Design ein Stylesheet hinzuzufügen, in CSS-Include Zugehörige Liste, wählen Sie aus Neu .
4. Füllen Sie die Felder des Stylesheet-Formulars aus, und wählen Sie aus Übermitteln .

   Tabelle : 2. Stylesheet-Formularfelder

   Feld	Beschreibung
   Name	Name des CSS-Include. Denken Sie an diesen Namen, um das CSS-Include mit dem Thema zu verknüpfen.
   Anwendung	Der Datensatzumfang. Der Datensatz des Kopfzeilenmenüs und die Quelltabelle müssen den gleichen Anwendungsbereich haben.
   Quelle	Wählen Sie eine der folgenden Optionen aus: Stylesheet: Fügen Sie ein internes Stylesheet hinzu, das in die CSS-Tabelle [sp_css] hochgeladen wurde. Beispiel: ng-sortable.min.css. Interne Stylesheets verwenden Standard-CSS im CSS-Feld. URL: Link zu einem externen Stylesheet. Verwenden Sie externe Stylesheets, um dasselbe CSS wie bei einer Unternehmenswebsite oder anderen Onlineressource zu verwenden.
   Stylesheet	Ein internes Stylesheet, das dem Design zugeordnet werden soll.
   CSS-Datei-URL	Eine URL zu einem externen Stylesheet, das dem Design zugeordnet werden soll.
   Verzögertes Laden	Option zum asynchronen Laden der CSS-Inclusion, um die Ladezeit der Seite zu verbessern. Diese Option sollte für alle CSS-Einbindungen eines Designs auf denselben Wert festgelegt werden. Es wird nicht empfohlen, das asynchrone Laden nur für einige CSS-Einbindungen zu aktivieren, die einem Design zugeordnet sind. Hinweis: Wird Aktiviert Verzögertes Laden Wird nicht für Portale empfohlen, bei denen nicht formatierte Inhalte blinken. Das CSS enthält mit Verzögertes Laden Aktiviert sind in aufgeführt Verzögertes Laden von CSS-Einbindungen Zugehörige Liste im Designdatensatz.
   RTL CSS-Datei-URL	Eine URL zu einem externen Stylesheet zum Spiegeln der Richtung eines Portals, wenn die Sitzungssprache eine von rechts nach links gerichtete Sprache ist, z. B. Hebräisch. Informationen zur Unterstützung von Rechts-nach-links-Sprachen finden Sie unter Stil für von rechts nach links gerichtete Sprachen in Portalen.

5. So fügen Sie dem Design in eine JavaScript-Einbindung hinzu JS einbeziehen Zugehörige Liste, wählen Sie aus Neu .
6. Füllen Sie die Formularfelder „JS einbeziehen“ aus, und wählen Sie aus Übermitteln .

   Tabelle : 3. JS enthalten Formularfelder

   Feld	Beschreibung
   Anzeigename	Name der JS-Include. Merken Sie sich diesen Namen, um die JS-Inclusion dem Design zuzuordnen.
   Anwendung	Der Datensatzumfang. Der Datensatz des Kopfzeilenmenüs und die Quelltabelle müssen den gleichen Anwendungsbereich haben.
   Quelle	Wählen Sie eine der folgenden Optionen aus: UI-Skript: Fügen Sie ein internes UI Skript hinzu, das in die UI-Skript-Tabelle [sys_ui_script] hochgeladen wurde. Mithilfe von UI-Skripts können Sie clientseitiges JavaScript erstellen und an mehreren Stellen wiederverwenden. Weitere Informationen zu UI-Skripts finden Sie unter UI-Skripts . URL: Link zu einer externen JavaScript-Datei. Verwenden Sie externe URLs, um dasselbe JavaScript als Unternehmens-Website oder andere Online-Ressource zu verwenden.
   UI-Skript- oder JS-Datei-URL	Ordnen Sie ein internes UI-Skript oder eine JavaScript-Datei-URL zu, je nachdem, welche Option Sie im Feld Quelle auswählen.
   Aktualisiert	Datum und Uhrzeit der letzten Aktualisierung des JS-Include
   Paket	Das Service Portal-Paket, dem der JS-Include zugeordnet ist. Zum Beispiel die Konfigurationsseiten des Service Portals. Dieses Feld ist standardmäßig ausgefüllt.