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 > Themes, und wählen Sie dann Neu.
2. Füllen Sie die Formularfelder aus, und wählen Sie dann im Kontextmenü des Formulars Speichernaus.

   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 reine 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 eine Formatvorlage hinzuzufügen, wählen Sie in der zugehörigen Liste „ CSS einbeziehen “ die Option Neuaus.
4. Füllen Sie die Felder des Formatvorlagenformulars aus, und wählen Sie Absenden.

   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	Eine interne Formatvorlage, die dem Thema zugeordnet werden soll.
   CSS-Datei-URL	Eine URL zu einem externen Stylesheet, das dem Thema zugeordnet werden soll.
   Verzögertes Laden	Option zum asynchronen Laden der CSS-Einbindung, um die Seitenladezeit zu verbessern. Diese Option sollte für alle CSS-Einbindungen eines Themas auf denselben Wert festgelegt werden. Es wird nicht empfohlen, das asynchrone Laden nur für einige CSS-Einbindungen zu aktivieren, die einem Thema zugeordnet sind. Hinweis: Das Aktivieren von „ Verzögertes Laden“ wird nicht für Portale empfohlen, in denen nicht formatierte Inhalte angezeigt werden. Die CSS-Includes mit aktiviertem verzögerten Laden werden in der zugehörigen Liste „CSS-Includes verzögert laden “ im Themendatensatz aufgelistet.
   RTL CSS-Datei-URL	Eine URL zu einem externen Stylesheet zum Spiegeln der Richtung eines Portals, wenn die Sitzungssprache eine von rechts nach links geschriebene Sprache ist, z. B. Hebräisch. Weitere Informationen zur Unterstützung von rechtsläufigen Sprachen finden Sie unter Stile für linksläufige Sprachen in Portalen.

5. Um dem Design eine JavaScript-Einbindung hinzuzufügen, wählen Sie in der zugehörigen Liste JS -Einbindung die Option Neuaus.
6. Füllen Sie die Formularfelder „JS-Einbindung“ aus, und wählen Sie Absenden.

   Tabelle : 3. JS Formularfelder einbeziehen

   Feld	Beschreibung
   Anzeigename	Name der JS-Einbindung. Merken Sie sich diesen Namen, um die JS-Einbindung 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: 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.