En este nuevo tutorial, descubre cómo plantillas temáticas de importación/exportación creado con el nuevo Divi Theme Builder.
Estas acciones son muy similares a las funcionalidad de importación/exportación de un diseño Divi Aparte de algunas nuevas opciones que han surgido.
Veremos todo esto en detalle.
1 – ¿Qué es una plantilla temática?
Una plantilla temática no debe confundirse con un diseño.
El Diseños crear el diseño dentro de una página web. Los diseños son el resultado de la construcción de la página utilizando un página constructor, y en nuestro caso, usando el Divi Visual Builder.
El plantillas temáticas, han sido introducidos desde entonces versión 4.0 de Divi. Creen diseño del sitio y construyen plantillas de página.
Cada plantilla de página tiene una característica particular que se ha definido en el jerarquía de archivos de plantilla de WordPress.
Éstos ficheros modelo (plantas de página) no se puede modificar usando una página de constructor: ¡es por eso que Divi 4.0 era tan esperado!
Ahora, plantillas temáticas se crean directamente utilizando Divi's Theme Builder, que evita la codificación manual de estas plantillas de página (como página 404, página de categoría, encabezado, pie de página, etc.).
Esto significa que realmente ya no necesitamos dominar PHP para crear grandes "temas" de WordPress!
¿Sabes que puedes probar Divi gratis? Nos vemos en esta página y haga clic en "Pruébalo GRATIS"
2 - Importar una plantilla temática: 3 posibilidades
Para importar (o exportar) plantillas temáticas, vaya a la pestaña Divi Theme Builder.
Puede importar plantillas simples o lotes de plantillas (paquetes que contienen múltiples plantillas).
Para este tutorial, he utilizado un paquete de plantillas listas para usar que he descargado desde el sitio web de Temas Elegantes. Te daré todos los enlaces al final del artículo.
La ventaja de importar/exportar plantillas temáticas es que puede migrar fácilmente un diseño del sitio al sitio. Usted ahorrará mucho tiempo e incluso puede utilizar esta característica cuando sitio rediseño.
Importar un paquete de plantilla (o una plantilla simple) se puede hacer de acuerdo a 3 opciones:
- Importar una plantilla sin afectar el diseño actual
- Importar una plantilla sin afectar el diseño general
- Importar una plantilla temática global
Veamos en detalle...
Opción 1: Importar una plantilla temática sin afectar el diseño actual
Esta forma de importar plantillas temáticas es ideal si ya has construido el diseño de tu sitio y no quieres cambiar los elementos esenciales (cabeza, pie, etc.).
Vaya a la pestaña Divi Theme Builder y haga clic en el icono de la flecha doble.
Un popup aparece:
- Haga clic en la pestaña Importación
- Elija el archivo para importar: Debes tenerlo en tu computadora. Estos son archivos .json. Por este ejemplo, elegí la versión "paquete" (todas).
- Uncheck todas las casillas de opción
- Haga clic « Import Divi Plantilla del constructor de temas ».
Una nueva ventana abre y ofrece 2 opciones:
"Esta importación contiene referencias a los encabezados generales, el cuerpo y/o el pie del sitio web desde el que fueron exportados. ¿Cómo quieres importar estas referencias?
1 – Conéctelos al encabezado, cuerpo y/o pie de este sitio web.
2 - Importarlos como diseños estáticos del sitio web desde el cual fueron exportados. Esto puede tardar varios minutos dependiendo del número de referencias importadas. »
Opción 1: "Relink..." le permite importar sólo el Cuerpo personalizado. Esto significa que el sistema de importación no inserta todos los encabezados y calzados contenidos en plantillas temáticas.
Así, usted mantiene el diseño de cabecera y pie de página de su sitio actual, como se muestra por las siguientes capturas "antes/después":
Usted puede notar que sólo el cuerpo de la página ha cambiado el diseño y el encabezado (y el pie) permanecía intacto.
Por supuesto, estas acciones sólo han impactado el diseño, pero el contenido (textos e imágenes) todavía está presente.
Opción 2: Importar una plantilla temática sin afectar el diseño general
Vaya a la pestaña Divi Theme Builder y haga clic en el icono de la flecha doble.
Un popup aparece:
- Haga clic en la pestaña Importación
- Elija archivo a importación (.json).
- Uncheck todas las casillas de opción
- Haga clic « Import Divi Plantilla del constructor de temas ».
El mismo mensaje aparece y ver qué sucede si elegimos la otra opción:
Opción 2: "Importarlos como diseño estático..." le permite importar todas las piezas de plantilla (cabeza, cuerpo y pie) como diseño independiente.
Esto significa que el diseño(s) importado sólo afectará a la página(s) afectada.
Las otras páginas de su sitio no cambiarán.
Opción 3: Importar una plantilla temática global
La última opción (que es la más interesante si usted está desarrollando su sitio) le permitirá importar un diseño global que afectará a todo el sitio, o casi (todo depende del contenido del paquete que importa).
Como con otras opciones, vaya a la pestaña Divi Theme Builder y haga clic en el icono de la flecha doble.
Un popup aparece:
- Haga clic en la pestaña Importación
- Elija archivo a importación (.json).
- No No te descontroles las dos opciones predeterminadas: "Override..." y "Permite importar..."
- Haga clic « Import Divi Plantilla del constructor de temas ».
Espera el tiempo de descarga.
Como se puede ver en la captura anterior algunos módulos son verdes (Elementos mundiales) pero sobre todo Plantilla web predeterminada (templado en la parte superior izquierda) fue importado: Este impactará el diseño completo y general de su sitio.
Esto es lo que da en el frente con estas capturas "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 web.
3 – ¿Y si la importación no es adecuada?
Acabas de importar plantillas de tema divi y eso no es lo que esperabas?
No te preocupes, vuelve a la pestaña Divi Theme Builder y eliminar (waste bin icono) la parte(s) de la plantilla que no es adecuado para usted. Incluso puede eliminarlos completamente y su sitio recuperará su apariencia original.
Otra opción: puede editarlos para modificarlos a su gusto!
4 - Exportar una plantilla temática: 2 posibilidades
La exportación de una plantilla temática también es muy fácil, se hace en sólo 3 clics...
Opción 1: Exportar una plantilla temática simple
Siempre sucede en la pestaña Divi Theme Builder
Pase el ratón sobre la plantilla para exportar: aparece un pequeño menú local. Haga clic en el icono de la flecha doble.
Un popup aparece:
- Dar un nombre al archivo que exportarás
- Haga clic « Export Divi Plantilla del constructor de temas »
- Guarda tu archivo .json en tu computadora.
Este archivo exportado se puede utilizar en otro sitio utilizando el tema Divi, sólo tiene que reimportarlo.
Opción 2: Exportar múltiples plantillas temáticas a la vez
Vaya a la pestaña Divi Theme Builder.
En la barra púrpura, haga clic en el icono de la flecha doble (portabilidad).
Un popup aparece:
- Desde la pestaña "Exportar".
- Dar un nombre al archivo de exportación.
- Deja la caja revisada si quieres exportar todas tus plantillas.
- O Sin marcar la caja para seleccionar sólo las plantillas que le interesan.
- Haga clic « Export Divi Plantilla del constructor de temas » y grabarlos localmente.
5 - ¿Dónde encontrar las plantillas de tema Divi de descarga gratuita?
El Divi Theme Builder es todavía muy reciente, sin embargo el diseñadores de Temas Elegantes no está fuera de negocio y el sitio ya permite descargar los primeros 5 paquetes de forma gratuita.
Otros sin duda seguirán: para no perderse, consultar regularmente Página de recursos Divi disponible en el sitio web oficial.
Mientras tanto, puede descargar los primeros 5 paquetes:
- Theme Builder Pack 1
- Theme Builder Pack 2
- Theme Builder Pack 3
- Theme Builder Pack 4
- Theme Builder Pack 5
- Theme Builder Pack 6
Ya sea una versión futura de Divi permitirá descargar plantillas temáticas directamente desde back-office, como el Visual Builder ¿Con los diseños?
¡Buena idea!
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 ?
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
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
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/