Añadir Nuevo Módulo (+) Es la puerta de entrada a la biblioteca de contenidos. Su función principal es permitir al estudiante seleccionar cualquier elemento (texto, imagen, vídeo) y utilizar la técnica de «arrastrar y soltar» directamente en el lienzo. Es la herramienta clave para una construcción fluida y organizada.
Vista de Capas (Layers) Representa el «mapa estructural» de la página. Muestra de forma jerárquica cada sección, fila y módulo. Es indispensable para gestionar diseños complejos, renombrar elementos para mantener el orden y seleccionar capas que quedan ocultas visualmente en el diseño frontal.
Inspector Es la herramienta de análisis profundo de cada elemento. Al activarlo, el estudiante puede visualizar las propiedades técnicas, estilos aplicados y valores específicos de un módulo en tiempo real. Es fundamental para el ajuste fino y para entender cómo se comportan las jerarquías de diseño en el «layout».
Gestor de Variables El corazón del diseño sistémico en Divi 5. Permite definir, organizar y aplicar valores globales (como colores, tamaños de fuente o espaciados) mediante un sistema paramétrico. Su uso asegura que, al cambiar una sola variable, todo el ecosistema del sitio se actualice de forma coherente y automática.
Gestor de Páginas Un centro de control que permite visualizar y administrar la estructura de todas las páginas del sitio desde la propia interfaz del constructor. Facilita la navegación entre diferentes secciones del proyecto sin necesidad de regresar al panel de administración de WordPress.
Centro de Comandos Representa la eficiencia máxima en el flujo de trabajo. Es una barra de búsqueda inteligente que permite ejecutar acciones complejas, buscar herramientas o saltar a configuraciones específicas mediante comandos escritos. Es el cerebro operativo que conecta toda la potencia de Divi con el teclado.
Vista de Wireframe (Modo Esquema) Una modalidad de visualización que elimina el diseño gráfico para mostrar únicamente la arquitectura de bloques. Es esencial para mover secciones pesadas, organizar filas complejas y tener una visión clara de la jerarquía técnica sin distracciones visuales.
Iconos de Acción al Pasar el Cursor Son los controles contextuales que aparecen de forma dinámica cuando el ratón se sitúa sobre el lienzo. Estos iconos permiten identificar rápidamente las zonas de edición y activar funciones de movimiento, configuración o borrado de manera inmediata.
Iconos de Acción del Elemento al Pasar el Cursor Controles específicos que aparecen al interactuar con un módulo, fila o sección. Permiten realizar acciones rápidas como el duplicado, el guardado en la biblioteca o la edición de ajustes específicos del elemento, optimizando el tiempo de diseño al evitar menús profundos.
Rayos X (X-Ray Mode) Una función de diagnóstico visual que permite ver los límites, márgenes y rellenos de cada contenedor de forma transparente. Es la herramienta definitiva para detectar espacios vacíos, colisiones entre elementos o errores de alineación que no son visibles en el modo de diseño estándar.
Búsqueda Rápida (Quick Find) Un localizador avanzado que permite encontrar cualquier ajuste de diseño o funcionalidad escribiendo su nombre. Se considera el «atajo maestro» de Divi 5, ya que elimina la necesidad de navegar manualmente por los menús de configuración.
Historial de Edición Actúa como un registro cronológico de cada paso realizado durante la sesión. Permite al usuario «viajar en el tiempo» para revertir errores o comparar versiones anteriores del diseño sin riesgo de pérdida de datos.
Portabilidad (Importar/Exportar) Gestiona la transferencia de diseños mediante archivos JSON. Es la herramienta que permite al estudiante descargar su trabajo o cargar los «Layouts» y recursos técnicos proporcionados por la academia.
Ajustes de Página Controla los parámetros globales del documento. Desde aquí se gestiona el título de la página, la imagen destacada para redes sociales y las configuraciones de diseño que afectan a la página en su totalidad, más allá de los módulos individuales.
Vistas de Dispositivo (Responsive) Conmutador de visualización para escritorio, tableta y móvil. Su uso es vital para el diseño adaptativo, permitiendo realizar ajustes específicos que aseguran una experiencia de usuario «perfecta en cualquier pantalla».
Centro de Ayuda Punto de acceso al soporte técnico y documentación oficial. Incluye el «Modo Seguro», una herramienta de diagnóstico fundamental para resolver conflictos técnicos y asegurar la estabilidad del sitio.
Ajustes del Constructor Define las preferencias de la interfaz para el diseñador. Permite personalizar el comportamiento de los paneles (fijos o flotantes) y alternar entre los modos de visualización para adaptar el entorno de trabajo al gusto del profesional.
Salir del Constructor El comando de cierre de la interfaz de edición. Es el paso final del flujo de trabajo, donde se debe confirmar siempre que el proceso de «guardado» ha finalizado correctamente para proteger el trabajo realizado.
