Flowtitude v2 incluye una herramienta integrada para generar imágenes SVG personalizadas que puedes usar como placeholders (imágenes de relleno) en etapas de desarrollo o presentación de proyectos. Estas imágenes se crean dinámicamente mediante URLs, sin necesidad de archivos físicos en el servidor.

🎯 ¿Para qué sirve?

• Proporcionar espacios visuales temporales en maquetados o prototipos.
• Sustituir imágenes finales mientras se define el contenido real.
• Usar como fondos neutros en diseños con Tailwind o Bricks Builder.
• Crear vistas previas en componentes reutilizables.

Compatible con WordPress y perfectamente integrado con Bricks, este generador ahorra tiempo y mantiene tus diseños ordenados mientras están en construcción.

🔧 ¿Cómo se usa?

El sistema genera imágenes SVG mediante URLs con parámetros personalizables o rutas amigables. Puedes acceder al generador así:

✅ Vía URL directa:

https://tusitio.com/placeholder/?width=900&height=500&theme=dark

Parámetros disponibles:

• width: ancho en píxeles
• height: alto en píxeles
• theme: light o dark

✅ Vía URL amigable:

/placeholder/dark 
/placeholder/1200x600/light 
/placeholder/hd

Estas rutas son más limpias y fáciles de recordar, especialmente útiles en entornos colaborativos o con componentes dinámicos.

📐 Tamaños abreviados soportados

El generador también incluye códigos abreviados para tamaños comunes:

Puedes combinar estos códigos con los temas light o dark, por ejemplo:

/placeholder/hd/dark

✨ Características visuales del placeholder

• Fondo con color según el tema (light o dark)
• Líneas diagonales que generan una textura visual
• Totalmente escalable al tamaño solicitado
• Sin carga adicional de imágenes externas

🧠 Recomendaciones de uso

• Úsalo en secciones donde aún no tienes imágenes definitivas.
• Combínalo con clases utilitarias de Tailwind para ajustar márgenes, bordes o filtros.
• Útil para diseñar style guides, skeletons o interfaces en desarrollo.

El Dashboard de Flowtitude v2 ofrece una vista rápida del estado general del tema hijo y sus principales herramientas activas. Es el punto de partida para revisar configuraciones, verificar integraciones y entender qué está funcionando en tu entorno.

🧭 ¿Qué muestra el panel?

• Cantidad de snippets activos, organizados por carpeta (como frontend, seguridad, Bricks).

• Estado de WindPress, la integración que permite usar Tailwind CSS en WordPress.

• Integraciones disponibles como:

  • Modo oscuro para el panel de administración.
  • Intersection Observer, útil para animaciones o carga condicional de elementos.

• Soporte para capas CSS (@layer) en Tailwind, tanto en WordPress como en Bricks.

⚙️ Funciones básicas del dashboard

• Activa o desactivala integración de tailwind con un solo click. Siempre que tengas WindPress instalado y activo.
• Accede directamente a las secciones principales del tema hijo.
• Visualiza rápidamente si Tailwind está funcionando correctamente.

Este panel no busca ser complejo ni reemplazar el escritorio de WordPress, sino ofrecer un espacio sencillo para gestionar lo esencial del sistema Flowtitude v2.

La sección Snippets de Flowtitude v2 te permite gestionar fragmentos de código PHP de forma modular y ordenada. Es una alternativa sencilla y segura al clásico functions.php, pensada para mantener el código organizado, reutilizable y bajo control.

📁 ¿Cómo funciona?

• Los snippets están organizados en carpetas temáticas (por ejemplo: frontend, seguridad, bricks, etc.).
• Cada fragmento incluye un nombre y descripción para identificarlo fácilmente.
• Puedes activarlos o desactivarlos al instante usando interruptores sin recargar la página.
• El sistema detecta automáticamente nuevos snippets subidos desde el panel correspondiente y los integra al listado.

🧠 ¿Por qué usar snippets?

• Evitas mezclar código en un solo archivo largo.
• Facilita la prueba y depuración de funciones.
• Mejora la colaboración en equipo, permitiendo dividir responsabilidades por carpetas.
• Los cambios son reversibles al instante sin tocar archivos del tema hijo.

Este sistema convierte tu WordPress + Bricks en un entorno más limpio y controlado, ideal para proyectos que crecen con el tiempo.

La pestaña Security de Flowtitude v2 reúne funciones básicas para reforzar la seguridad de tu instalación de WordPress, sin depender de plugins adicionales ni configuraciones avanzadas. Algunas de estas medidas ya están activas por defecto y funcionan de forma transparente.

