¿Cómo puedo importar-exportar un diseño de Divi?

¿Importar-exportar un diseño Divi? Nada podría ser más fácil con la funcionalidad de importación/exportación proporcionada por el El tema Divi y el Divi Builder. ¡Este es sin duda mi favorito!

La posibilidad de importar o exportar un diseño le ahorrará mucho tiempo . Y si aún no la usas, deberías leer este artículo con atención porque esta función cambiará tu forma de usar Divi.

Si desea importar/exportar plantillas de temas, ¡es por aquí! Esta característica está disponible desde Divi 4.0.

Aquí está el programa:

1. ¿Por qué importar/exportar un diseño Divi?
2. ¿Cómo puedo importar un "diseño prefabricado" disponible en el Constructor Divi?
3. ¿Cómo importar un diseño prefabricado a través del Visual Builder?
4. ¿Cómo puedo exportar un diseño de Divi?
5. ¿Cómo importar un diseño externo a su sitio?
6. ¿Cómo puedo guardar un diseño de Divi en la biblioteca?
7. ¿Y si aparece el mensaje "este archivo no debe importarse en este contexto"?
8. Conclusión...

Aviso: este artículo contiene enlaces de afiliación que reconocerá fácilmente. Los enlaces clásicos están en púrpura y los enlaces patrocinados están en rosa.

1 - ¿Por qué importar-exportar un diseño Divi?

La funcionalidad de importación/exportación de Divi le ahorra mucho tiempo.

Si crea regularmente sitios web, probablemente esté buscando productividad...

La idea es poder crear un diseño y reutilizarlo después, ya sea en el mismo sitio o en otro.

Estamos hablando de un layout (un lienzo), no de un diseño, lo que significa que puedes importar y exportar la sucesión de módulos Divi presentes en tu página y luego cambiar las imágenes y los textos.

Esto es diferente de Importación/exportación de plantillas de temas proporcionadas por Divi 4.0.x.

Creo que la mayor ventaja de importar y exportar un diseño Divi es su facilidad de uso, pero sobre todo, la idea de que cualquier usuario, incluso sin conocimientos de diseño web, obtendrá rápidamente un sitio "bonito" y consistente.

¿Quieres subir de marcha? ¡Consigue el tema Divi ahora!

2 - ¿Cómo puedo importar un "diseño prefabricado" disponible en el Constructor Divi?

Ya habíamos hablado de estos El "diseño preestablecido" que se encuentra en el Constructor Divi en un último artículo...

En pocas palabras, se trata de diseños elaborados por los desarrolladores/diseñadores de ElegantThemes y que están a tu disposición -de forma totalmente gratuita- a través del Divi Builder.

En el momento de escribir este artículo, hay 139 paquetes que ofrecen 1029 diseños para descargar y la gama crece cada semana.

Nota importante: para poder utilizar estos diseños, debes usar un tema Divi "no crackeado " (lee esto artículo para saber cuánto cuesta el tema Divi) y no olvides introducir tu clave de licencia (clave API) en la pestaña de Actualización.

Lea también: ¿Cómo actualizar su tema Divi?

Ahora veamos cómo funciona la importación-exportación...

1. Cuando estés en una página, activa el Constructor Divi y haz clic en "Descargue la plantilla.
2. Elija la pestaña " Trazado Prediseñado.
3. Vea los distintos paquetes de diseño y seleccione el que se adapte a su proyecto.
4. Cada paquete consta de varios diseños. Por lo general, podrá importar un diseño diferente por página (uno para la página de inicio, otro para el blog, otro para la página de contacto, etc.). Seleccione el diseño que desea importar a su página.
5. Puede verlo en su totalidad en la parte izquierda de la ventana.
6. Si está satisfecho con ella, sólo tiene que hacer clic en "Utilice esta disposición.

Espera unos instantes, guarda tu borrador (o publica tu página) y comprueba el resultado. Por último, sólo tendrá que editar cada módulo para cambiar los textos, las imágenes, las erratas, los colores, etc.

Aquí hay un vídeo del procedimiento:

3 - ¿Cómo puedo importar un "diseño prefabricado" a través del Constructor Visual?

Los usuarios de Divi suelen estar divididos, algunos prefieren usar el Divi Builder (back-end) y otros prefieren usar el Visual Builder (front-end).

Incluso si desde la versión 5.x de WordPress, el Constructor Visual es predominante...

Así que aquí hay dos videos más para mostrarte cómo importar un diseño pre-hecho, pero esta vez a través del constructor visual Divi:

En esta primera versión, se activa el constructor visual y se escoge la opción "elegir un diseño prefabricado" (la del medio).

En este caso es fácil, aparece la pantalla de diseño y sólo tienes que hacer tu elección.

