Los controles contextuales son una de las características que hacen que el trabajo con el constructor visual de Divi 5 sea más rápido e intuitivo. Permiten acceder directamente a las acciones y opciones relacionadas con el elemento sobre el que estás trabajando, sin tener que desplazarte constantemente por diferentes menús.
Este sistema facilita especialmente las tareas habituales de edición, como mover elementos, duplicarlos, eliminarlos, acceder a sus ajustes o modificar rápidamente determinadas propiedades.
Los controles contextuales son las herramientas que aparecen asociadas a un elemento cuando lo seleccionas o interactúas con él dentro del builder.
Su función es mostrar las acciones más relevantes para el elemento concreto que estás editando.
Por ejemplo, cuando seleccionas un módulo, las opciones disponibles estarán relacionadas con ese módulo. Si seleccionas una fila, aparecerán las acciones correspondientes a la fila.
Esto permite trabajar de una forma más directa porque las herramientas se adaptan al contexto en el que estás trabajando.
En un constructor visual es habitual realizar continuamente pequeñas modificaciones. Abrir un panel diferente para cada operación puede hacer que el proceso sea lento y poco práctico.
Los controles contextuales reducen ese número de pasos y permiten realizar muchas operaciones directamente sobre el elemento seleccionado.
Esto resulta especialmente útil cuando estás:
Cuanto mejor conozcas estos controles, menos tiempo necesitarás para realizar las operaciones habituales dentro de Divi.
Divi utiliza una estructura jerárquica formada por diferentes niveles. Por este motivo, los controles que aparecen dependen del elemento seleccionado.
Podemos encontrar principalmente:
Seleccionar correctamente el nivel sobre el que quieres trabajar es fundamental para evitar modificar accidentalmente otros elementos.
Cuando seleccionas un módulo, los controles contextuales permiten acceder rápidamente a las operaciones más habituales.
Dependiendo del elemento y del contexto, puedes encontrar acciones relacionadas con:
Estas acciones permiten modificar rápidamente una página sin necesidad de reconstruir los módulos desde cero.
Las filas y las secciones también disponen de controles específicos.
En estos niveles puedes realizar operaciones que afectan a una estructura completa. Por ejemplo, duplicar una fila puede ser mucho más rápido que volver a crear todas sus columnas y módulos manualmente.
Del mismo modo, duplicar una sección puede resultar útil cuando quieres utilizar una estructura similar en otra parte de una página.
Antes de realizar una acción debes comprobar qué elemento está seleccionado, especialmente cuando trabajas con páginas grandes.
Uno de los principales objetivos de los controles contextuales es facilitar el acceso a la configuración del elemento.
En lugar de buscar el elemento dentro de una estructura compleja, puedes seleccionarlo directamente y acceder a sus opciones.
Esto hace que el proceso de edición sea mucho más natural:
Este flujo de trabajo es una de las principales ventajas de utilizar un constructor visual.
Divi 5 está diseñado para que gran parte del trabajo se realice directamente sobre la página.
Esto significa que los controles contextuales no deben entenderse como simples botones de acceso rápido, sino como una parte importante de la interacción con el builder.
La idea es que puedas seleccionar un elemento y trabajar sobre él sin perder de vista cómo afecta el cambio al diseño.
Los controles contextuales también facilitan la reorganización de la estructura.
Por ejemplo, puedes seleccionar un módulo y utilizar las herramientas disponibles para cambiar su posición o duplicarlo antes de realizar modificaciones.
Este sistema resulta especialmente útil cuando estás construyendo una sección con elementos repetitivos.
En lugar de crear cada componente individualmente, puedes crear uno correctamente y utilizar los controles disponibles para generar nuevas instancias.
Una de las ventajas de los controles contextuales es que reducen la cantidad de desplazamientos y acciones innecesarias dentro del editor.
Un flujo habitual puede ser:
Seleccionar elemento
↓
Controles contextuales
↓
Acción
↓
Modificar
↓
Comprobar resultadoEste proceso permite trabajar de forma más rápida que utilizando continuamente menús generales para realizar pequeñas modificaciones.
Cuando una página tiene muchos elementos superpuestos o estructuras complejas, puede resultar fácil seleccionar un elemento diferente del que querías modificar.
Antes de realizar una acción importante conviene comprobar visualmente qué elemento está seleccionado.
Esto es especialmente importante cuando utilizas acciones que afectan a estructuras completas, como duplicar o eliminar.
Una buena práctica consiste en trabajar de forma progresiva y comprobar el resultado después de cada modificación relevante.
Los controles contextuales permiten realizar modificaciones pequeñas sin tener que alterar otros aspectos del diseño.
Por ejemplo, si quieres duplicar un módulo concreto, puedes actuar directamente sobre él sin tener que copiar toda la fila.
Esta precisión resulta especialmente importante en páginas complejas donde diferentes elementos tienen funciones distintas.
Imagina una fila que contiene tres columnas y cada columna tiene una tarjeta de servicio:
Fila
├── Servicio 1
├── Servicio 2
└── Servicio 3Si quieres crear un cuarto servicio con exactamente la misma estructura, puedes seleccionar una de las tarjetas y utilizar las acciones disponibles para duplicarla.
Después solo tendrás que modificar el contenido específico del nuevo elemento.
De esta forma, los controles contextuales permiten acelerar considerablemente el proceso de creación.
No todas las operaciones deben realizarse desde los controles rápidos.
Cuando necesitas modificar aspectos más específicos del diseño, deberás acceder a la configuración completa del elemento.
Los controles contextuales sirven principalmente para facilitar las acciones frecuentes, mientras que el panel de opciones permite realizar una configuración mucho más detallada.
Ambos sistemas se complementan.
Para aprovechar correctamente los controles contextuales de Divi 5 es recomendable seguir algunas pautas:
Cuando comienzas a utilizar Divi 5 es normal prestar más atención al diseño que a la forma de interactuar con el builder.
Sin embargo, aprender dónde están las acciones habituales puede mejorar considerablemente la velocidad de trabajo.
Con la práctica, muchas operaciones que inicialmente requieren varios pasos se convierten en acciones prácticamente automáticas.
Esto es especialmente importante cuando trabajas con proyectos grandes o cuando necesitas realizar modificaciones repetitivas.
Los controles contextuales de Divi 5 permiten acceder rápidamente a las acciones relacionadas con el elemento seleccionado. Gracias a ellos, operaciones como mover, duplicar, copiar, eliminar o editar componentes pueden realizarse de una forma mucho más directa.
La clave para utilizarlos correctamente está en comprender la estructura jerárquica de Divi y aprender a identificar qué elemento estás seleccionando antes de realizar una acción.
Cuando combines estos controles con el sistema de arrastrar y soltar y el panel de opciones, tendrás un flujo de trabajo mucho más rápido y eficiente dentro del builder.
Rellena la mayor cantidad de datos posibles y acepta las políticas de privacidad para obtener más información de nuestros servicios:
© 2009-2025 webkamy diseño de páginas web y seo