🛡️ ¿Qué puedes activar desde el panel?

• Desactivar el acceso público a la API REST (/wp-json) – Ayuda a limitar exposiciones innecesarias de datos.
• Bloquear la edición de archivos desde el panel – Evita cambios accidentales o accesos no deseados al código desde el administrador.
• Otras reglas de hardening – Pensadas para proteger sin afectar la funcionalidad del sitio.

🔍 Funciones que ya están activas

Algunas protecciones están preactivadas como parte del sistema base del tema hijo, entre ellas:

• Ocultar la versión de WordPress del código fuente.
• Deshabilitar cabeceras innecesarias que podrían revelar información del servidor.
• Recomendaciones de seguridad básicas integradas al código, sin requerir configuración.

Estas medidas se aplican de forma silenciosa, con el objetivo de mejorar la seguridad mínima sin interrumpir tu flujo de trabajo.

🚧 Módulo en expansión

Este panel está pensado como una base que irá creciendo con el tiempo. Se irán añadiendo más opciones enfocadas en reforzar aspectos comunes del entorno WordPress sin sobrecargar el sistema.

La sección Settings de Flowtitude v2 reúne una serie de ajustes prácticos que funcionan como snippets del sistema preinstalados. No necesitas escribir código: solo activas o desactivas lo que necesitas desde un panel sencillo.

🔧 ¿Qué puedes configurar?

• Límite de revisiones de WordPress – Controla cuántas versiones se guardan por entrada.
• Mover menú de Bricks – Reubica el menú del editor al final del panel para mejor organización.
• Eliminar CSS de Gutenberg y Bricks – Ideal si usas Tailwind y quieres reducir estilos cargados innecesariamente.
• Desencolar scripts de Bricks – Limpia el frontend de archivos que no estás utilizando.
• Activar @layer para WordPress y Bricks – Mejora la estructura de tus estilos si usas Tailwind CSS.
• Modo oscuro y Intersection Observer – Dos mejoras visuales y funcionales para el editor y el sitio.

🧠 ¿Cómo funciona?

Cada opción está diseñada como un fragmento de código ya integrado en el sistema. Solo debes marcar el interruptor correspondiente y el cambio se aplica automáticamente, sin necesidad de tocar archivos del tema hijo.

Esto permite ajustar tu entorno con rapidez, evitando la instalación de plugins o la edición manual de configuraciones comunes.

La sección Bricks en Flowtitude v2 te permite gestionar componentes personalizados desarrollados específicamente para Bricks Builder. Aquí puedes controlar qué elementos están disponibles en tu editor, manteniendo el entorno más ligero y organizado.

🧩 ¿Qué puedes gestionar?

Los componentes se agrupan en tres categorías:

• Custom Elements – Elementos personalizados creados para extender las funcionalidades de Bricks.
• Dynamic Tags – Etiquetas dinámicas para añadir contenido personalizado.
• Conditionals – Condiciones lógicas que definen cuándo mostrar elementos o ejecutar acciones.

⚙️ Cómo funciona

• Cada grupo aparece en un bloque colapsable dentro del panel.
• Puedes activar o desactivar los componentes con un clic.
• También es posible eliminarlos si ya no los necesitas.
• Los nuevos componentes que subas desde la sección correspondiente aparecerán aquí automáticamente, clasificados según su tipo.

Este sistema te permite trabajar con un entorno Bricks más limpio y modular, adaptado a las necesidades reales de tu proyecto.

Flowtitude v2 permite subir tanto snippets PHP personalizados como componentes específicos de Bricks Builder directamente desde el panel. Estas funciones están pensadas para desarrolladores que quieren mantener una estructura ordenada, sin necesidad de editar archivos por FTP o tocar el núcleo del tema hijo.

📦 Subida de Snippets Personalizados

Desde la sección Upload Snippets puedes cargar archivos .php con funciones o utilidades que desees reutilizar en tu proyecto.

Características clave:

• Organización automática: Los archivos se ubican por carpeta según su propósito.
• Seguridad integrada: Se bloquean funciones peligrosas como eval, exec, etc.
• Límite de tamaño: Cada archivo puede pesar hasta 50 KB.
• Activación inmediata: Los snippets subidos se integran al panel y pueden activarse con un clic.

Es ideal para compartir funciones con tu equipo o mantener un repositorio ordenado de utilidades.

