Conoce el entorno de Bloques en Waclis

Conoce el entorno de Bloques en Waclis

1. Área superior

Herramientas rápidas:

• Alternar panel izquierdo, deshacer/rehacer, modo diseñador, vista previa y fullscreen.
• Toggle del navegador de capas, modos día/noche y botones para ver móvil/tablet/desktop.
• Campo de zoom (%), volver al panel principal y Guardar.

2. Panel izquierdo

• Sections: bloques prediseñados (galerías, beneficios, FAQ, CTA, etc.) con buscador y categorías.
• Componentes: base (textos, formularios), elementos (tabs, acordeones, cards), Bootstrap 5, widgets y embeds.
• Propiedades: pestañas Content, Style y Advanced para cada elemento (display, tipografía, background, responsive, animaciones).
• Estilos: variables globales y CSS personalizado.

3. Panel derecho

• Vista previa interactiva de la página.
• Barra contextual sobre cada elemento (arrastrar, seleccionar padre, mover arriba/abajo, editar HTML, clonar, eliminar).
• Breadcrumb HTML al pie y botón Code Editor para revisar el código completo.

Dominar estas tres áreas facilita trabajar con Bloques de forma más ágil y precisa.