11mn de lecture
Les packs de Layouts Divi sont quelques choses de totalement nouveau et datent du mois de février 2018. En effet, depuis la dernière version Divi, il est désormais possible d’importer des mises en page toutes prêtes directement sur votre constructeur de site Divi. Nous appelons cela des layouts. Ils ont été créés par des graphistes confirmés travaillant au sein de l’équipe Elegant Thème. Nous allons voir ensemble, dans cet article, ce que cela signifie.
Comment les Layout sur Divi fonctionnent ?
La manipulation et la configuration est devenu depuis peu, beaucoup plus simple et intuitive. Après quelques clics de souris, il vous est désormais possible d’installer des packs de Layout Divi sur votre site WordPress. Pour cela, voici les étapes à effectuer:
- Connectez-vous à votre tableau de bord WordPress et ajoutez une nouvelle page
- Ajoutez un titre et cliquez sur “Utiliser le générateur Divi“
- Cliquez sur “télécharger le modèle“.
Une nouvelle fenêtre va s’ouvrir vous proposant une centaine de Layouts différents.
En cliquant sur le Layout Divi désiré, il est possible d’en savoir plus sur la disposition de la page.
Vous avez à disposition des Layouts pour quasiment tous les types de structures, que ce soit pour la création de votre boutique en ligne, votre blog en passant par un site de présentation de votre entreprise. Comme pour les thèmes Standard WordPress, il vous est possible de visualiser une démo de ce dernier ou de l’utiliser et de l’installer sur votre page.
Mise en page de votre Blog avec les Layout sur Divi
La majorité de sites Web créés avec WordPress dispose d’un blog. Il est de ce fait important de savoir comment implémenter cela sur Divi. Comme nous vous l’avons montré plus haut, Divi dispose de Layouts prédéfinis pour la construction de vos différentes pages. Chaque mise en page utilise divers modules dont le module Divi Blog et le module Divi Post slider. Cela permet d’insérer vos publications WordPress au sein de vos pages. Le module de blog est indispensable car il permet d’ajouter tous vos articles à l’endroit désiré de votre site Web.
Plus de 100 Layouts sont actuellement disponibles au sein du constructeur Divi. Des nouveaux Layouts sont ajoutés quasiment toutes les semaines. Divi propose 4 sortes de mises en page de votre blog qu’il convient de vous faire découvrir ci-dessous.
Disposition de blog WordPress Standard
Cette page est assez similaire à ce qu’il nous est possible de découvrir sur une page de blog WordPress classique. Cependant, elle est construite avec les modules Divi. La page utilise un module de blog se trouvant dans les Widgets de votre tableau de bord WordPress dans lequel il vous est possible d’ajouter vos derniers messages et les commentaires.
Disposition en grille
Ce module de blog vous permet d’afficher ce dernier par blocs de trois sur votre page. Vous trouverez cette disposition dans bon nombre de Layouts proposés par Divi. Il vous est possible de modifier la mise en page des blocs selon vos besoins.
Mise en avant du blog
Il vous est désormais possible d’utiliser deux modules de blog sur la même page. Cela permet de créer un effet de publication en vedette sur votre blog. Le deuxième module vous permettant de mettre le reste des articles sous forme de blocs sur votre page. Pour cela, il vous suffit de définir le premier module en pleine largeur et insérer le deuxième module de blog juste en dessous.
Cependant afin d’éviter que le premier article apparaisse sur les deux modules, il vous suffit de définir dans la configuration du deuxième, un décalage d’un article.
Articles vedettes avec un Slide
Tout comme la mise en page précédente, cette dernière utilise aussi deux modules de blog. En effet, le module de Slide est combiné au module de blog défini en bloc. Comme indiqué précédemment, il vous faudra décaler les publications du second bloc afin d’éviter tous doublons entre le premier module et le second.
Conclusion
Grâce à une communauté active et un nombre croissant de développement de Layout Divi , vous disposez à ce jour d’un nombre important de dispositions possibles pour la création de votre site WordPress. En effet, il vous est possible de créer des effets de survol CSS sur vos images, mais aussi d’ajouter des filtres par exemple.