🧱 Subida de Componentes para Bricks

Desde Upload Bricks Components puedes importar componentes avanzados de Bricks, como:

• Custom Elements
• Dynamic Tags
• Conditionals

Ventajas:

• Clasificación automática: El sistema detecta el tipo de componente al subirlo y lo organiza correctamente.
• Sin necesidad de FTP: Todo se maneja desde el panel, sin pasos técnicos adicionales.
• Gestión completa: Puedes activar, desactivar o eliminar cualquier componente desde su propia sección.

Esto facilita un enfoque modular en proyectos Bricks donde el equipo colabora con diferentes bloques funcionales.

🌱 Pensado para crecer con la comunidad

Desde Flowtitude estamos trabajando en una biblioteca oficial de snippets y componentes para Bricks, con el objetivo de:

• Ofrecer recursos útiles listos para usar.
• Apoyar a la comunidad con soluciones comunes y personalizables.
• Acelerar la implementación de funcionalidades en nuevos proyectos.

Esta biblioteca estará disponible próximamente y se integrará con el panel del tema hijo para facilitar su uso.

El panel Tailwind Design System es una funcionalidad opcional de Flowtitude v2, pensada para quienes trabajan con Tailwind CSS y quieren un mayor control visual y estructural sobre el sistema de diseño. Actualmente está en desarrollo y puede activarse desde el dashboard cuando se necesite.

🎯 Filosofía del panel

Este módulo no busca reemplazar un wizard o generador de configuración, sino ofrecer un espacio donde puedes:

• Tener una visión centralizada de las decisiones de diseño (colores, tipografía, espaciado, grid, etc.).
• Preparar y validar tu sistema antes de pasar a producción.
• Integrarlo fácilmente con tus componentes y estilos personalizados.

Es una herramienta de apoyo para desarrolladores que usan Tailwind como base de su sistema de diseño y quieren mantener consistencia visual sin perder flexibilidad.

🔒 ¿Es obligatorio?

No. El panel es completamente opcional y no interfiere con otros flujos de trabajo si no lo activas. Puedes dejarlo desactivado desde el dashboard sin afectar el resto de funcionalidades del tema hijo.

¿Necesitas crear formas tipo blob o bordes orgánicos para tus diseños?
💡 Entonces esto te va a encantar:

✨ Permite generar formas fluidas y curvas complejas usando solo border-radius, con vista previa en tiempo real y código listo para copiar. Ideal para layouts más creativos o efectos visuales suaves, sin necesidad de SVGs ni imágenes externas.

🔧 Perfecto para usar con Tailwind si combinas clases utilitarias y estilos personalizados.

Ya está disponible en nuestra sección de recursos recomendados, ¡échale un vistazo cuando quieras añadir un toque visual distinto a tus proyectos!

👉 Fancy Border Radius Generator

¡Hola comunidad de Flowtitude! 🌊✨

Queremos compartir con ustedes los últimos avances en el desarrollo de nuestro ChatGPT personalizado para Flowtitude. Estamos llevando la experiencia de asistencia y automatización a otro nivel, asegurándonos de que sea más útil, eficiente y adaptado a nuestras necesidades.

🔹 Novedades de esta semana

✅ Búsqueda en documentación de Tailwind
Ahora el chatbot puede buscar en la documentación tanto de Tailwind 3 como de Tailwind 4, facilitando aún más la consulta de información técnica y actualizada.

✅ Memoria y aprendizaje mejorados
Hemos trabajado en mejorar la capacidad de memoria, permitiendo que el chatbot recuerde conversaciones previas y guarde preferencias por usuario y a nivel general. Esto significa respuestas más personalizadas y una experiencia más fluida con cada interacción.

✅ Configuración de Tailwind para Flowtitude (próximamente)
Muy pronto integraremos la configuración específica de Tailwind en Flowtitude, optimizando aún más la asistencia en el desarrollo con nuestro stack.

✅ Optimización de base de datos y servidor
Estamos evaluando estrategias para controlar el crecimiento de la base de datos y optimizar los recursos del servidor que alojará la API y la BD del chatbot. Queremos garantizar que la herramienta sea rápida y eficiente sin comprometer el rendimiento.

Estos avances nos acercan cada vez más a una versión de ChatGPT realmente adaptada a la comunidad de Flowtitude. Seguiremos mejorando y ajustando detalles para que la experiencia sea aún mejor.

🔜 ¿Qué más les gustaría ver en la próxima actualización? ¡Los leemos en los comentarios! 👇