Buenas prácticas al trabajar con layouts en Divi 5: siempre trabajar sobre una copia

Cuando utilizas layouts predefinidos en Divi 5, una de las mejores prácticas consiste en evitar modificar directamente el diseño original cuando este puede resultar útil posteriormente. Trabajar sobre una copia permite experimentar, personalizar y adaptar el layout sin perder la versión inicial.

Esta forma de trabajar es especialmente importante cuando utilizas layouts que has creado tú mismo, diseños de la Biblioteca o estructuras que quieres reutilizar en diferentes páginas.

¿Por qué trabajar sobre una copia?

Un layout puede representar muchas horas de trabajo. Si modificas directamente la única versión disponible y posteriormente necesitas recuperar el diseño original, es posible que tengas que reconstruirlo manualmente.

Trabajar sobre una copia permite mantener dos versiones independientes:

Layout original
      │
      ├───────────────┐
      ↓               ↓
Versión original   Copia de trabajo
                      ↓
                 Personalización
                      ↓
                 Página final

De esta forma, el diseño original permanece disponible para futuros usos.

El layout original como plantilla

Una buena forma de entender esta práctica es considerar el layout original como una plantilla maestra.

Esta plantilla no debería modificarse cada vez que necesitas crear una nueva página.

En su lugar:

  1. Conservas el layout original.
  2. Creas una copia.
  3. Trabajas sobre la copia.
  4. Adaptas el contenido.
  5. Personalizas el diseño.
  6. Publicas la nueva página.

Esto permite reutilizar posteriormente el mismo diseño para otros proyectos.

Ejemplo práctico

Imagina que tienes guardado en tu Biblioteca un layout denominado:

Landing - Servicio profesional

Necesitas utilizarlo para crear una página concreta.

En lugar de modificar el diseño original, puedes utilizarlo como base:

Landing - Servicio profesional
              ↓
             Copia
              ↓
Landing - Servicio A
              ↓
Personalización
              ↓
Página final

El layout original continúa disponible para crear posteriormente:

Landing - Servicio B
Landing - Servicio C
Landing - Servicio D

Esto convierte la Biblioteca en una colección de plantillas reutilizables.

Copia frente a modificación directa

Método Ventaja Riesgo
Modificar original Es rápido inicialmente Puedes perder la versión base
Trabajar sobre copia Conservas el diseño original Requiere un paso adicional

En proyectos profesionales, conservar una versión maestra suele ser la opción más segura.

Cuándo es especialmente importante trabajar sobre una copia

No todos los diseños requieren exactamente el mismo nivel de precaución, pero esta práctica resulta especialmente recomendable cuando:

  • El layout se utilizará en futuras páginas.
  • Has invertido mucho tiempo en su diseño.
  • Forma parte de una biblioteca de la agencia.
  • Se trata de una plantilla base.
  • Quieres experimentar con cambios importantes.
  • El diseño se utilizará en varios proyectos.

Crear una biblioteca de plantillas maestras

Si trabajas habitualmente con Divi 5, puedes organizar una colección de layouts que actúen como plantillas maestras.

Por ejemplo:

Biblioteca
│
├── Plantillas maestras
│   ├── Corporativa
│   ├── Servicios
│   ├── Landing
│   ├── Portfolio
│   └── Contacto
│
└── Proyectos
    ├── Cliente A
    ├── Cliente B
    └── Cliente C

Las plantillas maestras se mantienen sin modificar, mientras que los proyectos utilizan copias adaptadas.

Nombrar correctamente las copias

Una biblioteca organizada requiere nombres claros.

En lugar de utilizar nombres genéricos como:

Layout 1
Layout 2
Copia
Copia 2
Nuevo layout

es preferible utilizar nombres descriptivos.

Por ejemplo:

MASTER - Landing Servicios
MASTER - Página Corporativa
MASTER - Página de Contacto

CLIENTE A - Landing Servicios
CLIENTE B - Landing Servicios

