FlowKit
Tema hijo de WordPress para Bricks Builder con gestion avanzada de recursos, capas CSS, sistema de diseno Tailwind, elementos personalizados y comercio electronico completo.
Documentacion
Explora cada area del tema. Cada seccion incluye explicaciones detalladas, ejemplos de configuracion y referencia completa de las opciones disponibles.
Que es FlowKit
FlowKit es un tema hijo de WordPress construido sobre Bricks Builder. No es un tema independiente — es una extension que anade funcionalidades avanzadas de seguridad, gestion de recursos, capas CSS, sistema de diseno con Tailwind, elementos personalizados y una integracion completa con WooCommerce.
Caracteristicas principales
- Endurecimiento de seguridad — Desactivacion de XML-RPC, proteccion de API REST, ocultacion de version de WordPress, cifrado AES-256-CBC para claves de API y verificacion de integridad SHA-256.
- Gestion de recursos — Control total sobre hojas de estilos y scripts: desactivar, reordenar, aplazar y optimizar la carga de cada recurso registrado.
- Capas CSS — Organizacion de estilos mediante
@layerde CSS. Control preciso de la cascada sin recurrir a!important. - Sistema de diseno Tailwind — Integracion con WindPress para compilar Tailwind CSS v4 en el servidor. Temas personalizables, previsualizacion en tiempo real y generacion asistida por inteligencia artificial.
- Elementos personalizados de Bricks — Elementos custom y mas de 100 etiquetas dinamicas para contenido flexible dentro del editor visual.
- WooCommerce completo — Mas de 80 archivos que cubren carrito, pago, Mi Cuenta, pedidos, resenas, variaciones de producto, minicarrito AJAX y mucho mas.
Requisitos
| Requisito | Version minima |
|---|---|
| PHP | 7.4+ (recomendado 8.3) |
| WordPress | 6.0+ |
| Bricks Builder | 2.2+ |
| WooCommerce (opcional) | 8.0+ |
| WindPress (opcional) | 1.0+ (para Tailwind CSS v4) |
Arquitectura
FlowKit organiza su codigo en directorios especializados. El punto de entrada es functions.php, que carga el sistema de administracion y las funcionalidades condicionales.
Estructura de archivos
functions.php # Punto de entrada, carga admin + condicionales admin/class-admin-pages.php # Hub del panel, orquesta todos los paneles admin/class-admin-components.php # Biblioteca de componentes UI reutilizables admin/panels/ # 10 paneles (1 clase PHP por modulo) inc/ # Clases core (helpers, injectors, loggers) library/ai/ # Sistema de IA (proxy AJAX server-side) library/security/ # Modulos de seguridad (8 archivos) library/woocommerce/ # WooCommerce completo (~80 archivos) library/elements/ # Elementos custom de Bricks library/tailwind/ # Utilidades Tailwind y TDSM
Flujo de carga
WordPress carga functions.php, que inicializa la clase Admin_Pages. Esta orquesta los 10 paneles de administracion, cada uno representado por una clase Panel_* independiente. Las funcionalidades del frontend (WooCommerce, elementos, capas CSS) se cargan condicionalmente segun la configuracion activa.
Modulos
FlowKit se compone de 9 modulos funcionales, cada uno con su propio panel de administracion y logica independiente.
| Modulo | Descripcion | Panel |
|---|---|---|
| Seguridad | Depuracion, proteccion de API REST, XML-RPC, cabeceras HTTP, cifrado de claves | Panel_Security |
| Recursos | Gestion de hojas de estilos y scripts: desactivar, reordenar, optimizar | Panel_Assets |
| Capas CSS | Inyeccion de CSS Layers para control de cascada sin !important | Panel_Layers |
| Sistema de Diseno | Temas Tailwind, previsualizacion en vivo, generacion con IA via WindPress | Panel_TDSM |
| Inteligencia Artificial | Asistente de IA con proxy AJAX, generacion de layouts y estilos | Panel_AI |
| Elementos | Elementos custom de Bricks y etiquetas dinamicas | Panel_Elements |
| Comercio electronico | WooCommerce completo: carrito, pago, Mi Cuenta, pedidos, resenas | Panel_Ecommerce |
| Documentacion | Este sitio de documentacion y ayuda contextual del panel | Panel_Documentation |
| Panel Principal | Dashboard central con resumen de estado de todos los modulos | Admin_Pages |