Partager via


Appliquer un style à votre site

Power Pages contient un ensemble robuste de thèmes et d’outils à utiliser pour appliquer un style à votre site. Choisissez parmi plusieurs thèmes prédéfinis que vous pouvez appliquer à votre portail. Utilisez ces thèmes comme point de départ et appliquez une personnalisation supplémentaire avec le menu de style.

L’espace de travail Style vous permet d’appliquer des styles de site globaux. Vous pouvez appliquer des mises à jour de l’image de marque de l’entreprise et examiner les modifications dans l’aperçu sur le côté droit de la fenêtre de l’application. Les styles proposent 13 thèmes prédéfinis. Pour chaque thème, vous pouvez personnaliser la palette de couleurs, la couleur d’arrière-plan, les styles de police, les styles de bouton et les marges de section.

  1. Ouvrez le studio de conception.

  2. Dans le volet de gauche, sélectionnez Styles.

    L’interface graphique avec l’option de menu de l’espace de travail Styles sélectionnée.

    Notez la liste des thèmes dans l’espace de travail Styles. Vous pouvez personnaliser davantage des éléments spécifiques, comme les couleurs et les polices du site, à partir du menu Styles. Power Pages offre des polices de base et plus de 30 polices Google parmi lesquelles choisir.

  3. Sélectionnez l’un des thèmes prédéfinis pour voir comment le style se reflète sur l’espace de travail du canevas à droite.

    • Chaque thème a sa propre palette de couleurs.

    • Vous pouvez ajuster le menu de style pour apporter des modifications à chaque thème. Les options de texte incluent la police, l’épaisseur, la taille et la couleur.

  4. Choisissez entre Enregistrer les modifications ou Ignorer les modifications après avoir effectué vos modifications.

    Un thème modifié est annoté en regard du nom du thème à moins ou jusqu’à ce qu’un thème soit réinitialisé pour conserver les modifications.

Réinitialiser un thème

Pour réinitialiser un thème à son état d’origine, sélectionnez les points de suspension (...) puis sélectionnez l’option Réinitialiser par défaut.

L’interface graphique avec l’option de réinitialisation par défaut en surbrillance.

Affichage de votre page

Pour voir la page complète dans le studio de conception, sélectionnez l’icône de la page complète.

L’interface graphique avec l’icône de pleine page en surbrillance.

Pour voir le site tel qu’il apparaît en production, sélectionnez l’icône d’aperçu.

L’interface graphique avec l’icône d’aperçu en surbrillance.

Vous pouvez également utiliser le sélecteur de fenêtre d’affichage pour choisir entre les vues Web, Tablette et Mobile de l’espace de travail.

Mappage du thème

Chaque couleur de la palette correspond à un élément spécifique de la page. Le thème prédéfini se compose de neuf couleurs et de trois emplacements pour les couleurs sélectionnées par l’utilisateur. Si vous personnalisez des éléments, le mappage n’est correct que si le thème est réinitialisé.

Pour ajouter une nouvelle couleur ou pour modifier une couleur existante, sélectionnez le signe plus (+) dans la palette de couleurs et choisissez votre couleur à l’aide du sélecteur de couleurs, en valeur hexadécimale ou en valeurs RGB.

La fonction de sélecteur de couleurs dans les portails.

Une fois qu’une nouvelle couleur est ajoutée à la palette de couleurs, elle peut être utilisée pour colorer les composants dans le menu contextuel.

Note

Pour les sites créés avec Power Pages avant le 23 septembre 2022, il existe un problème connu lié aux thèmes. En savoir plus : Ajustement de la couleur d’arrière-plan de votre site Power Pages

Annuler/rétablir

Vous pouvez sélectionner les icônes Annuler et Rétablir dans l’espace de travail Styles pour annuler les mises à jour de thème pour tous les scénarios liés à la modification d’un thème actuellement sélectionné.

  1. Vous pouvez appliquer les options d’annulation/rétablissement à tous les paramètres de style pour le thème sélectionné, y compris réinitialiser le thème par défaut dans les options du menu plus (...).

  2. Lorsque vous passez à un nouveau thème, une boîte de dialogue vous invite à enregistrer ou à supprimer les modifications non enregistrées. La pile d’annulation/rétablissement est effacée lors du choix de l’une des actions.

Quelle est l’expérience attendue de l’annulation/rétablissement ?

Les options Annuler et Rétablir ne prennent en charge que les modifications que vous apportez dans l’espace de travail Styles. Votre historique d’action est immédiatement effacé lorsque vous naviguez vers un espace de travail différent ou que vous passez à un thème différent.

De part leur conception, certaines actions générales du studio de conception ne sont pas prises en charge, notamment :

  • Synchronisation, enregistrement, prévisualisation, zoom, redimensionnement du canevas, navigation entre les espaces de travail et les pages Web, téléchargement de médias et fichiers CSS.

  • Passer à un thème différent, enregistrer un thème nouvellement sélectionné sans aucun changement de style.

  • Le panneau Actions CSS personnalisées, telles que télécharger, activer/désactiver, déplacer le fichier vers le haut ou vers le bas dans l’ordre de priorité.

Voir aussi