Diseños Divi: ¡más de 1500 diseños listos para usar en su sitio web!

Actualizado el 17/03/2021 | Publicado el 02/01/2018 | 31 comentarios

Los diseños de Divi están disponibles directamente desde el Visual Builder, desde la versión 3.0.99 de Divi. Estos diseños - también conocidos como "layouts " - han sido creados por experimentados diseñadores gráficos/web que trabajan en el equipo de ElegantThemes.

En este artículo te propongo descubrir los layouts de Divi que están disponibles en 1 clic desde el Visual Builder y que te harán ahorrar mucho tiempo a la hora de crear tus sitios web con Divi.

Aquí está el programa:

Des packs de layouts 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 - ¿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 muy bonito!

Sin embargo, algunos novatos podían perderse a la hora de instalar estos famosos paquetes: había que 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, lea : cómo importar o exportar un diseño Divi.

2 - ¿Cómo puedo insertar un diseño Divi ahora?

Ahora, el manejo es más fácil e intuitivo.

En efecto, ¡basta con dos clics para instalar un nuevo paquete de diseño Divi!

Así es como se hace:

  1. Vaya a su administración y añada una nueva página (por ejemplo)
  2. Añade un título, como de costumbre, y luego activa el Constructor Divi
  3. Sólo tienes que hacer clic en "Cargar desde la biblioteca".
Charger les packs de layouts Divi
Cargue los paquetes de diseño Divi haciendo clic en "cargar desde la biblioteca".

Como por arte de magia, aparece una lista de paquetes de diseño.

Les packs de layouts Divi
Por ahora, el constructor Divi viene con 19 paquetes de diseño Divi

Haga clic en su favorito para conocer 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:

La categoría de Arte y Diseño

Hay36 packs disponibles en la categoría Arte y Diseño, con un total de 277 diseños.

layout art & design

Seguramente encontrará inspiración si necesita crear un sitio en 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 para su empresa, aquí puede consultar el catálogo para encontrar el diseño más adecuado para su proyecto.

layout business

Todos los oficios están representados: desde el florista hasta el restaurador, pasando por el proveedor de alojamiento web, el organizador de bodas o 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 disposiciones prediseñadas.

layout non-profit

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.

layout education

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.

layout event

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.

layout beauty

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

layout food

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.

layout health

Descubra todos los diseños de la categoría 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.

layout lifestyle

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 la venta de zumos de frutas, joyas, té, etc.

layout shop

Descubra todos los diseños de la Categoría de tienda online

La categoría de servicios

623 diseños disponibles en 85 paquetes. Aquí encontramos muchos diseños que se clasifican en otras categorías.

layout services

Descubra todos los diseños de la categoría Servicios

La categoría Single

Sólo hay un paquete disponible con 15 diseños.

layout simple

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 videojuegos, productos digitales, podcasts o desarrolladores web. En total, 19 paquetes y 144 diseños.

layout technology

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 consta de una página de inicio, una página de contacto, una página de blog, una página de aterrizaje, una página de cartera, una página de 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.

Mises en page Divi
Descubra o utilice los diseños propuestos por Divi

Para cada diseño, si haces clic en él, podrás elegir entre "ver la demostración en vivo" o "utilizar este diseño", lo que significa que no tienes 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 prediseñados, realmente creo que puede ayudar a mucha gente. Sobre todo si no te dedicas al diseño web.

Y aunque no los utilices todos, siempre puedes instalar algunos para darte un extra un poco de inspiración y de poner el pie en el suelo para domar el diseño de páginas con el Divi Builder.

Por último, no dude en apropiarse de estos diseños y en 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 eficiente con mi formación en Divi !

Layouts embarqués dans Divi
Diseños incrustados en Divi: ¡dilo en Pinterest!
Divi Layouts are available from Divi Builder

1.363 palabras

5

A ti también te debería gustar:

Comment personnaliser le curseur de la souris sur votre site ?

¿Cómo personalizar el cursor del ratón en su sitio?

¿Desea un sitio personalizado hasta el último detalle? Tengo un tutorial rápido y fácil para ayudarle a personalizar el cursor del ratón en su sitio. De este modo, cuando sus visitantes pasen por encima de un enlace, el cursor estará totalmente personalizado.

31 Commentaires

  1. Fabien

    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 ?

  2. Lycia

    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…

  3. Claire

    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 ?

  4. Lycia

    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…

  5. Claire

    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…

  6. Lycia

    Bonjour Claire, avez-vous la licence Divi et est-ce que votre thème est à jour ? Ça pourrait venir de là ?

  7. André

    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…

  8. Lycia

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

  9. dub

    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

  10. William - Ecrire un bon article de blog

    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 !

  11. Maya

    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 ?

  12. Lycia Diaz

    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 😉

  13. Lycia Diaz

    Oui, merci William. Divi est bien pratique 😉

  14. Alik

    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!

  15. Lycia Diaz

    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.

  16. SCHMITT Jean-Luc

    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

  17. Lycia Diaz

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

  18. SCHMITT Jean-Luc

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

  19. Lycia Diaz

    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 ?

  20. Jluc

    Je suis chez o2switch

    Merci pour ta reponse

  21. Lycia Diaz

    Moi aussi c’est sur o2switch justement…

  22. CECILE MABLOUKE

    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 !

  23. Lycia Diaz

    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.

  24. Michele

    Bonjour Lycia
    si on fait un site avec plusieurs pages on peut changer de layout par page ?
    merci

  25. Lycia Diaz

    Bonjour Michèle ! Oui bien sûr. Tu choisis n’importe quel layout à chaque page.

  26. Michele

    une question bête
    les layouts c’est payant ? à acheter sur le site ?

  27. Lycia Diaz

    Salut Michelle. Pas du tout, ils sont inclus avec la licence Divi et tu les télécharges directement depuis le Visual Builder

  28. Michele

    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

  29. Christophe

    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.

  30. Lycia Diaz

    Bonjour Christophe, je crois que ce n’est pas possible.

Trackbacks/Pingbacks

  1. 10 bonnes raisons de choisir le thème Divi ! - […] => MISE À JOUR DU 31 JANVIER 2018 = à présent, vous pouvez télécharger une mise en page pré……

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