Sin embargo, si por alguna razón no elegiste la opción de importar un diseño desde el principio, todavía puedes hacerlo utilizando los iconos de la parte inferior de la pantalla, como puedes ver en el vídeo de arriba.

Si hace clic en el icono "+", accederá a la ventana de importación de diseños.

4 - ¿Cómo puedo exportar un diseño de Divi?

En algunos casos, puede que necesites exportar una maqueta que hayas diseñado, ya sea para conservarla o para utilizarla en otro sitio...

Con la Constructor DiviEsto también es posible y es tan sencillo como importar.

Así es como se hace:

1. Vaya a la página cuyo diseño se va a exportar. En la parte superior del Generador Divi, harás clic en el discreto icono con una doble flecha,
2. Se abre una ventana emergente. Introduzca el nombre de la maqueta que va a exportar. Por ejemplo, "página de contacto",
3. Haga clic en " Exportar el diseño de la página de Divi Builder,
4. Espere a la exportación,
5. Guarde este diseño en su ordenador. Para su información, los diseños exportados están en formato .JSON

Aquí está la versión en vídeo:

5 - ¿Cómo importar un diseño externo a su sitio?

Si has exportado un diseño -como se indica en el párrafo anterior (4)- y quieres importarlo a otro sitio hecho con Divi, la operación será muy sencilla...

También hay otro caso en el que podría importar un diseño externo a su sitio: si ha descargado diseños gratuitos ofrecidos por sitios especializados.

Mi Recursos para Divi está hecho precisamente para darte buenos consejos sobre este tema, no dudes en consultarlo de vez en cuando para ver si no he añadido enlaces a recursos gratuitos para Divi para descargar...

1. Vaya a la página en la que desea importar el diseño. En la parte superior del Generador Divi, harás clic en el discreto icono con una doble flecha,
2. Se abrirá una ventana emergente. Seleccione la pestaña "Importar",
3. Haga clic en Haga clic en "elegir un archivo".,
4. Se abre una ventana para elegir el diseño a importar. El diseño debe estar presente en su ordenador y debe importarse en formato .JSON (no comprimido, es decir, descomprimido).
5. Nota: existe una opción para guardar la maqueta actual, ya que al importar una maqueta se sustituye el contenido actual por el importado.
6. Haga clic en Haga clic en "Importar diseño de construcción Divi". para iniciar la importación
7. Espere a que se complete la importación.

En esta etapa, su página ha cargado los distintos módulos que componen el diseño importado. Todo lo que tiene que hacer es modificar sus textos, imágenes, colores, etc.

Aquí está el procedimiento de importación en versión vídeo:

6 - ¿Cómo puedo guardar un diseño Divi en la biblioteca?

Todos los diseños que guardes o importes se almacenarán en la biblioteca de Divi (disponible en la pestaña Divi > Biblioteca Divi).

Guardar una maqueta puede tener una clara ventaja: puedes guardar una maqueta antes de hacer muchos cambios en una de tus páginas. De este modo, puedes volver rápidamente a una disposición anterior con un solo clic.

Para guardar un diseño en su biblioteca, haga lo siguiente:

1. Vaya a la página que contiene el diseño que desea guardar y haga clic en Haga clic en "Guardar en la biblioteca".
2. Nombre de su diseño
3. Haga clic en Haga clic en "Guardar".
4. En la pestaña Divi > Biblioteca Divi
5. Encontrarás todos tus diseños guardados

Aquí está el procedimiento de copia de seguridad en versión de vídeo:

7 - ¿Qué hacer si aparece el mensaje "este archivo no debe importarse en este contexto"?

Cuando quieras importar un diseño externo a tu sitio Divi, es posible que recibas un mensaje de error "Este archivo no debe ser importado en este contexto.

Si este es tu caso, no te asustes, hay otra solución: importar el diseño desde la biblioteca en lugar de hacerlo desde el constructor Divi de la página encuestión...

Esto es lo que debes hacer:

1. Ir a la Divi > Biblioteca Divi
2. En la parte superior, seleccione Seleccione "Importar y Exportar".
3. En la ventana emergente que se abre, elija la pestaña Seleccione "Importar".
4. Elija el diseño disponible en su ordenador (formato .JSON)
5. Validar haciendo clic en "Importar diseños del constructor Divi".
6. A continuación, puede volver a la página en la que desea importar el diseño
7. Haga clic en descarga la plantilla > tus diseños guardados

8- Conclusión...

Si no conocías esta función, o al menos no te habías tomado la molestia de utilizarla, supongo que habrás comprendido su valor añadido...

Importar y exportar un diseño de Divi te ahorrará mucho tiempo.

Hay mucho más que decir sobre esto, incluyendo el hecho de que podemos hacer el mismo tipo de importación/exportación con los módulos de Divi, así que imagina el poder de estos usos.

Descubra lo que puede hacer con el tema Divi