Bricks Toolkit

Menú flotante con herramientas de diseño, inspección y auditoría para desarrolladores que usan Bricks Builder en WordPress.

Bricks Toolkit es el asistente definitivo para diseñadores y desarrolladores web que trabajan con Bricks Builder en WordPress. Esta extensión inyecta un menú flotante no intrusivo que te da acceso inmediato a herramientas de desarrollo, auditoría SEO y accesos rápidos sin tener que abandonar la página que estás visualizando. 🚀 CARACTERÍSTICAS PRINCIPALES: - Detección Inteligente e Integración: La extensión detecta automáticamente si estás navegando por el frontend de una web hecha con Bricks o dentro del propio constructor. Además, te permite cambiar entre la vista de edición (?bricks=run) y la vista pública con un solo clic. - Grid Overlay (Cuadrícula Personalizable): Activa una cuadrícula visual superpuesta para alinear perfectamente tus diseños. Puedes personalizar el número de columnas, el ancho máximo (maxW), el espaciado (gap) y el color directamente desde el menú. - Tamaño de Viewport en Vivo: Visualiza las dimensiones exactas de tu ventana y entérate de qué breakpoint nativo de Bricks (992px, 768px, 478px) está activo en cada momento. - Auditoría de Headings (SEO): Analiza al instante la estructura de encabezados (H1-H6) de tu página. El sistema te alertará si falta la etiqueta H1, si hay múltiples etiquetas H1, o si te has saltado niveles jerárquicos (por ejemplo, pasar de un H2 a un H4). - Auditoría de Imágenes: Encuentra rápidamente imágenes sin el atributo "alt" (se resaltarán con un borde rojo). La herramienta abre un panel que te muestra un listado de las imágenes con sus tamaños naturales frente a los tamaños renderizados. - Selector de Color (Eyedropper): Una herramienta de cuentagotas nativa para capturar cualquier color de la pantalla. Copia automáticamente el código HEX al portapapeles y guarda una paleta con el historial de los últimos colores seleccionados. - Outline Debug: Activa un contorno en todos los elementos del DOM (excluyendo la propia extensión) para diagnosticar fácilmente problemas de espaciado o desbordamientos. - Accesos Rápidos (Shortcuts): Navega a la velocidad de la luz hacia el WP Admin, los Ajustes de Bricks, la lista de "Todas las páginas", la Bricks Academy o el Foro oficial de Bricks. ⚙️ INTERFAZ FLOTANTE Y ADAPTABLE: - El botón de herramientas (fab) se puede arrastrar y soltar en cualquier borde o esquina de tu pantalla para que nunca estorbe en tu diseño. La posición se guardará automáticamente para tus próximas sesiones.