Depuis la version 3.0.99 de Divi vous pouvez importer des mises en pages toutes prêtes directement depuis le Divi Builder ! Ces layouts – appelés aussi « mise en page » – ont été créés par des graphistes/webdesigners expérimentés qui travaillent au sein de l’équipe d’ElegantThemes.

Dans cet article, je vous propose de découvrir les layouts Divi qui sont disponibles en 1 clic et qui vont vous faire gagner beaucoup de temps lors de vos créations de sites avec Divi.

Voici le programme :

Des packs de layouts Divi

Annonce : cet article contient des liens d’affiliation que vous reconnaitrez facilement. Les liens classiques sont en violet et les liens sponsorisés sont en rose.

Comment faisait-on avant les layouts ?

Avant que le Divi Builder embarque des layouts pré-conçus, ElegantThemes distribuait au compte-goûte des packs de mises en page pré-faites que l’on pouvait télécharger depuis le site officiel.

S’ensuivait alors une série de tutoriels pour apprendre comment s’en servir et comment les customiser. C’était déjà bien sympathique !

Toutefois, certains novices pouvaient être perdus quant à l’installation de ces fameux packs : il fallait télécharger le dossier.zip, extraire les fichiers Json puis les importer depuis la bibliothèque de Divi.

Pas compliqué mais bien plus chronophage que la nouvelle fonctionnalité du Divi Builder

Comment insérer un layout Divi maintenant ?

À présent, la manipulation devient plus simple et plus intuitive. En effet, deux clics suffisent pour installer un nouveau pack de layouts Divi ! Voici comment faire :

  1. Rendez-vous dans votre administration puis ajoutez une nouvelle page (par exemple)
  2. Ajoutez un titre, comme à votre habitude puis activez le Divi Builder
  3. Cliquez simplement sur « Charger à partir de la bibliothèque »
Charger les packs de layouts Divi
Charger les packs de layouts Divi en cliquant sur « charger à partir de la bibliothèque »

Comme par magie, une liste de packs de layouts apparait !

Les packs de layouts Divi
Pour l’instant, le Divi builder embarque 19 packs de layouts Divi

Cliquez sur votre préféré pour en connaitre son contenu…

Pour des explications plus précises, découvrez comment importer un layout depuis le visual builder.

Plus de 880 layouts Divi disponibles !

Le Divi Builder propose actuellement 118 packs de layouts Divi, ce qui représente au total 882 mises en pages pré-faites.

Ces packs sont classés par thématique :

La catégorie Art & Design

23 packs sont disponibles dans la catégorie Art & Design, soit 178 layouts au total.

layout art & design

Vous trouverez certainement de l’inspiration si vous devez créer un site dans la thématique de la mode, du design d’intérieur, du graphisme, du maquillage etc.

Découvrez tous les layouts de la catégorie Art & Design

La catégorie Business

C’est la catégorie la plus riche avec 67 packs contenant 498 mises en page au total.

Si vous devez créer un site d’entreprise, c’est ici que vous pourrez feuilleter le catalogue pour trouver le design le plus adéquat à votre projet.

layout business

Tous les corps de métier sont représentés : du fleuriste au restaurateur en passant par le fournisseur d’hébergement Web, le Wedding Planner ou encore le peintre !

Découvrez tous les layouts de la catégorie Business

La catégorie Community & Non-Profit

8 packs se classent dans cette catégorie avec au total 59 layouts préconçus.

layout non-profit

Vous trouverez des mises en page pour vos sites de MeetUp, de donation, de recueil d’animaux ou de candidat politique.

Découvrez tous les layouts de la catégorie Community & Non-Profit

La catégorie Education

7 packs contenant 51 mises en page individuelles pour créer des sites pour les écoles, les écoles de danse ou de Yoga, les sites de e-learning etc.

layout education

Découvrez tous les layouts de la catégorie Education

La catégorie Events

Idéal si vous devez créer un site pour un évènement spécial comme un mariage, une web conférence ou même un marathon. Vous trouverez 52 layouts répartis dans 7 packs.

layout event

Découvrez tous les layouts de la catégorie Events

La catégorie Fashion & Beauty

Tout ce qui a attrait aux bijoux, au maquillage, au Spa etc. Si vous devez créer un blog sur ces thématiques, vous pourrez choisir parmi les 58 mises en page réparties sur 8 packs.

