Generatore di theme.json per WordPress

Crea un theme.json valido — e scopri quale metà cambia davvero il tuo sito.

Gira nel tuo browser. Niente viene caricato.

Layout

contentSize è la larghezza di colonna predefinita; wideSize è quella che un blocco assume con «Larghezza estesa».

Larghezza del contenuto (px) Larghezza estesa (px)

Tavolozza

Diventano proprietà personalizzate CSS e compaiono in ogni selettore di colore dell’editor.

Contrasto (testo)

Base (sfondo)

Accento (link)

Opzioni

Tipografia fluidaGenera dimensioni dei caratteri con clamp() che scalano con il viewport invece di saltare ai breakpoint. appearanceToolsAttiva i controlli di bordo, spaziatura, tipografia e colore con una sola riga, invece di abilitarli uno per uno. Applica anche gli stylesAggiunge un blocco styles così la tavolozza viene davvero mostrata sul front end. Senza, i colori sono solo proposti nell’editor. Scala di spaziaturaGenera un preset di spaziatura a 7 livelli così i controlli di padding e margine hanno valori sensati.

settings vs styles

theme.json

Salvalo come theme.json nella radice del tuo tema. Viene letto a ogni caricamento di pagina, quindi niente build e nessuna cache da svuotare.

Informazioni su Generatore di theme.json per WordPress

Un generatore di theme.json per WordPress che produce un file version 3 valido: larghezze di layout, una tavolozza di colori, tipografia fluida e una scala di spaziatura. Rende visibile anche la distinzione su cui inciampano tutti: settings propone i valori all’editor, styles li applica al front end, e una tavolozza da sola non cambia nulla finché qualcosa non la usa.

Correlati

Altri strumenti che potrebbero servirti

Laboratorio delle dimensioni immagine di WordPress

Trascina dentro un'immagine. Guarda ogni copia che WordPress ne farà.