Seleccionar página

La flexibilidad de la plantilla Divi para WordPress es sensacional. No solo podemos aprovechar los diseños (layouts) realizados con el divi builder en otras páginas del mismo sitio web sino que también podremos utilizar esos diseños exportándolos e importándolos en otra página de otro sitio web.

En este post vamos a aprender a coger una página que hayamos realizado con WordPress y el constructor de la plantilla Divi (divi builder), a exportarla en un archivo json y a importarla en otro sitio web que también esté realizado con WordPress y que utilice la plantilla Divi o el Divi builder.

Es decir, Divi incluye una herramienta para exportar / importar diseños (layouts). Vamos a aprender cómo exportar un diseño con Divi y a importarlo en otro sitio web que utilice la plantilla Divi o el Divi builder.

 

En este post NO vamos a ver como reutilizar diseños en otras páginas del mismo sitio web. Eso lo puedes ver en este post: reutilizar diseños Divi, biblioteca Divi

 

Esta funcionalidad es muy interesante para profesionales que se dedican al diseño web, ya que pueden reutilizar sus diseños en varios sitios web.

DESCUENTOS PLANTILLA DIVI


 

 

1.- ¿Vamos a clonar una página en Divi?

 

Sí, vamos a clonar una página o diseño de Divi.

Pero si quieres utilizar dicha página o diseño en otra página del mismo sitio web, no hace falta que sigas este procedimiento.

Este procedimiento es el indicado para que puedas utilizar la página clonada en otro sitio web que también utilice Divi.

Para clonar un diseño realizado con el Divi builder y utilizarlo en otra página de ese mismo sitio web no tienes que exportar e importar el diseño con Divi, simplemente tendrás que guardar el diseño en la biblioteca y luego cargarlo desde la otra página.

 

Divi Booster, añade un montón de nuevas funcionalidades a Divi

 

 

2.- Condiciones de exportación e importación de página con Divi

 

Para exportar un diseño realizado con el constructor es necesario que estemos utilizando la plantilla Divi (que incluye el divi builder) o que estemos utilizando otra plantilla pero también usemos el plugin del divi builder.

Para importar un diseño previamente exportado será necesario que la web de destino utilice la plantilla Divi u otra plantilla pero tenga instalado el plugin Divi builder.

 

 

3.- Exportar diseño con Divi

 

Para exportar una página Divi iremos a la página en cuestión y haremos clic en un icono formado por una flecha que apunta hacia arriba y otra que apunta hacia abajo y que está situado en el lateral derecho del constructor.

 

Iconos exportar diseño con el nuevo divi builder

Nuevo Divi builder: icono de exportar layout o plantilla Nota: Si usas el divi builder frontend, tienes que hacer clic en el icono en forma de círculo con tres puntos dentro, para que se muestre esta opción de exportación.

 

herramienta para exportar e importar diseños con Divi

Antiguo Divi builder: Icono para exportar e importar páginas con Divi

 

NOTA: Si usas el page builder visual tipo frontend, tendrás que hacer clic en el icono en forma de círculo con tres puntitos que aparece en la parte inferior de la página para que se muestre este icono de exportación de diseños con Divi

 

Al hacer clic sobre el icono aparecerá una ventana emergente titulada “Portabilidad” con dos pestañas: Exportar e Importar

Haremos clic en la pestaña “Exportar” de la ventana emergente de la herramienta de exportar de Divi.

Te aparecerá un texto como este: “Exportar su Diseño de Divi Builder creará un archivo JSON que podrá importarse a un sitio web diferente.”

En el campo “Nombre del archivo exportado” pondremos el nombre con el que queremos exportar la página o diseño de Divi.

A continuación haremos clic en el botón “Exportar diseño de divi builder”

 

herramienta importar y exportar paginas wordpress

Nombre del diseño a exportar para reutilizar en otro sitio web

 

