Freigeben über

CSS-Dateien verwalten

  • Artikel

CSS-Seiten (Cascading Style Sheets, CSS) ermöglicht es Ihnen die Formatierung und Gestaltung Ihrer Website zu steuern.

Standardmäßig sind für neue Power Pages-Websites die Dateien bootstrap.min.css, theme.css und portalbasictheme.css als Teil der Websitevorlagen installiert.

Sie können den Stil mit dem Arbeitsbereich „Stile“ ändern, oder Sie können Ihre eigenen CSS-Dateien hochladen.

Wenn Sie eine neue benutzerdefinierte CSS-Datei hochladen, steht sie als Webdatei in der Portalverwaltungs-App zur Verfügung.

Anmerkung

Power Pages-Websites verwenden Bootstrap 3.3.x. Websiteentwickler sollten Bootstrap 3 nicht durch andere CSS-Bibliotheken ersetzen, da einige der Szenarien in Power Pages abhängig von Bootstrap 3.3.x sind. Weitere Informationen: Bootstrap-Übersicht.

Benutzerdefinierte CSS-Dateien im Arbeitsbereich „Stile“ verwalten

  1. Wechseln Sie zu Power Pages.

  2. Wählen Sie Bearbeiten auf der Website aus, der Sie eine Seite hinzufügen möchten.

  3. Wählen Sie den Arbeitsbereich Stile aus.

  4. Wählen Sie die Option CSS verwalten unter „Weitere Optionen“ im Arbeitsbereich „Stile“ aus.

    Verwalten Sie CSS-Dateien mit Design Studio.

CSS-Dateien hochladen

Im Bereich CSS verwalten wird eine Liste der CSS-Standarddateien angezeigt:

  • bootstrapmin.css
  • theme.css
  • portalbasictheme.css

Wählen Sie zum Hochladen Ihrer benutzerdefinierten CSS-Datei die Option Hochladen und Ihre benutzerdefinierte CSS-Datei aus.

Hochladen von CSS-Dateien mit Design Studio.

Notiz

  • Sie können benutzerdefinierte CSS-Dateien mit einer Größe von bis zu 1 MB hochladen.
  • Sobald die benutzerdefinierte CSS-Datei hochgeladen wurde, wird die Vorschau auf der rechten Seite angezeigt.
  • Die hochgeladenen benutzerdefinierten CSS-Dateien gelten für alle Designs.

Weitere Optionen

Wählen Sie die drei Auslassungspunkte ... rechts neben der benutzerdefinierten CSS-Datei aus, wo Sie die Datei in der Priorität nach oben oder unten verschieben und die benutzerdefinierte CSS-Datei deaktivieren können.

Notiz

CSS-Dateien, die unten aufgeführt sind, haben Vorrang, was bedeutet, dass, wenn zwei Dateien ein Update derselben Eigenschaft enthalten, das Update angewendet wird, das in der Datei weiter unten in der Liste enthalten ist.

Vorrangige Reihenfolge für CSS-Dateien.

Architektur

Jede benutzerdefinierte CSS-Datei hat eine niedrigere Priorität als die Standarddatei portalbasictheme.css und eine höhere als theme.css. Diese Priorisierung soll das Anpassen von Stilen mithilfe des Stilbereichs für sofort einsatzbereite Stiloptionen fördern.

Notiz

Wir empfehlen die Verwendung von benutzerdefiniertem CSS, um nur Stile zu formatieren, die nicht standardmäßig im Stilbereich bereitgestellt werden.

Warnung

Die CSS-Standarddateien (bootstrap.min.css, theme.css oder portalbasictheme.css) dürfen nicht deaktiviert oder gelöscht, und ihre Anzeigereihenfolge darf nicht geändert werden. Ihnen wird ein Fehler im Designstudio angezeigt.
Aktualisieren Sie CSS-Dateien mit der Portalverwaltungs-App.
Öffnen Sie die Portalverwaltungs-App, um den Standardzustand wiederherzustellen und die Reihenfolge der CSS-Standarddateien anzuzeigen, um das Problem zu beheben.

Eine benutzerdefinierte CSS-Datei löschen

  1. Die CSS-Dateien werden als Webdateien gespeichert. Gehen Sie zum Entfernen der benutzerdefinierten CSS-Datei zur Portalverwaltungs-App, und wählen Sie Webdateien aus.

  2. Suchen Sie den benutzerdefinierten CSS-Dateidatensatz. Möglicherweise müssen Sie nach den Werten Name und Website filtern, um den richtigen Datensatz zu finden.

  3. Sobald der Webdateidatensatz ausgewählt ist, wählen Sie Löschen aus.

  4. Wählen Sie im Designstudio Konfiguration synchronisieren aus, um die Stiländerungen aus dem benutzerdefinierten CSS zu löschen.

Siehe auch