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 Service Portal > Themesund wählen Sie Neuaus.
2. Füllen Sie die Formularfelder aus, und wählen Sie 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 die SCSS-Kompilierung und sendet die Nur-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 -Einbindung“ Neu.
4. Füllen Sie die Felder des Formatvorlage-Formulars aus, und wählen Sie Absendenaus.

   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 einer externen Formatvorlage, die dem Design zugeordnet werden soll.
   Verzögertes Laden	Option zum asynchronen Laden der CSS-Einbindung, um die Ladezeit der Seite zu verbessern. Diese Option muss für alle CSS-Einbindungen eines Designs auf den gleichen Wert festgelegt werden. Es wird nicht empfohlen, das asynchrone Laden nur für einige CSS-Einbindungen zu aktivieren, die einem Design zugeordnet sind. Hinweis: Die Aktivierung von „ Verzögertes Laden“ wird für Portale mit Flash-Speichern von nicht formatiertem Inhalt nicht empfohlen. Die CSS-Einbindungen mit aktivierter Option „ Verzögertes Laden “ werden in der zugehörigen Liste „CSS-Einbindungen zum verzögerten Laden“ im Designdatensatz aufgeführt.
   RTL CSS-Datei-URL	Eine URL zu einem externen Formatvorlage zum Spiegeln der Richtung eines Portals, wenn die Sitzungssprache eine von rechts nach links geschriebene Sprache ist, z. B. Hebräisch. Informationen zur Unterstützung von von rechts nach links laufenden Sprachen finden Sie unter Stile für von rechts nach links verlaufende 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 Absendenaus.

   Tabelle : 3. JS-Include-Formularfelder

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