En este momento aparecerá una barra de progreso en la cual se reflejará la evolución de la exportación del diseño realizado con el Divi builder

 

exportar diseño con Divi

Barra progreso al exportar una página con Divi

 

 

Una vez terminado el proceso de exportación nos aparecerá una ventana emergente para poder guardar el archivo json resultante.

Lo guardaremos en el escritorio para localizarlo rápidamente a la hora de importarlo.

 

 

4.- Importar diseño (layout) con Divi

 

Accederemos al sitio web en el cual queremos importar el diseño realizado con Divi. Crearemos una nueva página, le pondremos el título, activaremos el Divi builder haciendo clic en el botón “Usar el constructor Divi”.

A continuación haremos clic en el icono de “Importar / Exportar” con forma de flecha apuntado hacia arriba y hacia abajo que veíamos en el apartado 3.

Al hacer clic sobre el aparecerá otra vez la ventana emergente, pero en este caso haremos clic en la pestaña “Importar”.

Te aparecerá un texto explicativo como este: “Importar un archivo Diseño de Divi Builder exportado previamente sobrescribirá todo el contenido actual en esta página.”

 

Importar diseño de otra página web con WordPress

Importar diseño de otra web con el divi builder

 

A continuación haremos clic en el botón: “ELIJA UN ARCHIVO” y en la ventana emergente seleccionaremos el archivo json que exportamos en el apartado 3.

El nombre de la página aparecerá en el rectángulo formado por una línea discontinua.

A continuación haremos clic en el botón “Importar diseño del divi builder” y comenzará el proceso de importación cuya evolución podrás ver en una barra de progresión.

Una vez importado el diseño, la página se recargará y ya aparecerá con la estructura de la página que teníamos en la otra web.

 

Nota: cuando importes un diseño el contenido actual de la página se sobrescribirá. Es decir, perderás el contenido actual de la página y obtendrás el contenido importado.

Nota: verás que antes de importar existe un checkbox que dice: “Descargar copia de seguridad antes de importar”. Si marcamos esta opción antes de importar el diseño WordPress realizará una exportación automática del diseño actual de la página (que podrás guardar) antes de sobreescribir el contenido con la importación del nuevo diseño.

 

Compártelo ya!!

ACCEDE A TODOS MIS CURSOS POR SOLO 10€/MES

1.- CURSO WORDPRESS (44 Clases)
2.- CURSO SEGURIDAD Y ACTUALIZACIONES WORDPRESS (9 Clases)
3.- CURSO DIVI (33 Clases)
4.- CURSO DISEÑADOR WEB FREELANCE (10 Clases)
5.- CURSO MEMBERSHIP SITE (14 Clases)
6.- CURSO ELEMENTOR (14 Clases)
7.- CURSO ASTRA PRO (17 Clases)
8.- CURSO BLOOM + MAILCHIMP (7 Clases)
9.- CURSO SEO (19 Clases)
10.- CURSO BLOG WORDPRESS (32 Clases)
11.- CURSO WOOCOMMERCE (39 Clases)
12.- CURSO FLATSOME WORDPRESS (36 Clases)
13.- CURSO COLORES WEB (9 Clases)
14.- CURSO ANALYTICS (10 Clases)
15.- CURSO SEO PARA TIENDAS ONLINE (12 Clases)
16.- ETC. ETC...(Más de 30 cursos)
*** ADEMÁS TIENES MI SOPORTE VÍA EMAIL***

IR A LOS CURSOS

Vé a tu buzón de correo y confirma la suscripción. Si no encuentras el correo de confirmación mira en la carpeta de SPAM.

Abrir chat
¿Dudas sobre mis cursos o servicios?
🙋🏻‍♂️** ¿Alguna duda sobre mis cursos o servicios? Soy Joaquín, cuéntame y te ayudo encantado
**Accede a TODOS mis cursos por solo 10 €/mes desde cursotiendaonline.com