¿Cómo importo/exporto plantillas de temas con el Constructor de Temas Divi?

Publicado el 22/10/2019 | 4 comentarios

En este nuevo tutorial, aprenda a importar/exportar plantillas de temas creados con el nuevo Constructor de Temas Divinos.

Estas acciones son muy similares a las funcionalidad de importación/exportación de un diseño Divi excepto por algunas nuevas opciones que han surgido.

Veremos todo esto en detalle.

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

1 - ¿Qué es una plantilla temática?

No confundas una plantilla de temas con un diseño.

Los diseños (layouts) permiten crear el diseño dentro de una página web. Los diseños son el resultado de construir la página usando un constructor de páginas, y en nuestro caso, usando el Constructor Visual de Divi.

Se han introducido plantillas de temas en el versión 4.0 de Divi. Se utilizan para crear el diseño del sitio y para construir plantillas de páginas.

Cada plantilla de página tiene una funcionalidad específica que ha sido definida en el Jerarquía de archivos de plantillas de WordPress.

Hiérarchie des fichiers modèle de WordPress
Jerarquía de archivos de plantillas de WordPress

Estos archivos de plantillas (plantillas de páginas) no pueden ser modificados usando un constructor de páginas: ¡por eso la versión 4.0 de Divi fue tan esperada!

Ahora, las plantillas de temas se crean directamente usando el Constructor de Temas de Divi, lo que elimina la necesidad de codificar a mano estas plantillas de páginas (como la página 404, la página de categorías, el encabezado, el pie de página, etc.).

Esto significa que ya no necesitamos dominar el PHP para crear grandes "temas" de WordPress.

¿Sabías que puedes probar Divi gratis? Ir a esta página y haga clic en "TRY IT FOR FREE".

2 - Importar una plantilla de temas: 3 posibilidades

Para importar (o exportar) plantillas de temas, simplemente vaya a la pestaña Divi > Constructor de temas.

Podrá importar plantillas individuales o conjuntos de plantillas (paquetes que contienen varias plantillas).

Para este tutorial, usé un paquete de plantillas ya hechas que descargué del sitio web de Temas Elegantes. Te daré todos los enlaces al final del artículo.

La ventaja de las plantillas de temas de importación/exportación es que se puede migrar fácilmente un diseño de un sitio a otro. Ahorrarás mucho tiempo e incluso puedes usar esta función cuando quieras rediseño del sitio.

La importación de un paquete de plantillas (o una simple plantilla) puede hacerse según 3 opciones:

  1. Importar una plantilla sin impactar en el diseño actual
  2. Importar una plantilla sin afectar el diseño general
  3. Importar una plantilla de tema global
types d'import de template Divi
Resultados de los diferentes tipos de importaciones de plantillas temáticas

Veamos todo esto en detalle...

Opción 1: importar una plantilla temática sin afectar el diseño actual

Esta forma de importar plantillas de temas es ideal si ya ha construido el diseño de su sitio y no desea modificar lo esencial (encabezado, pie de página, etc.).

Onglet Theme Builder > Portabilité
Pestaña Creador de temas > Portabilidad (icono de la flecha)

Ve a la pestaña Divi > Theme Builder y haz clic en el icono de la doble flecha.

Importer sans options
Importación sin opción: desmarcar todas las casillas

Aparece un popup:

  1. Haga clic en la pestaña de importación
  2. Elija el archivo a importar: debe tenerlo en su computadora. Estos son archivos .json. Para este ejemplo, elegí la versión "pack" (todos).
  3. Desmarca todos los botones de radio
  4. Haga clic en "Importar plantilla de construcción de temas divinos".
choix alternatif d'import
Un popup adicional que te invita a elegir entre 2 opciones. Aquí, elijo "relink"

Una nueva ventana se abre y le ofrece 2 opciones:

"Esta importación contiene referencias a los encabezamientos, cuerpo y/o pies de página globales del sitio web desde el que fueron exportados. ¿Cómo le gustaría importar estas referencias?
1 - Vincúlalos al encabezado, cuerpo y/o pie de página global de este sitio web.
2 - Importarlos como diseños estáticos desde el sitio web desde el que fueron exportados. Esto puede llevar varios minutos dependiendo del número de referencias importadas. »

