Si vous vous intéressez à la création de sites WordPress depuis quelques années, alors vous avez sûrement entendu parler de Divi. Lancée il y a quelques années, cette solution s’affiche aujourd’hui comme la solution ultime pour la conception et la personnalisation des sites WordPress. Alors, que se cache-t-il réellement derrière la technologie Divi ? Quelles sont les différentes fonctionnalités qu’elle propose ? Pourquoi utiliser cet outil pour la conception de votre site ? Faisons le point.
Divi : un thème ou un constructeur de pages ?
En principe, Divi est à la fois un thème et un Page Builder (constructeur de pages). Cependant, il existe une petite nuance entre ces deux fonctions de l’outil. La technologie Divi peut ainsi prendre deux formes différentes : le Thème Divi et le Divi Builder.
Le Thème Divi
Le thème Divi est une solution complète de conception de sites internet. Il s’agit d’un thème WordPress qui propose un design propre à lui, avec des options de création et de personnalisation de Template. Cet outil permet de customiser l’apparence globale d’un site pour définir son identité visuelle :
- le format d’en-tête (logo, barre de menu, fonctionnalités…),
- les couleurs,
- les mises en page,
- la typographie (mise en gras, couleurs et taille de polices),
- le pied de page (menu, widgets, crédits).
Pour assumer toutes ces fonctions, la plupart des thèmes disponibles sur ThemeForest ou d’autres plateformes du genre utilisent un Page Builder externe via un plug-in. Ce qui n’est pas le cas pour le thème Divi. Ce thème embarque nativement son propre constructeur de pages : le Divi Builder. Pour utiliser le thème Divi, vous n’avez donc pas besoin d’ajouter Divi Builder. Ce dernier est par défaut actif dans le système.
Le Divi Builder
Comme nous l’avons mentionné précédemment, Divi Builder est un constructeur de pages, à l’image de Beaver Builder, Visual Composer et SiteOrigin. Il s’agit d’un plug-in qui permet de customiser les différentes sections d’un site, avec des mises en page complexes et originales. Même si vous n’utilisez pas le thème Divi, ce plug-in peut s’associer à d’autres thèmes (Astra, Soledad, GeneratePress…). C’est notamment utile lorsque l’on souhaite personnaliser un site qui utilise déjà un thème tiers.
Par exemple, si vous disposez d’un site conçu avec Gutenberg, l’éditeur natif de WordPress, vous pouvez installer Divi Builder, pour mieux personnaliser vos pages. Cette extension s’adapte parfaitement à n’importe quel thème et permet de créer des conceptions de page sur mesure.
La formation Divi pour mieux comprendre les fonctionnalités du thème
Divi est une solution Multipurpose qui permet de customiser tout type de site : blog, webzine, e-commerce, site vitrine… Ainsi, le thème propose plusieurs options de personnalisation qu’il est difficile de maîtriser sans une formation sur Divi et ses différentes fonctionnalités. Parmi celles-ci figurent la personnalisation des pages de catégorie et la création de contenus dynamiques.
La personnalisation des pages de catégorie
En tant qu’éditeur de site complet, Divi propose une fonction qui permet la gestion des différentes taxonomies :
- les catégories,
- les étiquettes,
- les auteurs,
- les archives mensuelles…
Avec cette fonctionnalité, vous pouvez trier et organiser le contenu de votre site afin d’obtenir des catégories spécifiques. Elle permet également de contrôler l’agencement intégral de chaque catégorie obtenue. Il est donc possible de varier la structuration et l’affichage de chaque taxonomie, pour construire des mises en page hautement personnalisées. Cette façon d’organiser l’affichage des catégories est très adaptée pour les boutiques en ligne, les blogs et les magazines web.
Toujours en ce qui concerne l’organisation et la structuration des pages, Divi propose également des modules spécifiques pour l’affichage des témoignages, des avis, des formulaires de contact… Avec cette fonctionnalité, vous pouvez facilement adapter votre site à votre activité, que vous soyez un professionnel du codage ou un débutant.
La création de contenu dynamique
En dehors de la personnalisation de chaque page, le thème Divi embarque une fonctionnalité qui permet de créer du contenu dynamique. Ce type de contenu web permet de rendre votre site plus intuitif. Le contenu dynamique est un contenu qui change de lui-même sans que vous ayez à le modifier. Avec cette fonction, vous pouvez par exemple créer un modèle de catégorie sur lequel vous allez utiliser un module Texte configuré pour reprendre systématiquement le titre du dernier article ajouté à la catégorie.
Pour mieux comprendre comment cela fonctionne, prenons un exemple concret. Supposons que vous disposez d’une catégorie nommée « Chaussures de ville » sur votre blog. Dans cette catégorie, vous avez publié récemment un article intitulé « Comment bien choisir ses chaussures de ville ? ». En utilisant un module Texte dynamique sur cette catégorie, le titre « Comment bien choisir ses chaussures de ville ? » sera mis en avant dans l’affichage de la catégorie sur la page d’accueil.
Cette récupération dynamique fonctionne également sur le contenu visuel, notamment les images. Cela vous permet de customiser davantage votre site pour le rendre plus fonctionnel et plus adapté à votre lectorat. En suivant une formation complète sur Divi, vous serez en mesure de maîtriser :
- les options de personnalisation des menus, en-têtes et pieds de page,
- les fonctionnalités (effet parallaxe, animation, design responsif…),
- l’utilisation du Page Builder avec d’autres thèmes,
- la création de sites one page,
- la création de sites complexes…
Création de sites sur mesure : pourquoi utiliser Divi ?
Vous souhaitez lancer un blog ou créer un site vitrine pour votre entreprise ? Divi est sans doute l’une des solutions les plus efficaces que vous pouvez utiliser pour personnaliser votre plateforme en ligne. En plus de ces multiples fonctionnalités, cet éditeur de site offre de nombreux avantages. En voici quelques-uns.
Bénéficier d’un véritable thème tout-en-un
Grâce à ces multiples fonctionnalités et options de personnalisation, Divi permet de customiser les sites bien au-delà des fonctions proposées par WordPress. Avec ce thème multifonctions, vous n’avez pas besoin de recourir à des plug-ins pour créer une « call to action » ou pour personnaliser une Sidebar. Cet aspect tout-en-un de Divi constitue un véritable avantage pour votre site. Cela vous permet en effet d’installer le moins de plug-ins possible. Autrement dit, Divi vous évite d’alourdir inutilement votre site internet avec des extensions. De plus, il est optimisé pour répondre aux exigences des moteurs de recherche en matière de vitesse d’affichage et d’expérience utilisateur.
L’édition en front-end, une option très pratique
L’une des particularités de Divi est qu’il offre la possibilité d’éditer les sites en front-end. Vous pouvez donc construire vos pages sur une interface qui reprend exactement l’affichage de votre site, tel qu’il apparaît à l’écran chez les visiteurs. Cette option vous permet d’avoir un aperçu clair et précis du rendu final des modifications apportées. Vous pouvez ainsi vérifier si la structure du site, l’agencement des différentes sections et l’organisation du contenu répondent réellement aux besoins des visiteurs.
Cela vous permet de rendre votre site plus plaisant en faisant des modifications selon l’affichage sur ordinateur, sur tablette ou sur téléphone. Si cette option ne vous enchante pas vraiment, Divi propose également le mode d’édition back-end que vous pouvez utiliser pour personnaliser vos pages.
Une licence unique, avec un vaste catalogue de thèmes enfants et d’extensions
En dehors des deux principaux avantages mentionnés précédemment, Divi a la particularité d’être moins cher, comparé à d’autres éditeurs de l’écosystème WordPress. Pour l’utiliser, vous avez le choix entre deux formules : une licence annuelle qui s’élève à 89 $/an et une licence unique à vie de 249 $. Les deux formules donnent accès à la totalité des thèmes et extensions disponibles (Divi, Extra, Bloom et Monarch). Elles permettent de créer et de customiser un nombre illimité de sites. De plus, vous avez la possibilité d’importer et d’exporter des layouts pour mieux les personnaliser.
