Block Theme Generator for WordPress
Welcome to the block theme generator app! The place where you can visually create themes - no coding required! Configure theme settings via each tab below and then click the Generate JSON button to create all that theme.json goodness!
Manage your theme.json settings in this section.
Border
Colors
Palette Colors
Gradient Colors
Duotone Colors
Custom
- 1
--wp--custom--spacing--small
max(1.25rem, 5vw)
- 2
--wp--custom--spacing--medium
clamp(2rem, 8vw, calc(4 * var(--wp--style--block-gap)))
- 3
--wp--custom--spacing--large
clamp(4rem, 10vw, 8rem)
- 4
--wp--custom--spacing--outer
var(--wp--custom--spacing--small, 1.25rem)
- 5
--wp--custom--typography--font-size--gigantic
clamp(3rem, 6vw, 4rem)
- 6
--wp--custom--typography--font-size--colossal
clamp(4rem, 8vw, 6.25rem)
- 7
--wp--custom--typography--line-height--tiny
1.15
- 8
--wp--custom--typography--line-height--small
1.2
- 9
--wp--custom--typography--line-height--medium
1.4
- 10
--wp--custom--typography--line-height--normal
1.6
Layout
Spacing
Typography
Other
Manage your custom templates in this section.
A comma separated list of post types that can use the template
Other miscellaneous theme.json items that can be configured.
theme.json
{
"version": 2,
"settings": {},
"styles": {},
"customTemplates": {},
"templateParts": {}
}