Les styles globaux sont les paramètres de marque et de design (couleurs, polices et typographie) qui s'appliquent à chaque page de votre site. Lorsque vous modifiez un style global, il met à jour toutes les pages en une fois, donc vous n'avez besoin de définir votre identité de marque qu'à un seul endroit.
Accéder à l'Éditeur de styles global
Dans l'écran Groupes de pages, cliquez sur Modifier les styles globaux.
L'Éditeur de styles global. Des références numérotées sont utilisées tout au long de cet article.
| N° | Zone | À quoi ça sert |
| 1 | Panneau de droite | Définir les couleurs, les polices et d’autres options de style globales |
| 2 | Aperçu de la page | Prévisualisation en direct de vos modifications au fur et à mesure que vous les effectuez |
| 4 | Basculement entre groupes de pages ou entités | Basculer entre les groupes de pages, les entités et les paramètres régionaux pour prévisualiser |
| 6 | Bascule de panneau | Réduire ou agrandir le panneau de droite pour plus d'espace de travail |
| 7 | Contrôles de la fenêtre d'affichage | Passer de l'ordinateur de bureau à la tablette et au mobile ; zoomer et dézoomer |
| 8 | Modifier les contrôles | Annuler, rétablir, supprimer ou publier vos modifications |
| 9 | Aperçu / liens en direct | Ouvrir un aperçu partageable ou votre site dans un nouvel onglet |
| 10 | Mettre à jour la bibliothèque | Intégrer les dernières mises à jour des produits (n'apparaît que lorsque vous êtes en retard) |
Définir votre palette de couleurs
Dans le panneau de droite (1), définissez la palette de couleurs de votre site en entrant quatre couleurs de base :
- Principal
- Secondaire
- Tertiaire
- Quaternaire
Utilisez le sélecteur de couleur pour saisir la valeur de chaque couleur. Une fois configuré, le système génère automatiquement six teintes et nuances supplémentaires — des variantes plus claires et plus foncées — qui peuvent être appliquées comme couleurs d’arrière-plan sur tout votre site sans aucun ajustement manuel.
À propos de l'accessibilité : Le système de couleurs donne la priorité à l'accessibilité. Les couleurs générées automatiquement sont associées aux couleurs du texte au premier plan qui répondent aux exigences de contraste WCAG AA. Les quatre couleurs de base peuvent être utilisées comme arrière-plans, mais la conformité WCAG AA ne peut être garantie pour celles-ci car leurs valeurs exactes sont définies par l'utilisateur.
| Arrière-plan | Premier plan | Conforme aux normes WCAG AA |
| blanc | noir | ✓ |
| Luminosité primaire à 98 % | noir | ✓ |
| Luminosité secondaire à 98 % | noir | ✓ |
| Luminosité tertiaire à 98 % | noir | ✓ |
| Luminosité quaternaire à 98 % | noir | ✓ |
| Luminosité primaire à 20 % | blanc | ✓ |
| Luminosité secondaire à 20 % | blanc | ✓ |
| Couleurs de base (primaire, secondaire, tertiaire, quaternaire) | Blanc ou noir | Non garanti |
Définir vos polices
Dans le panneau de droite (1), sélectionnez la famille et la taille de la police pour chaque niveau de la hiérarchie typographique de votre site :
- Niveaux de titre (H1 à H6)
- Corps du texte
- Liens
- Boutons
Plus de 1 500 polices de caractères sont disponibles. Actuellement, seules les polices contenant des caractères latins sont prises en charge.
Afficher un aperçu de vos modifications
Avant de publier, utilisez l'éditeur pour valider l'apparence de vos styles sur le site.
- Aperçu de la page (2) — Vos modifications sont affichées en direct dans l’aperçu au fur et à mesure que vous les effectuez.
- Groupe de pages / entité (4) — Basculez entre différents groupes de pages et entités pour confirmer que vos styles sont corrects sur l'ensemble du site. Vous pouvez également ouvrir une entité dans le graphe de connaissances directement d'ici pour effectuer des modifications de contenu.
- Commandes de la fenêtre d'affichage (7) — Passez de l'affichage sur ordinateur à l'affichage sur tablette et sur mobile pour vérifier la réactivité.
- Aperçu des changements (9) — Génère un lien d'aperçu partageable avec toutes vos modifications non publiées. Utilisez ceci pour recueillir les commentaires des parties prenantes avant la mise en ligne. L'aperçu reflète les modifications locales ; votre site en ligne ne reflète que les modifications publiées.
- Bascule du panneau (6) — Réduisez le panneau de droite pour agrandir l'espace de travail de prévisualisation.
Remarque : vous pouvez basculer entre les groupes de pages et les entités pour obtenir un aperçu, mais vous ne pouvez pas ajouter, réorganiser ou supprimer des sections dans l'éditeur de styles global. Pour changer la structure de la page, utilisez l’éditeur de mise en page.
Publier vos modifications
Les modifications sont sauvegardées automatiquement pendant que vous travaillez. Lorsque vous êtes prêt(e) à publier les mises à jour :
- Cliquez sur Publier dans les contrôles de modification (8). Si vos pages sont déjà en ligne, ce bouton indique Mettre à jour # Pages.
Vos styles sont diffusés simultanément sur chaque page et chaque groupe de pages.
Pour vérifier : après la publication, ouvrez votre site en ligne (9) et actualisez-le pour confirmer que les mises à jour sont visibles.
Remarque : Le bouton Publier est désactivé lorsqu'un déploiement est en cours ou que votre site comporte des erreurs. Vous pouvez toujours effectuer et enregistrer des modifications localement — elles seront prêtes à être publiées une fois le déploiement terminé ou l’erreur résolue. Pour plus d'informations, consultez les rubriques Afficher les Pages et Rechercher les erreurs.