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

Actualizado 22/10/2019 | Publicado 10/10/2018 | 3 comentarios

¿Importar y exportar un diseño Divi? Es fácil con la función de importación/exportación que ofrece el El tema Divi y el Divi Builder. Sin duda, es la que prefiero.

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 así! Esta función está disponible desde la versión 4.0 de Divi.

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 de 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...
import-export layout Divi

Anuncio: 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 función de importación/exportación de Divi le ahorra mucho tiempo.

Si crea regularmente sitios web, seguro que busca 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 una maqueta, 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 WebDesign, obtendrá rápidamente un sitio "bonito" y consistente.

¿Quieres pasar al siguiente nivel? 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 Constructor Divi.

En el momento de escribir estas líneas, hay 139 packs que ofrecen 1.029 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 debe olvidar introducir su 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...

importer un layout Divi - 1
importer-exporter un layout Divi
  1. Cuando estés en una página, activa el Constructor Divi y haz clic en Haga clic en "Descargar 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 se compone 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 a importar en su página.
  5. Puede verlo en su totalidad en la parte izquierda de la ventana.
  6. Si le conviene, sólo tendrá que hacer clic en "Utilice esta disposición.

Espere unos momentos, guarde su borrador (o publique su página) y luego compruebe el resultado. Por último, sólo tendrás que editar cada módulo para cambiar los textos, las imágenes, las erratas, los colores, etc.

Aquí está el procedimiento en vídeo:

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).

Aunque 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 gracias a los iconos situados en la parte inferior de la pantalla, como pudiste ver en el vídeo anterior.

Al hacer 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, es posible que necesite exportar un diseño que haya realizado, ya sea para conservarlo o para utilizarlo en otro sitio...

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

Así es como se hace:

exporter un layout Divi
  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 su diseño para exportar. Por ejemplo, "página de contacto",
  3. Haga clic en Haga clic en "Exportar diseño 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 revisarlo de vez en cuando para ver si no he añadido enlaces a recursos gratuitos para Divi para descargar...

importer un layout externe à son site Divi
  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. Éste debe estar presente en su ordenador y debe ser importado en formato .JSON (no comprimido, es decir, descomprimido).
  5. Nota: una opción permite 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 este punto, su página ha cargado los distintos módulos que componen el diseño importado. Sólo tiene que 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 un diseño puede tener una ventaja definitiva: puedes guardar un diseño 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 una maqueta en su biblioteca, he aquí cómo hacerlo:

sauvegarder un layout dans la bibliothèque Divi
  1. Vaya a la página que contiene la maqueta 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 Pestaña "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ía esta función, o al menos, si aún no se había tomado la molestia de utilizarla, supongo que habrá 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.

Vea lo que puede hacer con el tema Divi

import-export layout Divi
How to import-export a layout with Divi Builder ?

1.562 palabras

6

A ti también te debería gustar:

3 Commentaires

  1. SCHMITT Jean-Luc

    Bonsoir Lycia

    Une Question: Si je crée une One Page avec un Menu à onglet d’ancrage ( je m’explique : je vais créer une page pour une grosse agence immobilier en one page pour présenter le bien en question plan 2d + video + photo + visite virtuel + contact ) est il possible de sauvegarder l’intégralité de la page et menu – en . JSON – ( en somme de faire un Template de page + menu )

    Merci
    Jean-Luc

  2. Lycia Diaz

    Salut Jean-Luc,
    Tu peux effectivement exporter ton layout (ta page) en .json mais pas ton menu. Tu peux cependant créer un template de thème avec un header global et l’exporter également. Toutefois, si tu le réimportes dans un autre site, ce sera le menu de l’autre site qui sera affiché.

  3. SCHMITT Jean-Luc

    Merci pour le retour

    Bonne journée

Soumettre un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Je souhaite recevoir les news du blog Astuces Divi !

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Pínchalo en Pinterest

Acciones
Comparte esto