v1.0.6
Tema hijo para Bricks Builder

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.

9
Modulos
80+
Archivos WooCommerce
100+
Etiquetas dinamicas
6
Secciones de documentacion

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 @layer de 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
PHP7.4+ (recomendado 8.3)
WordPress6.0+
Bricks Builder2.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