Website-Gestaltung und -vorlagen

  • 3 Minuten

Ein Seitendesign beschreibt die Farben, Schriftarten, Abschnittsränder und andere Gestaltungselemente einer Power Pages-Website. Jede Website wird mit einem Design bereitgestellt, das durch die ausgewählte Vorlage festgelegt wird. Mit Styling-Elemente für Arbeitsbereiche können Sie das Design bearbeiten und so das Erscheinungsbild der Website an die Designanforderungen anzupassen, beispielsweise an ein bestimmtes Unternehmensbranding.

Styling

Sie können ein Design aus mehreren verfügbaren Voreinstellungen auswählen und dann Anpassungen anwenden. Jede Anpassung wird sofort auf die Seite im Canvas angewendet, wodurch das Arbeiten mit einem grundlegenden Stil vereinfacht wird.

Screenshot des Verwendens des Arbeitsbereichs Styling zum Auswählen und Ändern eines Designs

Benutzerdefiniertes CSS

Für komplexere Gestaltungsanforderungen ermöglicht Power Pages Design Studio Entwicklern das Hochladen benutzerdefinierter CSS-Dateien.

Screenshot der benutzerdefinierten CSS-Upload-Schnittstelle

Sobald die benutzerdefinierte CSS-Datei hochgeladen wurde, wird sie auf alle Designs angewendet und die Canvas spiegelt die anwendbaren Stile wider. Sie können mehrere CSS-Dateien hochladen und deren Reihenfolge nach Bedarf festlegen. Weitere Informationen zu benutzerdefinierten CSS finden Sie in der Produktdokumentation unter CSS-Dateien in Power Pages verwalten.

Sie können das Styling mit Visual Studio Code für den Web-Editor auch auf einzelne Seiten anwenden. Beim Öffnen einer Seite im Editor werden drei Dateien geladen: HTML, CSS und JavaScript. Alle Änderungen in der CSS-Datei werden nur auf die ausgewählte Seite angewandt.

Vorlagen

Für komplexe Websites sind Standardlayouts in Power Pages Design Studio möglicherweise nicht ausreichend. Für diese Szenarien unterstützt Power Pages das Erstellen von Seiten mit benutzerdefinierten Layouts.

Da Power Pages auf Power Apps-Portalen aufbaut, kann es Seitenvorlagen verwenden, die von professionellen Entwicklern in der Portalverwaltungs-App erstellt wurden. Wenn eine neue Seitenvorlage definiert wird, ist sie im Designstudio als benutzerdefiniertes Layout verfügbar.

Screenshot der benutzerdefinierten Seitenvorlage, die in Power Pages Design Studio als Layout verfügbar ist

Detaillierte Informationen zum Erstellen benutzerdefinierter Seitenvorlagen finden Sie in der Power Apps-Dokumentation unter Seitenvorlagen erstellen und verwalten und unter Quellinhalte mithilfe von Webvorlagen speichern.