Opción 1: "Relevar..." le permite importar sólo la "cuerpo personalizado". Esto significa que el sistema de importación omite insertar todos los encabezamientos y pies de página contenidos en las plantillas de temas.

importation sans option
Pestaña "Constructor de temas" después de la importación sin opción marcada.

Por lo tanto, usted mantiene el diseño del encabezado y el pie de página de su sitio actual, como se muestra en las siguientes capturas antes/después:

Page de l'article importée
Página del artículo antes y después
Page d'archive après import
Página de archivo del antes y el después

Puedes notar que sólo el cuerpo de la página ha cambiado de diseño y que el encabezado (y el pie de página) ha permanecido intacto.

Por supuesto, estas acciones sólo han impactado en el diseño pero el contenido (texto e imágenes) siguen presentes.

Opción 2: Importar una plantilla de temas sin afectar el diseño general

Ve a la pestaña Divi > Theme Builder y haz clic en el icono de la doble flecha.

Aparece un popup:

importer sans option
Opción: sin casilla marcada
  1. Haga clic en la pestaña de importación
  2. Elija el archivo a importar (.json).
  3. Desmarca todos los botones de radio
  4. Haga clic en "Importar plantilla de construcción de temas divinos".
import them as static layout
Opción "Importarlas como diseño estático".

Aparece el mismo mensaje y veamos qué pasa si elegimos la otra opción:

Opción 2: "Importarlas como diseño estático...". le permite importar todas las partes de las plantillas (encabezado, cuerpo y pie de página) como un diseño independiente.

Onglet Theme Builder
Constructor de temas de fichas después de la importación

Esto significa que los diseños importados sólo afectarán a la(s) página(s) asignada(s).

Las otras páginas de su sitio no cambiarán.

Opción 3: Importar una plantilla de tema global

La última opción (la más interesante si está desarrollando su sitio) le permitirá importar un diseño global que actuará sobre todo el sitio, o casi todo el sitio (todo depende del contenido del paquete que importe).

Como con las otras opciones, ve a la pestaña Divi > Theme Builder y haz clic en el icono de la doble flecha.

Aparece un popup:

options d'import par défaut
Opciones de importación predeterminadas: "Anular" y "Permitir la importación".
  1. Haga clic en la pestaña de importación
  2. Elija el archivo a importar (.json).
  3. Deje seleccionadas las dos opciones predeterminadas "Anular..." y "Permitir la importación...".
  4. Haga clic en "Importar plantilla de construcción de temas divinos".
import des templates
Pestaña "Constructor de temas" después de la importación de la plantilla

Espera la hora de la descarga.

Como pueden ver en la captura anterior, algunos módulos son verdes (elementos generales) pero especialmente el Plantilla del sitio web por defecto (plantilla en la esquina superior izquierda) ha sido importada: es ésta la que impactará en el conjunto y el diseño global de su sitio.

Aquí está lo que parece en el extremo delantero con estas capturas de "antes/después":

template de page d'accueil
Página principal de Antes/Después
Page des catégories du blog
Página de categoría del blog Antes/Después

El diseño de mis páginas ha cambiado, el encabezado y el pie de página también. Lo único que no ha cambiado es el contenido de mis páginas.

3 - ¿Qué hacer si la importación no es adecuada?

¿Acabas de importar las plantillas del tema Divi y no es lo que esperabas?

No te preocupes, vuelve a la pestaña Divi > Constructor de temas y elimina (icono de la papelera) la(s) parte(s) de la plantilla que no te guste(n). Incluso puedes borrarlos por completo y tu página web recuperará su aspecto original.

Otra opción: ¡puedes editarlos para modificarlos a tu gusto!

4 - Exportar una plantilla de temas: 2 posibilidades

Exportar una plantilla de temas también es muy fácil, sólo se necesitan 3 clics...

Opción 1: Exportar una plantilla de tema simple

Esto siempre sucede en el Divi > Constructor de temas

Exporter une template
Exportación de una sola plantilla

Pase el ratón por encima de la plantilla para exportar: aparece un pequeño menú emergente. Haz clic en el icono de la doble flecha.

fichier d'export
Nombrar el archivo de exportación

