La función Clonar de Divi 5 permite crear rápidamente una copia de un elemento que ya existe dentro del constructor. Es especialmente útil cuando estás creando estructuras repetitivas y quieres partir de un elemento que ya tiene configurado el diseño, el contenido y los diferentes ajustes.
En lugar de crear nuevamente una sección, fila, columna o módulo desde cero, puedes clonar un elemento existente y utilizar la copia como punto de partida para realizar las modificaciones necesarias.
Clonar consiste en crear una copia de un elemento dentro de la estructura de la página.
El elemento original permanece en su ubicación y se genera una segunda versión que puedes modificar de forma independiente.
Por ejemplo, si tienes una tarjeta de servicio correctamente diseñada, puedes clonarla para crear una segunda tarjeta con el mismo aspecto general y cambiar después su contenido.
El objetivo principal es ahorrar tiempo evitando repetir configuraciones.
La clonación puede utilizarse sobre diferentes elementos de la estructura de Divi, dependiendo de lo que necesites duplicar.
Entre ellos podemos encontrar:
La posibilidad de clonar estructuras completas resulta especialmente útil en páginas que utilizan patrones de diseño repetitivos.
Uno de los usos más habituales de la clonación es duplicar módulos.
Imagina que has diseñado un botón con una configuración concreta:
Si necesitas otro botón con una configuración similar, puedes clonar el módulo y modificar únicamente el texto o el enlace.
De esta forma evitas configurar manualmente todas las propiedades de nuevo.
Las filas también pueden clonarse para reutilizar una determinada estructura.
Por ejemplo, puedes tener una fila formada por tres columnas:
Fila
├── Columna 1
├── Columna 2
└── Columna 3Al clonar la fila puedes obtener otra estructura equivalente y modificar posteriormente sus módulos.
Esto es especialmente útil cuando varias zonas de una página utilizan la misma distribución.
Cuando una sección contiene varias filas y módulos, reconstruirla manualmente puede llevar bastante tiempo.
La clonación permite crear rápidamente una segunda versión:
Sección original
├── Fila 1
├── Fila 2
└── Fila 3
↓ CLONAR
Sección original
Sección clonada
├── Fila 1
├── Fila 2
└── Fila 3Después puedes modificar la copia para adaptarla a la nueva zona de la página.
La clonación es especialmente útil cuando una página contiene varios elementos similares.
Por ejemplo, una página de servicios puede tener varias tarjetas:
Servicio 1
Servicio 2
Servicio 3
Servicio 4En lugar de crear cada tarjeta desde cero, puedes diseñar correctamente la primera y clonarla varias veces.
Después solo tendrás que modificar el contenido específico de cada una.
La principal ventaja de clonar es que parte de una configuración que ya existe.
Si creas un elemento desde cero, tendrás que configurar nuevamente sus diferentes propiedades. Si lo clonas, puedes comenzar directamente desde una estructura ya preparada.
| Método | Proceso | Cuándo utilizarlo |
|---|---|---|
| Crear desde cero | Configurar manualmente el elemento. | Cuando necesitas una estructura completamente diferente. |
| Clonar | Crear una copia de un elemento existente. | Cuando necesitas una estructura similar. |
Las funciones de copiar y clonar están relacionadas, pero cumplen objetivos diferentes dentro del flujo de trabajo.
Clonar está especialmente pensado para crear rápidamente una copia del elemento dentro del contexto de trabajo, mientras que copiar permite reutilizar un elemento posteriormente en otra ubicación.
Una forma sencilla de entender la diferencia es:
CLONAR
Elemento → copia inmediata
COPIAR
Elemento → guardar para reutilizarLa elección dependerá de lo que quieras hacer con el elemento.
Cuando clonas un elemento para crear una nueva versión, puedes modificar la copia sin necesidad de modificar el elemento original.
Por ejemplo, puedes tener:
Tarjeta original
Título: Servicio de diseño web
Tarjeta clonada
Título: Servicio SEOAmbas pueden mantener una estructura visual similar, pero su contenido puede ser diferente.
Esto permite crear diseños consistentes sin obligar a que todos los elementos permanezcan vinculados.
Cuando clonas un elemento debes revisar siempre el contenido de la copia.
Es posible que determinados datos tengan que modificarse para adaptarlos a la nueva ubicación.
Entre los elementos que conviene revisar están:
El objetivo es conservar la estructura y el diseño que quieres reutilizar, pero adaptar el contenido a su nueva función.
Una de las ventajas de clonar un elemento correctamente configurado es que puedes reutilizar también buena parte de sus ajustes responsive.
Por ejemplo, si una tarjeta ya está preparada para escritorio, tablet y móvil, la copia puede servir como una base mucho más avanzada que un módulo creado desde cero.
Aun así, siempre es recomendable comprobar el resultado en los diferentes tamaños de pantalla.
No siempre necesitas clonar únicamente módulos individuales.
En determinados proyectos puede ser más eficiente clonar una estructura completa y después modificar sus diferentes componentes.
Por ejemplo:
Sección de servicios
├── Título
├── Introducción
├── Tarjeta 1
├── Tarjeta 2
└── Tarjeta 3Si necesitas crear una sección de características con una composición muy similar, puedes utilizar la estructura clonada como punto de partida.
Después puedes sustituir los textos, imágenes y elementos que sean diferentes.
La clonación ofrece varias ventajas dentro del proceso de creación de una web:
La función de clonar resulta especialmente recomendable cuando:
No siempre es recomendable clonar.
Si el nuevo elemento va a tener una estructura completamente diferente, puede ser más limpio crearlo desde cero.
También debes tener cuidado de no clonar estructuras excesivamente complejas cuando únicamente necesitas un pequeño componente. En estos casos puedes terminar arrastrando elementos innecesarios a la nueva estructura.
Antes de clonar conviene preguntarse si realmente necesitas copiar toda la estructura o solamente una parte.
Supongamos que estás creando una página para una empresa que ofrece tres servicios.
Diseñas primero una tarjeta:
┌─────────────────────────┐
│ Imagen │
│ │
│ Diseño de páginas │
│ │
│ Descripción servicio │
│ │
│ Más información │
└─────────────────────────┘Una vez terminada, puedes clonarla para crear las siguientes:
Tarjeta 1 → Diseño web
Tarjeta 2 → SEO
Tarjeta 3 → MantenimientoLa estructura visual se mantiene y solamente necesitas modificar el contenido específico.
Para aprovechar correctamente esta función es recomendable:
La clonación puede combinarse con otras herramientas de Divi 5, como los presets.
Mientras que clonar permite partir de una estructura existente, los presets permiten mantener determinados estilos de forma coherente entre diferentes elementos.
Esto resulta especialmente interesante en proyectos grandes donde se crean muchas páginas utilizando patrones de diseño similares.
Cuanto más grande es una página, mayor es el beneficio de reutilizar estructuras existentes.
Crear cada elemento desde cero puede generar muchas tareas repetitivas. La clonación permite convertir un diseño ya terminado en una base reutilizable.
Por este motivo, aprender a identificar qué elementos merece la pena clonar es una habilidad importante para trabajar de forma eficiente con Divi 5.
La función Clonar de Divi 5 permite crear rápidamente copias de secciones, filas, columnas y módulos para reutilizar estructuras existentes.
Su principal ventaja es que evita repetir configuraciones y facilita la creación de elementos repetitivos, manteniendo una apariencia coherente en toda la página.
La clave está en utilizarla de forma estratégica: clona cuando necesites una estructura similar y modifica después únicamente aquello que sea diferente.
Combinada con las funciones de copiar, presets y reutilización de elementos, la clonación permite desarrollar páginas de Divi 5 de una forma mucho más rápida y organizada.
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
