Styles et modèles de site

  • 3 minutes

Un thème décrit les couleurs, polices, marges de section et autres éléments de conception d’un site Power Pages. Chaque site est configuré avec un thème défini par le modèle sélectionné. À l’aide des éléments de l’espace de travail Styles, vous pouvez personnaliser le thème pour aligner l’apparence du site sur les exigences de conception telles que la marque d’entreprise spécifique.

Styles

Vous pouvez choisir un thème parmi plusieurs thèmes prédéfinis disponibles, puis appliquer des personnalisations. Toute personnalisation est appliquée immédiatement à la page sur le canevas, ce qui facilite le travail avec les styles de base.

Capture d’écran de l’espace de travail Utilisation des styles permettant de sélectionner et de modifier un thème.

Fichiers CSS personnalisés

Pour des exigences de style plus complexes, le studio de conception Power Pages permet aux créateurs de charger des fichiers CSS.

Capture d’écran de l’interface de chargement CSS personnalisée.

Une fois le fichier CSS personnalisé chargé, il s’applique à tous les thèmes et le canevas de la page reflète les styles applicables. Vous pouvez charger plusieurs fichiers CSS et définir leur ordre si nécessaire. Pour en savoir plus sur les fichiers CSS personnalisés, consultez Gérer des fichiers CSS dans Power Pages dans la documentation produit.

Le style peut également être appliqué à des pages individuelles à l’aide de Visual Studio Code pour l’éditeur web. Lorsqu’une page est ouverte dans l’éditeur, trois fichiers sont chargés : HTML, CSS et JavaScript. Toute modification apportée au fichier CSS s’applique uniquement à la page sélectionnée.

Modèles

Pour les sites complexes, les dispositions standard disponibles dans le studio de conception Power Pages peuvent ne pas suffire. Pour ces scénarios, Power Pages prend en charge la création de pages à l’aide de dispositions personnalisées.

Comme Power Pages s’appuie sur la base des portails Power Apps, il peut utiliser des modèles de page créés par des créateurs et des développeurs professionnels dans l’application Gestion de portail. Lorsqu’un nouveau modèle de page est défini, il devient disponible dans le studio de conception en tant que disposition personnalisée.

Capture d’écran du modèle de page personnalisé disponible en tant que disposition dans le studio de conception Power Pages.

Pour en savoir plus sur la création de modèles de page personnalisés, consultez Créer et gérer des modèles de page et Stocker du contenu source à l’aide de modèles web dans la documentation Power Apps.