Aparece un popup:

  1. Dale un nombre al archivo que vas a exportar.
  2. Haga clic en "Exportar plantilla de construcción de temas de Divi"
  3. Guarda tu archivo .json localmente en tu ordenador.

Este archivo exportado puede ser usado en otro sitio usando el tema Divi, sólo tienes que reimportarlo.

Opción 2: Exportar varias plantillas de temas a la vez

Ve al Divi > Constructor de temas.

portabilité Divi
Importar o exportar una o más plantillas de temas

En la barra púrpura, haga clic en el icono de la doble flecha (portabilidad).

Aparece un popup:

sélectionner les templates à exporter
Exporte todo o seleccione las plantillas a exportar
  1. Desde la pestaña "Exportar".
  2. Dale un nombre al archivo de exportación.
  3. Deje la casilla marcada si quiere exportar todas sus plantillas.
  4. O desmarque la casilla para seleccionar sólo las plantillas que le interesen.
  5. Haga clic en "Plantilla de construcción de temas de exportación" y grabarlos localmente.

5 - ¿Dónde encontrar plantillas de temas Divi gratis para descargar?

El Divi Theme Builder es todavía muy reciente, pero los diseñadores de Elegant Themes no están desempleados y el sitio ya te permite descargar los primeros 5 paquetes de forma gratuita.

Otros seguirán sin duda alguna: para no perderlos, consulte el Página de recursos de la División disponible en el sitio web oficial.

Mientras tanto, puede descargar los primeros 5 paquetes:

Queda por ver si una futura versión de Divi permitirá descargar plantillas de temas directamente desde el back office, como permite el Visual Builder con los diseños...

¡Buena idea!

importer ou exporter un template de thème Divi
importer template de thème
import-export a theme template

1.544 palabras

6

A ti también debería gustarte:

Formation Divi PDF : un guide pas à pas

Entrenamiento Divi PDF: una guía paso a paso

¿Qué mejor que un entrenamiento en Divi PDF para dominar este tema de WordPress, su Constructor Visual y su Constructor de Temas? Es como si un entrenador se invitara a sí mismo a su casa... ¡Descubre su contenido!

4 Commentaires

  1. Leslie

    J’ai téléchargé 2 pages Layout de 2 thèmes différents.
    Je construit une 3eme page, ou j’intègre des blocs de l’un et de l’autre pour personnaliser la page comme je le veux.
    Cependant, je rencontre un problème : dès que je quitte mon visuel builder, tout se détruit.
    POURQUOI ?
    Avez-vous une astuce ?

  2. Lycia Diaz

    Salut Leslie, il peut y avoir plusieurs raisons à cela :

    1/ Essaye de désactiver l’option « Génération de fichiers CSS statiques » disponible dans l’onglet Divi > Option du Thème > Créateur > Avancé. Cela pourrait régler le problème.
    2/ Sinon, mets tes Thèmes et/ou plugins à jour
    3/ Vérifie que ton hébergement tourne sur une version récente de PHP (minimum 7.1).

    Voilà, tiens-nous au courant.

    Lycia

  3. 7hil

    BonjouR Lydia,

    et merci pour ce super travail que tu fait pour nous !

    Voici le message que je lis quand je veu faire des modif s sr ma page ?

    Module de contenu post manquant
    Un modèle a été attribué à cet article à l’aide du Générateur de thèmes. Toutefois, le modèle utilisé ne contient pas de module Publier le contenu.

    Un module de publication de contenu est requis pour ajouter un contenu unique dans le modèle de générateur de thèmes. Une fois qu’un module de contenu de publication a été ajouté au modèle, vous pourrez ajouter un contenu de publication unique dans cette zone pour chaque publication à l’aide du modèle.

    Modèle actuel: Modèle de site Web par défaut

    Editer Thème Builder

    merci de ton aide 🙂
    Belle soirée

    7hil

  4. Lycia Diaz

    Salut 7hil ! C’est normal. Quand tu crée un modèle avec le thème Builder, tu dois impérativement y inclure le module Publier un contenu. Tout est expliqué ici : https://astucesdivi.com/module-post-content/

Soumettre un commentaire

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

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

Ponerlo en el interés

Acciones
Comparte esto