Lección 2.4: El Menú Contextual (Clic Derecho)
¿Qué es el menú contextual?
Es el menú que aparece al hacer clic derecho sobre cualquier elemento del lienzo. Se llama «contextual» porque cambia según dónde haces clic — no es el mismo menú si haces clic derecho en una Sección, en una Fila o en un Módulo.
Es como el clic derecho del escritorio de tu computadora — dependiendo de dónde clicas, aparecen opciones diferentes y relevantes para ese lugar.
Menú contextual de la Sección
Basado en tu captura 1 — clic derecho sobre una Sección:
MENÚ CONTEXTUAL — SECCIÓN
Deshacer Ctrl+Z
Rehacer Ctrl+Y
→ Igual que en cualquier programa: deshace o rehace el último cambio. Aparecen en gris si no hay nada que deshacer o rehacer todavía.
Duplicar Sección Ctrl+Shift+D
→ Crea una copia exacta de esta sección y la pone justo debajo.
→ Muy útil: diseñas una sección bonita y la duplicas para modificarla en lugar de empezar desde cero.
Eliminar Sección Ctrl+Suprimir
→ Borra la sección y TODO lo que hay adentro (filas, módulos, configuraciones).
→ No hay confirmación — se va directo.
→ Si borras por error: Ctrl+Z inmediatamente.
Añadir Elemento ►
→ Submenú para insertar dentro de la sección:
• Añadir Fila (igual que el [ + ] verde)
• Añadir Sección antes
• Añadir Sección después
Bloquear Sección Shift+Ctrl+K
→ Congela la sección para que no puedas editarla por accidente.
→ Útil cuando tienes una sección terminada y no quieres tocarla mientras editas otras.
→ Para desbloquear: clic derecho → Desbloquear Sección
Copiar Ctrl+C ►
→ Copia la sección completa al portapapeles.
→ La flechita ► abre un submenú:
• Copiar sección entera
• Copiar solo el estilo (sin el contenido)
Cortado Ctrl+X ►
→ Corta la sección (la elimina de aquí y la guarda en el portapapeles para pegar en otro lugar).
→ Ideal para mover secciones de una página a otra.
Copiar Atributos Shift+Ctrl+C
→ Copia SOLO los ajustes de diseño de la sección (colores, espaciados, fuentes) sin el contenido.
→ Luego vas a otra sección y «Pegar Atributos» para que tenga exactamente el mismo diseño.
→ Como «copiar formato» en Word.
Extender Atributos ►
→ Propaga los ajustes de esta sección a otras secciones de la página.
→ Función avanzada para cuando tienes muchas secciones que deben verse igual.
Restablecer Atributos ►
→ Aparece en gris si no hay nada que restablecer.
→ Cuando está activo: devuelve los ajustes al estado original (los valores por defecto).
Inspeccionar
→ Abre el Inspector de Estilos de Divi 5.
→ Muestra todos los estilos CSS que se aplican a este elemento — como el inspector del navegador pero integrado en Divi.
→ Útil para diagnosticar por qué algo no se ve bien.
Guardar En La Biblioteca
→ Guarda esta sección completa en tu Biblioteca Divi.
→ Le pones un nombre y queda guardada para reutilizarla en esta u otras páginas y sitios web.
→ Es la forma más rápida de guardar tu trabajo.
Ir A La Capa Alt+Ctrl+L
→ Abre el panel de Capas y resalta esta sección en el árbol de estructura.
→ Útil para ubicarte cuando tienes muchos elementos.
Menú contextual del Lienzo vacío
Basado en tu captura 4 — clic derecho en un área vacía del lienzo (sin seleccionar nada):
MENÚ CONTEXTUAL — LIENZO VACÍO
Deshacer / Rehacer
→ Igual que siempre
Añadir Elemento ►
→ Para agregar una Sección nueva cuando el lienzo está vacío o entre secciones existentes.
Copiar / Cortado
→ Para pegar algo que tenías copiado de otro lugar
Copiar Atributos / Extender / Restablecer
→ Opciones de atributos del lienzo general
Inspeccionar
Ir A La Capa
Menú contextual de un Módulo
Basado en tu captura 5 — clic derecho sobre un Módulo (en este caso un Botón):
MENÚ CONTEXTUAL — MÓDULO (ejemplo: Botón)
Deshacer / Rehacer → igual
Duplicar Botón Ctrl+Shift+D
→ Crea una copia del módulo justo debajo.
→ El nombre cambia según el módulo: «Duplicar Texto», «Duplicar Imagen», etc.
Eliminar Botón Ctrl+Suprimir
→ Borra solo este módulo.
Añadir Elemento ►
→ Inserta otro módulo antes o después de este.
Bloquear Botón Shift+Ctrl+K
→ Congela el módulo para protegerlo de ediciones.
Copiar / Cortado
→ Copia o corta el módulo para pegarlo en otra fila.
Copiar Atributos
→ Copia el estilo del botón para aplicarlo a otro botón.
→ Rapidísimo para tener botones con diseño consistente.
Extender Atributos / Restablecer Atributos
Inspeccionar
Guardar En La Biblioteca
→ Guarda este módulo con todo su estilo en la Biblioteca.
Ir A La Capa
La diferencia entre los tres menús
| SECCIÓN | → tiene «Duplicar Sección», «Eliminar Sección» → «Guardar En La Biblioteca» |
| LIENZO VACÍO | → sin «Duplicar» ni «Eliminar» (no hay elemento seleccionado) → sin «Guardar En La Biblioteca» |
| MÓDULO | → tiene «Duplicar Botón» (cambia el nombre) → «Guardar En La Biblioteca» → opciones específicas del tipo de módulo |
La lógica: el menú siempre muestra lo que tiene sentido para el elemento sobre el que hiciste clic. Nunca aparecen opciones que no aplican.
Los atajos de teclado — apréndetelos
Ctrl+Z: Deshacer (el más usado de todos)
Ctrl+Y: Rehacer
Ctrl+S: Guardar
Ctrl+Shift+D: Duplicar el elemento seleccionado
Ctrl+C: Copiar
Ctrl+X: Cortar
Ctrl+V: Pegar