Generador de theme.json para WordPress

Crea un theme.json válido y descubre qué mitad cambia realmente tu sitio.

Funciona en tu navegador. No se sube nada.

Diseño

contentSize es el ancho de columna predeterminado; wideSize es el que recibe un bloque cuando se marca «Ancho amplio».

Ancho del contenido (px) Ancho amplio (px)

Paleta

Se convierten en propiedades personalizadas CSS y aparecen en todos los selectores de color del editor.

Contraste (texto)

Base (fondo)

Acento (enlaces)

Opciones

Tipografía fluidaEmite tamaños de fuente con clamp() que escalan con el viewport en vez de saltar en los puntos de ruptura. appearanceToolsActiva los controles de borde, espaciado, tipografía y color en una sola línea, en lugar de habilitar cada uno a mano. Aplicar también los stylesAñade un bloque styles para que la paleta se muestre de verdad en el front end. Sin él, los colores solo se ofrecen en el editor. Escala de espaciadoGenera un preajuste de espaciado de 7 pasos para que los controles de relleno y margen tengan valores razonables.

settings frente a styles

theme.json

Guarda esto como theme.json en la raíz de tu tema. Se lee en cada carga de página, así que no hay paso de compilación ni caché que vaciar.

Sobre Generador de theme.json para WordPress

Un generador de theme.json para WordPress que emite un archivo version 3 válido: anchos de diseño, una paleta de colores, tipografía fluida y una escala de espaciado. Además hace visible la distinción con la que todo el mundo tropieza: settings ofrece valores al editor, styles los aplica al front end, y una paleta por sí sola no cambia nada hasta que algo la usa.

Relacionadas

Otras herramientas que puedes necesitar

Laboratorio de tamaños de imagen de WordPress

Suelta una imagen. Mira todas las copias que WordPress hará de ella.