Style global

Là où les réglages globaux définissent ce qui peut être modifié, les styles globaux définissent ce qui s’affiche concrètement tant que personne n’a rien changé : couleur de fond du site, taille de police du corps de texte, hauteur de ligne, ou couleur de lien par défaut.

Fonctionnement sous la clé styles de theme.json

Sous la clé styles de theme.json, un thème peut fixer des valeurs globales pour l’ensemble du site, mais aussi des valeurs spécifiques par type de bloc, en ciblant par exemple styles.blocks.core/quote pour changer uniquement l’apparence des citations. L’interface « Styles » de l’éditeur de site permet aussi à l’utilisateur de modifier ces valeurs visuellement, ce qui génère un enregistrement en base de données distinct du fichier theme.json d’origine.

Exemple de déclaration

{
  "styles": {
    "typography": {
      "fontSize": "var(--wp--preset--font-size--medium)",
      "lineHeight": "1.6"
    },
    "color": {
      "background": "#ffffff"
    }
  }
}

À ne pas confondre avec

• Une combinaison de styles n’est qu’un jeu alternatif de valeurs de styles globaux, prêt à remplacer celui par défaut du thème en un clic, sans en changer la structure de réglages sous-jacente.
• Les styles globaux définis via l’interface de l’éditeur de site priment sur ceux du fichier theme.json d’origine du thème, jusqu’à ce que l’utilisateur choisisse de les réinitialiser.
• Un style appliqué directement sur un bloc précis, dans le contenu d’une page, prévaut toujours sur le style global correspondant défini au niveau du thème.