Los diseños de Divi están disponibles directamente desde el Constructor Visual, desde la versión 3.0.99 de Divi. Estos diseños - también conocidos como "layouts " - han sido creados por diseñadores gráficos/web experimentados que trabajan en el equipo de ElegantThemes.
En este artículo te propongo descubrir los layouts de Div i que están disponibles en 1 clic desde el Visual Builder y que te ahorrarán mucho tiempo a la hora de crear tus sitios web con Divi.
Aquí está el programa:
- 1 - ¿Cómo lo hacíamos antes de los diseños de Divi?
- 2 - ¿Cómo puedo insertar un diseño Divi ahora?
-
3 - ¡Más de 1500 diseños Divi disponibles!
- La categoría de Arte y Diseño
- La categoría de negocios
- La categoría de Comunidad y organizaciones no lucrativas
- La categoría de Educación
- La categoría de Eventos
- La categoría Moda y Belleza
- La categoría de alimentos y bebidas
- La categoría de Salud y Fitness
- La categoría de estilo de vida
- La categoría de tienda online
- La categoría de servicios
- La categoría Single
- La categoría de Tecnología
- 4 - Uso individual de cada diseño de Divi
- 5 - Los diseños de Divi, en 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 - ¿Cómo lo hacíamos antes de los diseños de Divi?
Antes de que el Divi Builder viniera con diseños prediseñados, ElegantThemes distribuía paquetes de diseños prediseñados que podían descargarse del sitio web oficial.
A continuación, siguió una serie de tutoriales para aprender a utilizarlos y personalizarlos. ¡Ya era bastante agradable!
Sin embargo, algunos novatos podrían estar confundidos sobre cómo instalar estos famosos paquetes: debían descargar la carpeta .zip, extraer los archivos .json y luego importarlos desde la biblioteca de Divi.
No es complicado, pero consume mucho más tiempo que el Constructor Divi...
Para más explicaciones, véase : cómo importar o exportar un diseño Divi.
2 - ¿Cómo puedo insertar un diseño Divi ahora?
El manejo es ahora más sencillo e intuitivo.
En efecto, ¡basta con dos clics para instalar un nuevo paquete de diseño Divi!
Así es como se hace:
- Vaya a su administración y añada una nueva página (por ejemplo)
- Añade un título, como de costumbre, y luego activa el Constructor Divi
- Sólo tienes que hacer clic en "Cargar desde la biblioteca".
Como por arte de magia, aparece una lista de paquetes de diseño.
Haga clic en su favorito para ver su contenido...
Para obtener explicaciones más detalladas, consulte cómo importar un diseño desde el visual builder.
3 - ¡Más de 1500 diseños Divi disponibles!
El Constructor Divi ofrece actualmente +200 paquetes de diseño Divi, que es un total de +1500 diseños pre-hechos.
Estos paquetes están clasificados por temas:
- Arte y diseño
- Negocios
- Comunidad y organizaciones sin ánimo de lucro
- Educación
- Eventos
- Moda y belleza
- Alimentación y Bebidas
- Salud y Fitness
- Estilo de vida
- Tienda en línea
- Servicios
- Simple
- Tecnología
La categoría de Arte y Diseño
Hay36 paquetes disponibles en la categoría de Arte y Diseño, con un total de 277 diseños.
Seguro que encontrará inspiración si necesita crear un sitio sobre el tema de la moda, el diseño de interiores, el diseño gráfico, el maquillaje, etc.
Descubra todos los diseños de la Categoría Arte y Diseño
La categoría de negocios
Esta es la categoría más rica, con 80 paquetes que contienen 589 diseños en total.
Si necesita crear una página web corporativa, aquí puede consultar el catálogo para encontrar el diseño más adecuado para su proyecto.
Todos los oficios están representados: desde el florista hasta el restaurador, pasando por el proveedor de alojamiento web, el organizador de bodas y el pintor.
Descubra todos los diseños de la Categoría de negocio
La categoría de Comunidad y organizaciones no lucrativas
8 packs entran en esta categoría con un total de 59 diseños prediseñados.
Encontrarás diseños para tus sitios de MeetUp, de donaciones, de recogida de mascotas o de candidatos políticos.
Descubra todos los diseños de la Categoría Comunidad y sin ánimo de lucro
La categoría de Educación
9 paquetes que contienen 67 diseños individuales para crear sitios web para escuelas, escuelas de danza o yoga, sitios web de aprendizaje electrónico, etc.
Descubra todos los diseños de la Categoría de educación
La categoría de Eventos
Ideal si necesita crear un sitio para un evento especial como una boda, una conferencia web o incluso una maratón. Encontrará 74 diseños divididos en 10 paquetes.
Descubra todos los diseños de la Categoría de eventos
La categoría Moda y Belleza
Todo lo relacionado con la joyería, el maquillaje, el spa, etc. Si necesitas crear un blog con estos temas, puedes elegir entre 79 diseños repartidos en 11 paquetes.
Descubra todos los diseños de la categoría Moda y Belleza
La categoría de alimentos y bebidas
Si quiere encontrar inspiración para crear un sitio web para restaurantesLa categoría de alimentos y bebidas ofrece 145 diseños divididos en 20 paquetes. Hay mucho que hacer...
Descubra todos los diseños de la categoría Alimentos y Bebidas
La categoría de Salud y Fitness
Sitios de entrenamientoYoga, terapia, dentista, nutricionista, etc. Estos diseños son ideales si necesita crear un sitio para un profesional de la salud. En total, 164 diseños divididos en 23 paquetes.
Descubra todos los diseños de la Categoría de Salud y Fitness
La categoría de estilo de vida
Como su nombre indica, aquí encontrará diseños para sus sitios web y blogs de estilo de vida: viajes, jardín, golf, etc. En total, 107 diseños divididos en 15 paquetes.
Descubra todos los diseños de la Categoría de estilo de vida
La categoría de tienda online
121 diseños divididos en 17 paquetes para crear sus sitios de comercio electrónico. La mayoría de las tiendas están representadas, como zumos de frutas, joyas, té, etc.
Descubra todos los diseños de la Categoría de tienda online
La categoría de servicios
623 diseños disponibles en 85 paquetes. Hay muchos diseños aquí que se clasifican en otras categorías.
Descubra todos los diseños de la categoría Servicios
La categoría Single
Sólo hay un paquete disponible con 15 diseños.
Descubra todos los diseños de la Categoría única
La categoría de Tecnología
En esta categoría encontrará diseños inspiradores para sus sitios web de juegos, productos digitales, podcasts o desarrolladores web. En total, 19 paquetes y 144 diseños.
Descubra todos los diseños de la Categoría de tecnología
4 - Uso individual de cada diseño de Divi
Los diseños son independientes entre sí. Cuando uno de estos diseños le llame la atención, puede seleccionarlo y ver con más detalle de qué está hecho.
En promedio, cada paquete contiene 8 diseños y consiste en una página de inicio, una página de información, una página de contacto, una página de blog, una página de aterrizaje, una página para portafolios o para servicios, etc.
Cada paquete ofrece diseños armonizados, pero usted es libre de elegir los diseños independientemente de los paquetes. Sólo tendrás que trabajar un poco más para armonizarlo todo después.
Para cada diseño, si hace clic en él, podrá elegir entre "ver demostración en vivo" o "utilizar este diseño", lo que significa que no tiene que importar todo el paquete.
Esto me parece muy interesante, a diferencia de algunos temas premium que ofrecen instalaciones de "demostración en 1 clic" e importan un montón de páginas e imágenes inútiles.
Si hace clic en "Usar", el diseño se instalará y sólo tendrá que abrir cada módulo para modificarlo. ¡Es tan fácil!
Más información sobre Módulos de Divi Builder
5 - Los diseños de Divi, en conclusión...
El Divi Builder es sin duda el constructor de páginas que ofrece tantos diseños ya hechos. Ningún otro constructor tiene una biblioteca de opciones tan rica.
Aunque no soy un gran fan de los diseños prefabricados, realmente creo que puede ayudar a mucha gente. Sobre todo si no te dedicas al diseño web.
E incluso si no los utilizas todos, siempre puedes instalar algunos para darte un sentido de propósito. un poco de inspiración y para darle una ventaja en el aprendizaje de la diseño de páginas con el Divi Builder.
Por último, no dude en apropiarse de estos diseños y modificarlos para que correspondan a sus expectativas y a sus proyectos...
Esta es otra una buena razón para elegir el tema Divi !
¿Necesitas más recursos sobre Divi? Visite el blog de ElegantThemes que está lleno de ideas y tutoriales. O aprenda a utilizar este tema de forma eficaz con mi formación en Divi !
Bonjour,
Merci pour cette article. Je ne comprends pas le premade layouts ne se charge pas et j’ai à la place des propositions de pages (Page Barres latérales des deux côtés, Portefeuille Grille, etc.). Comment je peux trouver cette galerie de thème prés construit ?
Salut Fabien , quand tu actives le Divi Builder en violet en haut de ta page, tu as une option « importer de la bibliothèque » je ne sais pas si c’est le terme exact car je ne suis pas sur mon ordinateur à l’heure actuelle. Dis moi si tu trouves…
Bonjour,
Je cherche à télécharger un nouveau layout Divi à partir donc d’une nouvelle page, mais lorsque je clique sur « charger à partir de la bibliothèque », j’ai la même chose que Fabien, des propositions selon les types de page, en deux onglets : « mise en pages prédéfinies » et « ajouté de la bibliothèque ». Dans ce dernier, j’ai seulement les pages que j’ai importées de mon premier layout téléchargé à l’ancienne.
On ne peut prendre qu’un layout à la fois ? Mais comment pouvoir tester les démos avec les layouts téléchargeables pour être sûr de celui que l’on prend ?
Et quid lorsqu’on ne peut charger que les fichiers des layouts téléchargés en zip ?
Bonjour Claire, je crains de ne pas comprendre votre/vos questions. Ce que je peux vous dire, c’est que en effet, on peut charger soit des layouts proposés par Divi soit des layouts que l’on a sauvegarder en amont, sur une autre page donc…
Lorsque je veux charger à partir de la bibliothèque, cela ne me propose pas de catalogue, simplement les modèles de pages du layout précédemment téléchargé.
Je ne peux pas faire plus clair…
Bonjour Claire, avez-vous la licence Divi et est-ce que votre thème est à jour ? Ça pourrait venir de là ?
Bonjour,
C’est fou comme les choses sont faciles quand on est déjà un expert de la chose… 😉 Ben non, pas pour moi. Je n’ai pas « télécharger à partir de la bibliothèque » (je ne sais pas encore ce que c’est que ça du reste) mais « télécharger le modèle ». Et là, j’ai l’affichage de 43 layout packs. L’ennui c’est que ce sont des modèles de sites complet, ce qui fait que pour rajouter quelques pages à mon site ça devient un peu lourd… Sans compter que DIVI pour un néophyte comme moi, n’est pas si facile à manier. Apparemment le jour n’est pas encore venu où l’on pourra bâtir son site comme avec un traitement de texte ou un logiciel type Publisher… Je prédis la fortune à celui ou celle qui sortirait ça un jour…
Bonjour André. Oui ils proposent des packs mais si vous choisissez le layout qui vous convient sur la droite, lorsque vous êtes dans un pack, vous avez certainement des pages qui s’appellent « about » « home » etc. Si vous sélectionnez celui qui vous intéresse, il va s’afficher sur la gauche et là, vous pourrez cliquer sur « use this layout ». Vous ne téléchargerez donc seulement ce layout et non le pack complet. Vous voyez ? Attention, avant de cliquer sur « use this layout » vous avez en dessous une option à cocher ou à décocher qui vous permet de remplacer le contenu de votre page existante par le layout ou bien d’ajouter le layout à la suite du contenu déjà présent sur votre site. Si vous oubliez de décocher l’option, c’est irréversible. J’espère vous avoir aider… mais je crois que je vais faire un tuto car vous n’êtes pas le seul à poser des questions sur cette fonctionnalité.
bonjour
je n’arrive pas a telecharger un layout quand je fais telecharger un modele, je clic sur le layout et sur use this layout mais rien ne se passe je reviens sur la page de creation de page mais je n’ai pas le layout. apparement il ne se telecharge pas…. auriez vous une idée du pourquoi de ce qu’il se passe ? ou du comment faire ?
merci
Bonjour, ce bug me parait bizarre. Est-ce que tout est à jour ? Avez-vous un plugin de cache ? Avez-vous bien enregictré votre clé API dans l’onglet « update » des réglages de Divi ? cf https://astucesdivi.com/options-divi-onglets-integration-updates/
Bonjour merci pour cet article, a mon sens divi est vraiment le meilleur thème surtout avec son builder en temps réel, c’est un vrai plaisir de travailler dessus désormais !
Bonjour, j’ai le projet de créer mon site. Je pense opter pour Divi mais j’ai cru comprendre que la dernière version fin 2018 apportait de grosses modifications au niveau du builder.
Du coup, je me demande si tout ce que vous indiquez dans cet article est toujours possible avec cette nouvelle version ?
Bonsoir Maya !
Bien sûr et heureusement qu’on peut continuer à utiliser des packs de layouts (mise en page) tout prêts. La nouvelle version de WordPress a contraint Divi à être utilisé en « front-office », même si tu peux quand même continuer à construire tes pages depuis le back-office puisque Divi a prévu une option pour ça. Tu peux utiliser Divi sans problème 😉
Oui, merci William. Divi est bien pratique 😉
Bonsoir
Je compte créer mon site avec divi, mais pour le moment je travail en locale j’ai testé divi sa marche plutôt bien, le problème est que j’aimerais travailler avec les layouts télécharger au préalable, et que l’importation s’est faite avec succès, cela ne s’affiche pas quand il s’agit de charger à partir de la bibliothèque. Cela me bloque d’avancer avec les layouts d’ici!
Salut Alik,
Si vous voulez importer des layouts Divi tout prêts (ceux disponibles depuis la bibliothèque), vous devez être en possession de votre licence Divi (clé API) et renseigner vos identifiants dans l’onglet UPDATE. Sans cela, ça ne marchera pas.
Bonsoir,
Pour un client je cherche un layout : boutique vente matériels informatique .. il a un magasin physique mais souhaite mettre un site en place
une idée Merci
Merci
Salut Jean Luc,
Il te suffit de créer le design de ton site ou tout simplement d’importer un Layout « tout prêt » disponible dans Divi. Si tu ne trouves pas le layout idéal pour le domaine de l’informatique, il te suffit d’utiliser un layout qui te plait : le reste est une histoire de couleur et d’images. En fait, les layouts sont proposés dans une thématique mais tu peux très bien les « détourner » pour que ça colle à ton projet, c’est le but d’ailleurs.
😉
Bonsoir Lycia
J’ai une question, sur divi, à chaque mise du thème divi ! j’ai le message qui suis :
Votre site rencontre un problème …
J’ai bien entendu acheté chez elegantthemes et j’ai la clé API
A la suite de cela je rafraîchi la page et c’est reparti …
Tu aurai une piste ….
Salut Jean Luc. Cela ne vient pas de Divi. J’ai le même problème à chaque mise à jour, surtout pour les plugins. Ça a commencé depuis la MAJ de WordPress 5.2 je crois et cela n’arrive que sur l’un de mes sites alors que tous mes sites tournent sous Divi. Donc, par élimination ce n’est pas Divi. La seule chose qui change dans mes sites, c’est l’hébergement. Donc, par curiosité, tu es chez quel hébergeur ?
Je suis chez o2switch
Merci pour ta reponse
Moi aussi c’est sur o2switch justement…
Bonjour,
Je ne parviens pas à charger des laout depuis mon interface. Quand je clique sur « ajouter » dans « Page » je n’ai pour seule option que « Utiliser le générateur Divi »… Avez-vous une idée de quel peut être le problème ?
Merci d’avance !
Bonsoir Cécile.
Oui, il faut activer le « générateur Divi » pour pouvoir télécharger des layouts au sein de la Page. Sans cela, c’est impossible car c’est Divi qui gère les layouts et non WordPress.
Bonjour Lycia
si on fait un site avec plusieurs pages on peut changer de layout par page ?
merci
Bonjour Michèle ! Oui bien sûr. Tu choisis n’importe quel layout à chaque page.
une question bête
les layouts c’est payant ? à acheter sur le site ?
Salut Michelle. Pas du tout, ils sont inclus avec la licence Divi et tu les télécharges directement depuis le Visual Builder
ok je viens de comprendre et j’ai trouvé
mais par contre là j’avais un layout qui me plaisait bien et je ne trouve pas comment remplacer leur image de fond par une à moi.
Du coup avec mon mari on fabrique nos propres modeles mais c’est long
et souvent je bloque parce que dans le module image ca ne met pas forcément le format que je veux et je n’ai pas encore trouvé comment l’agrandir alors que pour le texte on peut faire plein de changements
Bonjour Lycia,
Merci pour toutes ces astuces. Cependant, en tant que designer, je souhaiterai télécharger les templates DIVI/Layout comme PSD. Comment fait-on ?
Merci de ton retour.
Bonjour Christophe, je crois que ce n’est pas possible.