De esta manera puedes identificar rápidamente qué elementos son plantillas originales y cuáles son versiones adaptadas.

Utilizar prefijos para identificar plantillas

Los prefijos pueden ser especialmente útiles cuando tienes una Biblioteca grande.

Por ejemplo:

  • MASTER - para diseños originales.
  • SECCIÓN - para bloques independientes.
  • LANDING - para páginas orientadas a conversión.
  • CLIENTE - para diseños específicos de proyectos.

Esto facilita la clasificación y búsqueda de los elementos.

Evitar modificar accidentalmente la plantilla

Uno de los principales riesgos de trabajar con una biblioteca de diseños es modificar accidentalmente el elemento original cuando en realidad querías trabajar sobre una versión independiente.

Antes de realizar cambios importantes, comprueba siempre qué elemento estás editando.

Especialmente si se trata de un layout que utilizas como plantilla para otros proyectos.

Conservar una versión limpia

Una plantilla maestra debería mantenerse lo más limpia posible.

Por ejemplo, un layout base puede contener:

  • Estructura correctamente organizada.
  • Estilos coherentes.
  • Espaciados definidos.
  • Responsive revisado.
  • Contenido genérico.
  • Elementos fácilmente sustituibles.

La idea es que pueda utilizarse posteriormente sin arrastrar información específica de un proyecto anterior.

Evitar contenido específico en plantillas maestras

Si un layout va a utilizarse como plantilla, conviene evitar que contenga información exclusiva de un cliente o proyecto.

Por ejemplo, en lugar de:

Servicio de reparación de tejados en Madrid

puede ser más útil utilizar:

Título del servicio

De esta forma, la estructura puede reutilizarse posteriormente y el contenido se sustituye en cada proyecto.

Copias y modificaciones importantes

Si vas a realizar cambios estructurales importantes, trabajar sobre una copia resulta todavía más recomendable.

Por ejemplo, si quieres:

  • Eliminar varias secciones.
  • Cambiar la estructura de columnas.
  • Sustituir módulos.
  • Modificar completamente la navegación.
  • Rediseñar el hero.

Es mejor conservar el original y experimentar con una versión independiente.

Crear versiones de un mismo layout

Una misma plantilla puede evolucionar en diferentes direcciones.

Por ejemplo:

MASTER - Landing Servicios
          │
          ├── Versión corta
          ├── Versión larga
          ├── Versión captación
          └── Versión producto

Esto permite crear diferentes variantes sin perder la estructura inicial.

Copias y pruebas de diseño

Trabajar sobre una copia también facilita la experimentación.

Puedes probar diferentes alternativas:

Versión A
  ↓
Diseño actual

Versión B
  ↓
Nuevo hero

Versión C
  ↓
Nueva estructura

Versión D
  ↓
Nueva llamada a la acción

Después puedes comparar los resultados y decidir qué versión funciona mejor.

Revisar antes de sustituir la plantilla

Si finalmente decides que una versión modificada debe convertirse en la nueva plantilla base, no es recomendable sobrescribir inmediatamente el original.

Primero conviene comprobar:

  • Diseño.
  • Responsive.
  • Compatibilidad.
  • Contenido.
  • Enlaces.
  • Rendimiento.
  • Reutilización.

Una vez verificado todo, puedes decidir si esa nueva versión debe convertirse en la plantilla maestra.

Copias y trabajo en equipo

Esta metodología también es útil cuando varias personas trabajan sobre un mismo proyecto.

Si existe una plantilla maestra claramente identificada, los miembros del equipo pueden utilizarla como referencia sin modificarla accidentalmente.

Esto ayuda a mantener un sistema de trabajo más controlado.

La importancia de documentar las plantillas

En una Biblioteca grande puede ser útil documentar brevemente para qué sirve cada layout.

Por ejemplo:

MASTER - Landing Servicios

Uso:
Página de servicio profesional

Incluye:
Hero + beneficios + testimonios + FAQ + CTA

Responsive:
Revisado

Última revisión:
Agosto 2026

