Générateur de theme.json WordPress

Créez un theme.json valide — et voyez quelle moitié change vraiment votre site.

Tourne dans votre navigateur. Rien n'est envoyé.

Mise en page

contentSize est la largeur de colonne par défaut ; wideSize est celle qu’obtient un bloc réglé sur « Largeur large ».

Largeur du contenu (px) Largeur large (px)

Palette

Elles deviennent des propriétés personnalisées CSS et apparaissent dans chaque sélecteur de couleur de l’éditeur.

Contraste (texte)

Base (arrière-plan)

Accent (liens)

Options

Typographie fluideGénère des tailles de police en clamp() qui s’adaptent au viewport au lieu de sauter aux points de rupture. appearanceToolsActive les réglages de bordure, d’espacement, de typographie et de couleur en une ligne au lieu de les activer un par un. Appliquer aussi les stylesAjoute un bloc styles pour que la palette s’affiche vraiment sur le site public. Sans lui, les couleurs sont seulement proposées dans l’éditeur. Échelle d’espacementGénère un préréglage d’espacement à 7 niveaux pour que les réglages de marge intérieure et extérieure aient des valeurs cohérentes.

settings vs styles

theme.json

Enregistrez ce fichier sous le nom theme.json à la racine de votre thème. Il est lu à chaque chargement de page : aucune étape de build, aucun cache à vider.

À propos de Générateur de theme.json WordPress

Un générateur de theme.json WordPress qui produit un fichier version 3 valide : largeurs de mise en page, palette de couleurs, typographie fluide et échelle d’espacement. Il rend aussi visible la distinction qui piège tout le monde : settings propose des valeurs à l’éditeur, styles les applique sur le site public, et une palette seule ne change rien tant que rien ne l’utilise.

Similaires

D'autres outils dont vous pourriez avoir besoin

Labo des tailles d'image WordPress

Déposez une image. Voyez chaque copie que WordPress en fera.