Hola comunidad 👋
Esto ya lo he dejado caer alguna vez por aquí, pero ahora sí que voy a empezar a hacer pruebas más en serio: crear una alternativa personalizada al dashboard estándar de WordPress usando Tailwind CSS 4.
La idea es montar una interfaz más clara, visual y enfocada en el cliente, dejando atrás el backend cargado de WordPress que muchas veces genera más confusión que utilidad.
🎛️ ¿Qué tendría este dashboard personalizado?
Me he planteado algo bastante sencillo (en principio será estático, salvo un formulario de contacto). La estructura sería:
-
Bloque de bienvenida
- Mensaje directo tipo: “Bienvenido/a, aquí puedes gestionar tu sitio fácilmente.”
-
Datos de contacto / soporte
- Teléfono, email y formulario simple (posiblemente con
formsubmit.io).
- Teléfono, email y formulario simple (posiblemente con
-
Accesos rápidos
- Tarjetas o botones para acciones típicas: editar página, ver pedidos, abrir el constructor…
-
Sección de ayuda
- Enlaces a documentación, preguntas frecuentes, algún video o guía rápida.
-
(Opcional) Estadísticas o notificaciones
- Algo visual pero estático que aporte valor, sin meterse en mucho backend.
Todo maquetado con Bricks builder y Tailwind 4
🎯 Preguntas para debatir:
- ¿Crees que tiene sentido este enfoque?
- ¿Qué otras secciones incluirían en un dashboard así?
- ¿Vale la pena para proyectos pequeños o solo si se busca una experiencia más pulida?
- ¿Has hecho algo parecido?
Voy a montar una primera versión estos días, así que cualquier feedback o idea será bienvenida 🙌
Esta semana me planteo tres retos clave para llevar el tema hijo al siguiente nivel:
-
🎨 Selector de plantillas Bricks en el Dashboard
Crear un control que permita elegir, desde el panel de ajustes, la plantilla de Bricks que se cargará como diseño del Escritorio de WordPress. -
⚙️ Carga aislada de Tailwind CSS v4
Integrar Tailwind 4 para estilizar el nuevo dashboard sin que los estilos por defecto de WordPress ni los de Bricks entren en conflicto. Esto implica:- Aislar el scope de los estilos de Tailwind.
- Gestionar la especificidad y evitar colisiones.
-
🔄 Reutilización en instalaciones de clientes
Diseñar esta funcionalidad como un componente reusable, de modo que se pueda desplegar fácilmente en cada proyecto de agencia, ofreciendo un Escritorio totalmente personalizado.
💬 ¿Qué te parece? ¡Espero vuestros comentarios y sugerencias para afinar estos objetivos! 🙌
Hoy hacemos una actualización importante del Tema Hijo con dos grandes novedades:
-
🔀 Reorganización de opciones
- Hemos reestructurado los menús y ajustes para que encuentres todo de forma más rápida e intuitiva.
- Los apartados quedan ahora agrupados por funcionalidad: Diseño, Rendimiento, Seguridad y Herramientas.
-
💾 Gestión de memoria
- Límite de memoria de WordPress: define cuánto puede usar WP internamente.
- Límite máximo de memoria: controla el techo de consumo de PHP en tu servidor.
- Optimización de memoria: activa o desactiva estrategias de limpieza y recarga para reducir picos de uso.
Estos cambios forman parte de nuestro compromiso por ofreceros un tema hijo ligero, flexible y fácil de mantener. 🛠️
Como siempre, ¡vuestra opinión es clave! Si detectáis cualquier incidencia o tenéis sugerencias, dejadlas en los comentarios para incorporarlas en la siguiente versión. 🙌
Queremos compartir con vosotros que acabamos de actualizar tanto la configuración de Tailwind como el tema hijo. Estas dos piezas clave del ecosistema de Flowtitude seguirán vivas y en constante evolución, ya que son la base sobre la que estamos construyendo muchas de las mejoras actuales y futuras. 👇
🌀 Tailwind Config – en expansión constante
La configuración de Tailwind está creciendo con nuevas funcionalidades que facilitarán el desarrollo y aportarán más flexibilidad:
- 🎞️ Sistema de clases para animaciones utilitarias.
- 🧩 Nuevos grupos de clases basados en content-grid y content-flex, pensados para estructuras modulares y reutilizables.
Esto nos permitirá crear interfaces más ricas, ordenadas y coherentes con menos esfuerzo.
🧱 Tema hijo – estable y funcional
El tema hijo ha alcanzado ya un punto bastante estable, lo cual nos permitirá en las próximas semanas centrarnos en:
- ⚙️ Optimizar lo ya implementado.
- 🗂️ Reorganizar paneles para una mejor usabilidad.
- 📥 Y como novedad de última hora: hemos añadido la posibilidad de subir componentes de Bricks y snippets por lotes. Esto facilitará enormemente la importación de conjuntos completos que estamos terminando de preparar.
💬 Como siempre, cualquier feedback, sugerencia o detalle que detectéis, será bienvenido. ¡Gracias por seguir empujando junto a nosotros este proyecto! 💜
Seguimos avanzando con el desarrollo del tema hijo y ya hemos empezado a incorporar nuevas opciones de seguridad, pensando en mejorar la gestión y el control del entorno de trabajo.
🛠️ La primera novedad es la incorporación de un apartado de "Debug", desde donde se podrán activar o desactivar ciertas funciones útiles para desarrollo o resolución de problemas, sin necesidad de tocar código directamente.
Esta es solo la primera de varias mejoras que tenemos previstas. Ya estamos trabajando en otras opciones interesantes, siempre con la idea de que el tema hijo sea una herramienta realmente útil, ligera y fácil de mantener.
💬 Como siempre, cualquier sugerencia o idea que os gustaría ver integrada, será más que bienvenida.
Estamos trabajando en una solución reutilizable para crear botones circulares que se encajan perfectamente en el borde inferior de tarjetas o imágenes, usando sólo Tailwind CSS y box-shadow en pseudo-elementos.
El objetivo es construir un bloque estandarizado y adaptable para loops de productos y secciones UI donde este patrón visual es común (ecommerce, catálogos, etc.).
🔧 La técnica usa:
::beforey::aftercon sombras múltiples en "escalera"- Variables CSS para tamaño, color y redondez
- Total control desde utilidades o
style=""
🛠️ Pronto publicaremos el componente completo como bloque.
Quería contaros que vamos con algo de retraso en la fase 2 del Tema hijo. No es una parada, es una pausa estratégica 😅
Estoy reorganizando todo el CSS y el panel de personalización con Tailwind para dejarlo limpio, escalable y fácil de mantener. No queremos correr y terminar parchando cosas — la idea es que lo que venga esté bien hecho y dure.
🔧 Esta parte lleva más trabajo del que parecía al principio, pero va a marcar la diferencia en la experiencia final.
💬 Iremos mostrando los avances y novedades a medida que se vayan produciendo, así que atentos por aquí. Vamos a seguir construyendo esto juntos, paso a paso.
Gracias por la paciencia y el apoyo de siempre 🙌
Ya está en pruebas un nuevo bloque tipo slider con bucle infinito + efecto fade entre imágenes.
✨ Cada slide tiene un overlay manual en Tailwind
🔥 Y lo mejor: animación tipo Ken Burns (¡con varios estilos listos!)
Estoy creando esto como parte de una futura librería de animaciones, así que si tienes ideas o sugerencias, ¡son más que bienvenidas! 💡
Vamos por más movimiento visual con estilo 😎
Esta semana finalmente implementamos una serie de mejoras clave en la API de memoria de FlowtitudeGPT. Nuestro objetivo: hacer que la interacción con el asistente sea más precisa, personal y fácil de administrar ⚙️💬
✨ ¿Qué hay de nuevo?
-
👍👎 Feedback instantáneo
Ahora podés calificar la última respuesta con/likeo/dislikepara que sigamos afinando la calidad del asistente. -
🧠 Nuevos comandos disponibles
/listprefs: consultá tus preferencias actuales./delpref [nombre]: eliminá una preferencia específica./showglobals: admins pueden ver las preferencias globales del sistema.
-
📚 Mejor documentación + RAG local mejorado
Inyectamos solo contenido realmente útil (por ejemplo, de Tailwind) al modelo. Más precisión, menos ruido. -
🔁 Flujo más robusto
Se mantiene el historial, se resumen conversaciones largas automáticamente (¡+50 mensajes!) y se guardan preferencias a nivel usuario y sistema.
🎯 ¿Qué sigue?
Vamos a seguir ampliando la API para soportar múltiples “intenciones” (como Tailwind 3, Tailwind 4 y Flowtitude System) y explorar la integración con embeddings para un RAG más potente.
🙏 ¡Gracias por ser parte del viaje!
Si tienen ideas, sugerencias o simplemente quieren probar lo nuevo, los leemos en los comentarios o por mensaje 💬
Para todos los miembros de la comunidad, presentamos FlowtitudeGPT, la herramienta que te ayudará a crear secciones y resolver cualquier duda respecto a Tailwind 4 y el sistema de diseño de Flowtitude.
Hemos incorporado una memoria inteligente y nuevos comandos, además de enseñarle nuestra configuración para que siempre genere código a tu medida. ¡Prepárate para llevar tus proyectos al siguiente nivel!
Almacena y resume tus conversaciones 💾
- Todo tu historial se guarda en una memoria y, cuando la conversación crece demasiado, se crea un resumen automático para que mantengas el contexto sin sobrecargar el sistema.
Gestiona tus preferencias ⚙️
- Con solo decir “mi preferencia es
NOMBREesVALOR”, el sistema guardará esa preferencia. - Por ejemplo: “mi preferencia es color favorito es rojo” y FlowtitudeGPT usará este dato en las próximas respuestas.
Comandos útiles ✨
- /reset o “borrar mi historial”: Limpia todo tu historial (incluyendo resúmenes).
- /help o “ayuda”: Muestra la lista de comandos disponibles.
¿Cómo empezar?
- Envía tu mensaje normal al endpoint o API.
- Para usar comandos, inclúyelos en el campo “message” (por ejemplo, “/reset”).
- Personaliza tu experiencia estableciendo preferencias y observa cómo el GPT las aplica en cada respuesta.
¡Disfruta de un asistente Tailwind que recuerda tu estilo y necesidades! Si necesitas más información o tienes dudas, ¡no dudes en preguntar!