Variantes de styles globaux (Global Style Variations)

Définition : Une variante de styles globaux WordPress propose une autre identité visuelle pour un même thème, grâce à un fichier JSON placé dans son répertoire styles. Elle évite de créer plusieurs thèmes distincts.

Terminologie

Nom technique : Variantes de styles globaux (Global Style Variations)

Appellations : Nom principal utilisé

À quoi cela sert, concrètement

Elle facilite la comparaison de palettes, typographies et agencements compatibles, tout en conservant les mêmes templates et fonctionnalités de présentation du thème.

Fonctionnement détaillé

Les fichiers styles/nom.json utilisent la structure de theme.json. Leur sélection dans l’éditeur applique des choix qui sont enregistrés comme personnalisation utilisateur du site ; la mise à jour du fichier ne remplace pas automatiquement ce choix déjà sauvegardé.

Quand l’utiliser : contexte et choix techniques

Choisir des variantes lorsque le même thème doit proposer plusieurs ambiances cohérentes. Préférer un thème enfant si des surcharges de templates et une logique de maintenance indépendante sont nécessaires.

Situation professionnelle réaliste

ATOOLPHA pourrait proposer deux palettes pour son thème, tout en conservant les mêmes pages, blocs et données encyclopédiques.

Exemple pratique — JSON commenté par l’explication

Exemple pédagogique : adapter le nom du thème, les fichiers et les conditions à un environnement de développement. Il ne constitue pas une preuve d’exécution sur ATOOLPHA.

{
  "version": 3,
  "title": "Nuit technique",
  "styles": {
    "color": { "background": "#151C26", "text": "#F5F7FB" },
    "elements": {
      "link": { "color": { "text": "#7CC8FF" } }
    }
  }
}

Décryptage de l’exemple, étape par étape

Enregistrer ce JSON dans styles/nuit-technique.json du thème. Le titre identifie la variante dans l’interface. Les propriétés modifient les couleurs globales, sans changer les templates ni créer une catégorie WordPress.

Résultat observable

L’administrateur peut choisir « Nuit technique » et obtenir une présentation sombre des zones qui respectent le système de styles globaux.

Exercice de vérification pratique

Dans un thème à blocs de test, ajouter la variante puis ouvrir Apparence → Éditeur → Styles. Sélectionner la variante, l’enregistrer et contrôler plusieurs types de pages avant de revenir au style initial.

Pièges, limites et sécurité

Une variante choisie est enregistrée comme personnalisation ; sa mise à jour dans les fichiers peut ne pas modifier les sites qui l’ont déjà sélectionnée. Tester contraste et accessibilité.

Différences avec les notions voisines

Une variante globale s’applique au design du thème entier ; une variation de style de bloc ne concerne qu’un bloc particulier.

Diagnostic avancé et cas de maintenance

Cas avancé : une correction d’accessibilité est ajoutée à une variante déjà utilisée par les visiteurs, mais elle ne se répercute pas sur le site. La sélection initiale a enregistré une personnalisation. Il faut tester le comportement de la variante réellement active, pas seulement relire le fichier dans styles.