Vector G · CF File → Bricks
Core Framework tiene un web app que exporta sistemas de diseño en formato .core (JSON). Este vector lee ese archivo directamente y escribe su contenido en Bricks, sin necesidad de tener CF instalado en WordPress.
Origen y destino
- Origen: archivo
.coreo.jsonexportado desde el web app de Core Framework. - Destino: paleta, variables y clases globales de Bricks.
Prerequisitos
- Bricks Builder 1.9+ activo
- Archivo
.coreo.jsonde CF exportado y accesible (ruta local o upload) - Licencia BricksShift activa
No necesitas tener el plugin CF instalado. Este vector es para equipos que diseñan en el web app de CF y quieren llevar el resultado a un WordPress con Bricks puro.
Qué extrae
ParserCFFile lee el JSON y extrae:
- Colores con sus variantes de transparencia.
- Tipografía (fuentes, pesos, escala de tamaños).
- Spacing.
- Borders y radios.
- Shadows.
El parser es framework-agnostic: no depende de CF estar activo en WordPress. Reutiliza CSSVariableExtractor y la lógica de ParserBricksCF para el tratamiento de variantes.
Opciones
Las mismas que en Vector F:
cf_file_path: ruta al archivo.coreo.json.transparency_variants:all·essential·omit.fluid_strategy:dual·preserve·static.
Flujo típico
- Diseñas tu sistema en el web app de Core Framework.
- Exportas como
.core(JSON). - Subes el archivo a tu WordPress con Bricks + BricksShift.
- BricksShift convierte el contenido en paleta, variables y clases globales de Bricks.
- Tu tema/templates de Bricks empiezan a usar los tokens del export.
Ejemplo de entrada (fragmento)
{
"colors": {
"primary": { "base": "#7c3aed", "variants": { "40": "#7c3aed66" } },
"secondary": { "base": "#ec4899" }
},
"spacing": {
"md": "1rem",
"lg": "clamp(1.5rem, 2vw, 2rem)"
}
}
Limitaciones
- Vector reciente (v1.1.0), sin QA real en producción.
- El formato de export de CF puede cambiar entre versiones del web app. BricksShift soporta el formato v1 documentado al cierre de v1.1.0.