Styles et modèles de site

  • 3 minutes

Un thème décrit les couleurs, les polices, les marges de section et d’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é. En utilisant des éléments d’espace de travail Styling, vous pouvez personnaliser le thème pour aligner l’apparence du site avec des exigences de conception telles qu'une marque d'entreprise spécifique.

Styles

Choisissez un thème parmi plusieurs présélections disponibles, puis appliquez des personnalisations. Vous voyez une personnalisation immédiatement sur la page, ce qui facilite l’utilisation du style de base.

Capture d’écran de l’utilisation de l’espace de travail Style pour sélectionner et modifier un thème.

Vous pouvez également utiliser Copilot pour générer un nouveau thème. Décrivez votre marque ou l’apparence souhaitée, et Copilot crée un thème généré par l’IA personnalisé que vous pouvez examiner et appliquer. Cette fonctionnalité est disponible dans l’espace de travail Styling.

CSS personnalisé

Pour les exigences de style plus complexes, Power Pages design Studio permet aux créateurs de charger des fichiers CSS personnalisés.

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

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

Vous pouvez également appliquer un style à des pages individuelles à l’aide de Visual Studio Code pour l’éditeur web. Lorsque vous ouvrez une page dans l’éditeur, trois fichiers se chargent : HTML, CSS et JavaScript. Les modifications apportées au fichier CSS s’appliquent uniquement à la page sélectionnée.

Modèles

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

Pour les scénarios avancés, des dispositions personnalisées peuvent être créées en tant que modèles de page dans l’application Gestion du portail. Lorsque vous définissez un nouveau modèle de page, 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 mise en page dans le studio de conception Power Pages.

Pour plus d’informations sur la création de modèles de page personnalisés, consultez Créer et gérer des modèles de page et Stocker le contenu source en utilisant des modèles web dans la documentation Power Apps.