WordPress theme.json Generator

Bumuo ng valid na theme.json — at tingnan kung aling kalahati ang talagang nagbabago sa site mo.

Tumatakbo sa iyong browser. Walang ina-upload.

Layout

Ang contentSize ang default na lapad ng column; ang wideSize naman ang lapad na nakukuha ng block kapag itinakda sa “Wide width”.

Lapad ng nilalaman (px) Wide width (px)

Paleta

Nagiging CSS custom properties ang mga ito at lumalabas sa bawat color picker sa editor.

Contrast (teksto)

Base (background)

Accent (mga link)

Mga opsyon

Fluid typographyNaglalabas ng mga font size na clamp() na sumusukat ayon sa laki ng screen sa halip na biglang magbago sa mga breakpoint. appearanceToolsBinubuksan ang mga kontrol para sa border, spacing, typography at kulay sa isang linya sa halip na isa-isang i-enable. I-apply din ang stylesNagdaragdag ng styles block para talagang lumabas ang paleta sa front end. Kung wala ito, sa editor lang inaalok ang mga kulay. Spacing scaleGumagawa ng 7-hakbang na spacing preset para may makatuwirang halaga ang mga kontrol ng padding at margin.

settings kumpara sa styles

theme.json

I-save ito bilang theme.json sa root ng iyong tema. Binabasa ito sa bawat page load, kaya walang build step at walang cache na kailangang linisin.

Tungkol sa WordPress theme.json Generator

Isang WordPress theme.json generator na naglalabas ng valid na version 3 na file: mga lapad ng layout, color palette, fluid type at spacing scale. Ipinapakita rin nito ang pagkakaibang ikinalilito ng lahat — inaalok ng settings ang mga halaga sa editor, inilalapat ng styles ang mga ito sa front end, at ang paleta lang mag-isa ay walang binabago hangga’t walang gumagamit nito.

Kaugnay

Iba pang tools na baka kailanganin mo

WordPress Image Size Lab

Mag-drop ng larawan. Tingnan ang bawat kopyang gagawin ng WordPress dito.