layout beauty

Découvrez tous les layouts de la catégorie Fashion & Beauty

La catégorie Food & Drink

Si vous souhaitez trouver de l’inspiration pour créer une site web Restaurant, la catégorie Food & Drink propose 83 layouts répartis en 11 packs ! Il y a de quoi faire…

layout food

Découvrez tous les layouts de la catégorie Food & Drinks

La catégorie Health & Fitness

Sites pour coach, Yoga, thérapie, dentiste, nutritionniste etc. Ces mises en page sont idéales si vous devez créer un site pour un praticien de santé. Au total, 106 layouts répartis en 15 packs.

layout health

Découvrez tous les layouts de la catégorie Health & Fitness

La catégorie Lifestyle

Comme son nom l’indique, ici vous trouverez des mises en page pour vos sites et blogs lifestyle : voyage, jardin, golf etc. Au total 69 layouts répartis en 10 packs.

layout lifestyle

Découvrez tous les layouts de la catégorie Lifestyle

La catégorie Online Store

80 layouts répartis en 11 packs pour créer vos sites e-commerce. La plupart des boutiques sont représentées comme la vente de jus de fruits, de bijoux, de thé etc.

layout shop

Découvrez tous les layouts de la catégorie Online Store

La catégorie Services

454 mises en pages disponibles dans 62 packs. On retrouve ici beaucoup de layouts qui sont classés dans d’autre catégories.

layout services

Découvrez tous les layouts de la catégorie Services

La catégorie Simple

Un seul pack est disponible ici avec 15 mises en page.

layout simple

Découvrez tous les layouts de la catégorie Simple

La catégorie Technology

Dans cette catégorie, vous trouverez des mises en page inspirantes pour vos sites de jeux vidéo, de produits digitaux, de podcast ou de web développeur. Au total, 16 packs et 123 mises en page.

layout technology

Découvrez tous les layouts de la catégorie Technology

Utilisation individuelle de chaque layout Divi

Les layouts sont indépendant les uns des autres. Lorsque l’une de ces mises en page vous tape dans l’œil, vous pouvez la sélectionner et voir plus en détail ce qui la compose.

En moyenne, chaque pack contient 8 mises en page et se compose d’une Home (page d’accueil), d’une page About (à propos), d’une page Contact, d’une page de Blog, d’une Landing Page, d’une page pour les Portfolios ou pour les Services etc.

Chaque pack propose des mises en pages en harmonie mais vous êtes tout à fait libre de piocher les mises en page indépendamment des packs. Vous aurez juste un peu plus de travail pour harmoniser le tout après.

Mises en page Divi
Découvrir ou utiliser les mises en page proposées par Divi

Pour chaque mise en page, si vous cliquez dessus, vous aurez le choix entre « Voir la Démo » (view live demo) ou « Utiliser » (use this layout), ce qui signifie que vous n’êtes pas obligé d’importer le pack entier.

Je trouve cela très intéressant, contrairement à certains thèmes premiums qui proposent des installations de « démo en 1 clic » et qui importent tout un tas de pages et d’images inutiles.

Si vous cliquez sur « Utiliser », la mise en page s’installe et vous n’avez plus qu’à ouvrir chaque module pour le modifier. C’est tellement simple !

En savoir plus sur les Modules du Divi Builder

En conclusion…

Le Divi Builder est certainement le constructeur de page qui propose autant de layouts tout prêts. Aucun autre constructeur a une bibliothèque aussi riche en choix.

Même si je ne suis pas une grande fan des mises en pages pré-faites, je pense réellement que cela peut aider beaucoup de monde. Surtout si vous n’avez pas la fibre « WebDesign ».

Et même si vous ne les utilisez pas dans leur intégralité, vous pouvez toujours en installer quelques-unes histoire de vous donner un peu d’inspiration et de vous mettre le pied à l’étrier pour apprivoiser la conception d’une page avec le Divi Builder.

Enfin, n’hésitez pas à vous approprier ces layouts et à les modifier afin qu’ils correspondent à vos attentes et à vos projets…

Voilà encore une bonne raison pour choisir le thème Divi !

Layouts embarqués dans Divi
Des layouts embarqués dans Divi : dites-le sur Pinterest !

Pin It on Pinterest

Shares
Share This