Website-Gestaltung und ‑vorlagen

  • 3 Minuten

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

Styling

Wählen Sie ein Design aus mehreren verfügbaren Voreinstellungen aus, und wenden Sie dann Anpassungen an. Jede Anpassung wird sofort auf der Seite angezeigt, sodass Sie einfach mit dem grundlegenden Styling arbeiten können.

Screenshot der Anwendung des Arbeitsbereichs

Sie können auch Copilot verwenden, um ein neues Design zu generieren. Beschreiben Sie Ihre Marke oder das gewünschte Aussehen, und Copilot erstellt ein benutzerdefiniertes KI-generiertes Design, das Sie überprüfen und anwenden können. Dieses Feature ist im Arbeitsbereich "Formatieren" verfügbar.

Benutzerdefiniertes CSS

Für komplexere Formatierungsanforderungen ermöglicht das Power Pages-Designstudio, benutzerdefinierte CSS-Dateien hochzuladen.

Screenshot der benutzerdefinierten CSS-Uploadschnittstelle.

Nachdem Sie die benutzerdefinierte CSS-Datei hochgeladen haben, gilt sie für alle Designs, und der Seitenbereich spiegelt die entsprechenden Formatvorlagen wider. Sie können mehrere CSS-Dateien hochladen und deren Reihenfolge nach Bedarf festlegen. Weitere Informationen zu benutzerdefinierten CSS finden Sie unter Verwalten von CSS-Dateien in Power Pages in der Produktdokumentation.

Sie können auch Formatierungen auf einzelne Seiten anwenden, indem Sie Visual Studio Code für den Web-Editor verwenden. Wenn Sie eine Seite im Editor öffnen, werden drei Dateien geladen: HTML, CSS und JavaScript. Alle Änderungen in der CSS-Datei gelten nur für die ausgewählte Seite.

Vorlagen

Für komplexe Websites sind standardlayouts, die im Power Pages-Designstudio verfügbar sind, möglicherweise nicht ausreichend. In diesen Szenarien unterstützt Power Pages das Erstellen von Seiten mithilfe von benutzerdefinierten Layouts.

Für erweiterte Szenarien können benutzerdefinierte Layouts als Seitenvorlagen in der Portalverwaltungs-App erstellt werden. Wenn Sie eine neue Seitenvorlage definieren, wird sie im Designstudio als benutzerdefiniertes Layout verfügbar.

Screenshot der benutzerdefinierten Seitenvorlage, die im Power Pages-Designstudio als Layout verfügbar ist.

Ausführliche Informationen zum Erstellen benutzerdefinierter Seitenvorlagen finden Sie unter Erstellen und verwalten von Seitenvorlagen und Speichern von Quellinhalt mithilfe von Webvorlagen in der Power Apps-Dokumentation.