No es necesario realizar una documentación compleja. Lo importante es que puedas identificar rápidamente la finalidad del recurso.

Trabajar sobre copias y presets

Los presets añaden otra capa de seguridad y organización al sistema.

El layout puede utilizarse como estructura base mientras los presets controlan determinados estilos.

Plantilla maestra
       ↓
Copia
       ↓
Contenido específico
       ↓
Presets
       ↓
Identidad visual
       ↓
Página final

Esto facilita modificar la apariencia sin tener que alterar la estructura original.

Una metodología profesional

Un flujo de trabajo recomendable puede ser:

  1. Crear o seleccionar una plantilla maestra.
  2. Guardar la plantilla en la Biblioteca.
  3. Identificarla claramente.
  4. Crear una copia para el nuevo proyecto.
  5. Adaptar la estructura.
  6. Sustituir el contenido.
  7. Aplicar los estilos correspondientes.
  8. Revisar responsive y rendimiento.
  9. Publicar la versión final.
  10. Mantener intacta la plantilla maestra.

Errores habituales

Al trabajar con layouts, algunos errores pueden evitarse fácilmente siguiendo esta metodología.

  • Modificar directamente la plantilla maestra.
  • No diferenciar originales y copias.
  • Guardar demasiadas versiones sin organización.
  • Utilizar contenido específico en plantillas generales.
  • No revisar el responsive después de modificar.
  • Eliminar accidentalmente una plantilla útil.

Buenas prácticas

  • Conserva siempre una versión maestra de los layouts importantes.
  • Utiliza copias para cada nuevo proyecto o variante.
  • Utiliza nombres descriptivos.
  • Separa plantillas generales de diseños específicos.
  • Evita introducir contenido exclusivo de clientes en plantillas maestras.
  • Revisa las copias antes de convertirlas en nuevas plantillas.
  • Mantén organizada la Biblioteca.
  • Combina layouts reutilizables con presets.

Trabajar sobre una copia es una de las prácticas más sencillas y útiles cuando utilizas layouts en Divi 5. Permite conservar intactas las plantillas originales y, al mismo tiempo, experimentar y adaptar los diseños a cada proyecto.

La idea fundamental es sencilla: la plantilla maestra se conserva y las modificaciones se realizan sobre copias. Este sistema reduce el riesgo de perder diseños, facilita la reutilización y permite crear una biblioteca organizada de recursos.

Cuando esta metodología se combina con la Biblioteca de Divi 5, los layouts reutilizables y los presets, puedes construir un flujo de trabajo mucho más rápido, seguro y escalable.

Curso
Curso de Divi 5
160 lecciones

Rellena la mayor cantidad de datos posibles y acepta las políticas de privacidad para obtener más información de nuestros servicios:

Este sitio está protegido por reCAPTCHA y aplica la política de privacidad y términos de uso de Google

Diseño web academias
Centros de enseñanza, escuelas, clases particulares
Diseño web arquitectos y estudios de arquitectura
Aparejadores, delineantes, ingenieros, diseñadores de interiores
Diseño web clínicas de fisioterapia y fisioterapeutas
Clínicas de rehabilitación, kinesiólogos, masajistas terapéuticos
Diseño web clínicas dentales y dentistas
Clínicas odontológicas, dentistas, ortodoncistas
Diseño web gasolineras
Estaciones de servicio, surtidores de combustible
Diseño web gimnasios
Centros de fitness, clases de yoga, pilates, artes marciales, boxeo, entrenadores personales
Diseño web moteles
Alojamientos, hoteles, albergues, casas rurales, pensiones
Diseño web psicólogos
Terapeutas, coaches, psiquiatras
Diseño web residencias
Residencias de la tercera edad, centros de día, residencias de ancianos
Diseño web restaurantes
Restaurantes, comida para llevar, asadores, bares, marisquerías, hostería

© 2009-2025 webkamy diseño de páginas web y seo

Esta web utiliza cookies. Consulta nuestra política de cookies. Configurar cookies