Divi : tout savoir sur ce thème WordPress incontournable

Divi builder test et avis complet
9.6
Divi : tout savoir sur ce thème WordPress incontournable
Divi : tout savoir sur ce thème WordPress incontournable
Simple à prendre en main
Nombreuses fonctionnalités
Support technique de grande qualité
Possibilités illimitées

Dans cet article, nous examinerons de manière approfondie le célèbre thème Divi, un thème WordPress polyvalent et hautement personnalisable développé par Elegant Themes.

Divi est largement reconnu pour son vaste ensemble de fonctionnalités qui permettent de concevoir des sites Web uniques et professionnels sans aucune connaissance en langages web.

Il est livré avec l’un des meilleurs constructeurs de pages du marché, Divi Builder, qui se pose en principal concurrent d’Elementor. Ce dernier facilite grandement la création de mises en page complexes à l’aide de modules et d’une interface de glisser-déposer conviviale.

En outre, Divi offre une bibliothèque étendue de modèles de mise en page préconçus, des options de personnalisation avancées et une compatibilité large avec d’autres plugins populaires, tels que WooCommerce. Cette combinaison rend le thème Divi particulièrement attrayant pour les utilisateurs souhaitant créer des sites Web adaptés à leurs besoins spécifiques.

Aperçu rapide des avantages de Divi

  • Flexibilité et adaptabilité :
    • Divi offre une flexibilité et une adaptabilité exceptionnelles pour répondre à une variété de besoins et de styles de sites Web. Grâce à son Divi Builder et à ses nombreux modules, vous pouvez créer des mises en page personnalisées pour n’importe quel type de site, qu’il s’agisse d’un blog, d’un portfolio, d’un site d’entreprise ou d’un site e-commerce. De plus, les nombreuses options de personnalisation vous permettent de modifier facilement l’apparence de votre site pour qu’il corresponde à votre image de marque et à vos objectifs.
  • Facilité d’utilisation :
    • L’un des principaux atouts de Divi est sa facilité d’utilisation. Le Divi Builder propose une interface visuelle en glisser-déposer qui facilite la conception de mises en page, même pour les utilisateurs sans expérience en programmation. Les nombreux modèles préconçus et la bibliothèque de mises en page facilitent également la création rapide de sites Web attrayants, sans avoir à partir de zéro.
  • Responsive Design
    • Ajustement automatique : Divi est conçu pour être entièrement responsive, ce qui signifie que votre site s’adaptera automatiquement à la taille de l’écran de l’appareil utilisé par vos visiteurs. Cela garantit que votre site Web a une apparence et un fonctionnement optimaux sur les ordinateurs de bureau, les tablettes et les smartphones.
    • Personnalisation pour différents appareils : Le Divi Builder vous permet de personnaliser l’apparence de votre site Web pour différents appareils. Vous pouvez définir des valeurs spécifiques pour les polices, les espacements et d’autres éléments de style en fonction de la taille de l’écran, afin de garantir une expérience utilisateur optimale sur chaque appareil. Cette fonctionnalité vous donne un contrôle précis sur l’apparence de votre site Web sur différents types d’écrans.
  • Optimisation SEO :
    • Divi est conçu pour être compatible avec les meilleures pratiques en matière de SEO (Search Engine Optimization). Il est structuré de manière à faciliter l’indexation par les moteurs de recherche et à améliorer la visibilité de votre site Web dans les résultats de recherche. De plus, Divi est compatible avec les principaux plugins SEO, tel que Rank Math, pour vous aider à optimiser davantage votre contenu et vos méta-informations.
  • Mises à jour et support :
    • Elegant Themes, la société derrière Divi, est réputée pour son support client de qualité et ses mises à jour régulières du thème. En tant qu’utilisateur de Divi, vous bénéficiez d’un support réactif et de mises à jour fréquentes qui améliorent les fonctionnalités, la compatibilité et la sécurité de votre site Web. Cela garantit que votre site reste à jour avec les dernières tendances et normes du Web, tout en vous offrant une tranquillité d’esprit en termes de support et de maintenance.
 

Les fonctionnalités clés de Divi

Personnalisation du thème DIVI (thème customizer)

Divi offre de nombreuses options de personnalisation pour vous permettre de personnaliser votre site selon vos gouts besoins. La personnalisation se fait en utilisant l’outil de personnalisation de thème appelé Theme Customizer.

Vous pourrez entre autres personnaliser :

  • Les couleurs : vous allez pouvoir changer les couleurs de l’arrière-plan, les couleurs des en-têtes, les couleurs des pieds de page et les couleurs des boutons, les couleurs des titres et des textes…
  • Polices et tailles de police : vous pourrez personnaliser les polices du thème Divi, y compris les polices pour les en-têtes, les polices pour les paragraphes, les titres, les boutons… et les tailles de police pour chaque élément qui compose votre site.
  • Paramètres de mise en page : vous pourrez également personnaliser les paramètres de mise en page du thème, comme la largeur du site, la mise en page des barres latérales, les marges et les rembourrages…
  • Styles de texte : Les styles de texte sont, eux aussi, modifiables, en-têtes, listes à puces, citations…
  • Options d’en-tête, du pied de page, du menu : Ici, vous pourrez sélectionner des options de personnalisation pour l’en-tête, le pied de page, le menu, les widgets et les icônes sociales.

En outre, le Theme Customizer de Divi offre aussi des options pour les animations, les transitions et les effets visuels.

divi theme personnalisation

Options du thème

Le panneau Divi Theme Options est une interface de gestion des paramètres avancés du thème Divi. Ce panneau est accessible depuis le tableau de bord WordPress sous l’onglet Divi > Options de thème.

Voici un aperçu des différentes options proposées :

  • General : Cette section vous permet de personnaliser les paramètres généraux du thème Divi. Les utilisateurs peuvent définir le nom et la description de leur site web, télécharger un logo, personnaliser l’icône de l’onglet du navigateur, intégrer les liens pour les réseaux sociaux…
  • Navigation : Dans cette section, vous pourrez paramétrer les menus de navigation de votre site comme ajouter des sous-menus, ajouter des icônes, etc.
  • Layout : Ici, vous pourrez choisir quelles informations afficher par défaut sur vos pages tel que l’auteur, la date, les catégories, les commentaires…
  • Ads : Cette section permet de gérer l’affichage des publicités sur votre site.
  • SEO : permet de sélectionner les options SEO de votre site en ajoutant des métadonnées pour améliorer leur référencement sur les moteurs de recherche.
  • Updates : enfin la section updates permet de gérer les mises à jour de votre thème Divi. Vous pourrez vérifier les mises à jour disponibles, les télécharger, les installer et même activer les mises à jour automatiques.

L'éditeur DIVI

Le thème Divi propose un éditeur par défaut qui permet de visualiser la structure des pages. Cet éditeur remplace l’éditeur standard fourni par WordPress et offre un moyen pratique pour apporter des modifications rapides à vos pages sans quitter le tableau de bord de WordPress. Toutefois, il est important de noter que cet éditeur reste limité et ne propose pas toutes les fonctionnalités offertes par le constructeur de page Divi Builder, que nous examinerons plus en détail ci-dessous.

Néanmoins, vous pourrez déjà faire glisser des rangées, des colonnes, des éléments et des modules pour créer une mise en page personnalisée et attrayante en un temps record.

Ci-dessous, voici un exemple de structure de page avec des sections, des rangées, des colonnes et des éléments.

divi visual editor

La bibliothèque DIVI

Le thème Divi fournit une vaste bibliothèque de packs d’agencement prêts à l’emploi. Ces packs comprennent des modèles de site complets avec différentes mises en pages.Ces modèles sont particulièrement utiles pour ceux qui souhaitent éviter de créer le design de leur site à partir de zéro ou qui sont en manque d’inspiration. En sélectionnant un pack d’agencement disponible dans la bibliothèque Divi, vous pourrez importer rapidement une modèle et le modifier à votre guise.

Chaque pack integre 7 à 8 pages soigneusement conçu pour répondre aux besoins spécifiques d’un type de site internet. Vous pourrez facilement parcourir les demos disponibles par catégories, telles que Mode et Beauté, Technologie, Santé et Fitness, Services, et bien d’autres encore. Vous pourrez également effectuer une recherche ciblée de mises en page en utilisant des mots-clés pertinents.

De plus, Divi vous offre la possibilité de sauvegarder vos propres mises en page personnalisées dans la bibliothèque pour une utilisation ultérieure. Cela vous permet de gagner du temps et de maximiser l’efficacité de votre travail.

divi bibliothèque

Le constructeur de page Divi Builder

Le constructeur de page Divi-Builder est intégré aux thèmes principaux développés par ElegantThemes, à savoir Divi et Extra. Ainsi, si vous utilisez l’un de ces deux thèmes, il n’est pas nécessaire de l’installer. Toutefois, il est possible de l’utiliser avec un autre thème WordPress, dans ce cas, il vous faudra l’installer comme n’importe quel autre plugin.

Le principal objectif de Divi-Builder est de faciliter la création de pages et d’articles tout en offrant un rendu professionnel. Vous pourrez créer pratiquement tous les types de mises en page imaginables, en créant des sections, des colonnes, des rangées et même en les imbriquant les unes dans les autres. Vous pourrez également les réaligner librement en saisissant l’une d’entre elles et en la faisant glisser à l’endroit souhaité, ainsi que modifier leurs dimensions, créer des bordures et bien plus encore.

Divi-Builder offre une grande flexibilité pour personnaliser chaque élément qui compose vos pages. Il suffit de cliquer sur un élément que vous voyez pour modifier directement son design, comme la couleur, le background, la bordure, les effets de transition, etc. Vous trouverez par ailleurs tous les outils de traitement de texte standard tels que le gras, l’italique, les guillemets, les ajustements de la taille et du type de police, etc. Vous pourrez même ajouter votre propre CSS pour une personnalisation plus poussé.

Il est important de noter que toutes les modifications que vous apportez sont affichées en temps réel, sans besoin de sauvegarder vos pages pour voir le résultat et que vous pourrez tester leur réactivité sur différentes tailles d’écran (ordinateur, tablette, smartphone) pour vous assurer que votre site s’y affiche correctement.

Le constructeur de page Divi-Builder est facile à prendre en main et très intuitif, ce qui le rend aussi bien adapté aux débutants qu’aux utilisateurs avancés.

divi builder possibilités
divi builder css
divi builder responsive

Les modules intégrés à Divi-Builder

L’un des atouts majeurs de Divi-Builder sont ses modules intégrés, que vous pouvez intégrer à vos pages, ils sont nombreux et variés, plus d’une quarantaine, cela va des éléments de base tels que les textes, les images et les boutons, aux éléments plus avancés tels que les diaporamas, les formulaires de contact, les tableaux de prix et les témoignages clients… Chacun de ces modules peut être personnalisé en termes de style et de contenu pour s’adapter parfaitement au design de votre site WordPress.

Pour ajouter des modules (éléments) a vos pages, il vous suffit de les faire glisser du panneau des modules vers l’endroit souhaité sur votre page. Cela ouvre aussi le panneau de personnalisation du module dans lequel vous pourrez changer son aspect, couleurs, tailles, typographie, bordures, marges… selon les options disponibles propres à chaque module.

En plus des modules intégrés, Divi-Builder offre également une bibliothèque de modèles de module au design prédéfinis qui vous pourrez utiliser comme tel ou modifier à votre guise.

Les extensions tierces pour Divi

Pour améliorer encore les fonctionnalités de Divi, diverses extensions tierces sont disponibles, offrant des fonctionnalités supplémentaires et des options de personnalisation. 

Divilife

Sur Divilife, vous pouvez trouver des plugins, des modules, des mises en page et des modèles pour Divi, ainsi que des ressources de formation pour vous aider à tirer le meilleur parti de votre site Divi.

Parmi les produits populaires de Divilife, citons :

  • Divi Overlays : Il s’agit d’un plugin permettant de créer facilement des fenêtres contextuelles, des modals et des superpositions sur votre site Divi, sans utiliser de code.
  • Divi Mega Pro : Ce plugin vous permet de créer des mega-menus riches en fonctionnalités pour votre site Divi, avec une grande variété de styles et d’options de personnalisation.

Divi Cake

Divi Cake est un autre marché en ligne spécialisé dans les produits Divi. Il offre une large gamme de plugins, de thèmes enfants, de mises en page et de modèles pour Divi. Divi Cake propose également des ressources de formation et des tutoriels pour vous aider à utiliser au mieux les produits disponibles sur leur site.

Quelques produits populaires de Divi Cake incluent:

  • Divi Toolbox : Ce plugin étend les fonctionnalités de Divi en ajoutant de nouvelles options de personnalisation et de contrôle pour la mise en page, les couleurs, les polices et autres éléments de style.
  • Divi Switch : Divi Switch est un plugin qui ajoute une série d’options de personnalisation rapides et faciles à utiliser pour Divi, vous permettant de personnaliser rapidement l’apparence et les fonctionnalités de votre site.

WP Zone

WP Zone est un autre fournisseur d’extensions et de ressources pour Divi. Il propose des plugins, des thèmes enfants et des modèles pour Divi, ainsi que des articles et des tutoriels pour vous aider à tirer le meilleur parti de ces produits. WP Zone se concentre sur la création de produits de haute qualité qui améliorent les fonctionnalités de Divi et facilitent la création de sites Web attrayants et fonctionnels.

Quelques produits populaires de WP Zone incluent:

  • Divi Enhancer : Ce plugin ajoute une série de modules et de fonctionnalités supplémentaires à Divi, vous offrant des options de personnalisation et de conception supplémentaires pour votre site.
  • Divi Carousel Module : Ce module vous permet d’ajouter facilement des carrousels d’images, de témoignages, de logos et d’autres contenus à votre site Divi, avec une grande variété d’options de personnalisation.

Les plugins Monarch et Bloom inclus dans le package Divi.

ElegantThemes livre avec son thème Divi deux plugins (compris dans le prix) que sont Monarch et Bloom.

Monarch

Monarch est un plugin qui permet d’ajouter des boutons de partage des réseaux sociaux. Le plugin Monarch prend en charge plus de 35 réseaux sociaux différents, notamment Facebook, Twitter, Instagram, LinkedIn et Pinterest.

En utilisant Monarch, vous pourrez placer les boutons de partage social à différents emplacements de votre site web, dans les articles de blog, dans les pages de produits, sur votre page d’accueil, etc. Vous pourrez également suivre les statistiques de partage social pour connaitre le nombre de fois où un article a été partagé sur chaque réseau social.

Monarch propose par ailleurs des fonctionnalités avancées tels des popups de partage social qui se déclenche lorsqu’un de vos lecteurs effectue une action spécifique sur leur site. Vous pourrez aussi ajouter des boutons de partage flottants qui restent visibles même lorsque les visiteurs font défiler la page.

Bloom

Bloom est un plugin qui permet de créer facilement des formulaires d’inscription à une newsletter pour les sites WordPress. Le plugin offre une grande variété de modèles de formulaire pour tous les types de sites web, y compris des formulaires classiques, des formulaires horizontaux ou verticaux, des formulaires pour les barres latérales ou les pieds de page, etc. Les utilisateurs peuvent personnaliser facilement les modèles de formulaire en modifiant les couleurs, les polices, les textes, etc. pour correspondre au mieux à leur site et à leur objectif.

De plus, Bloom offre la possibilité de créer des formulaires d’inscription à une newsletter qui s’affichent sous forme de popups selon des règles de déclenchement que vous aurez choisi, tels que le temps passé sur le site ou la page visitée. Les utilisateurs peuvent également afficher des popups différents en fonction de l’emplacement géographique de leurs lecteurs.

Enfin, Bloom permet l’intégration avec des services de marketing par e-mail les plus populaires tels que Mailchimp, AWeber, Campaign Monitor, etc.

Divi et WooCommerce

WooCommerce est un plugin essentiel pour quiconque souhaite créer une boutique en ligne en utilisant WordPress. Le thème Divi comprend de nombreux modules spécialement conçus pour WooCommerce, accessibles grâce à son outil de création de pages, le Divi Builder. De plus, il propose des modèles de mise en page prédéfinis adaptés à WooCommerce, vous permettant de concevoir une boutique en ligne à la fois fonctionnelle et professionnelle.

Aperçu des principaux modules :

  • Shop (Boutique) : Ce module vous permet d’afficher les produits WooCommerce sur n’importe quelle page de votre site, avec des options de tri et de filtrage.
  • Product Carousel (Carrousel de produits) : Pour afficher les produits sous forme de carrousel et de les faire défiler sans quitter la page.
  • Add to Cart (Ajouter au panier) : Pour ajouter un bouton « Ajouter au panier » pour les produits permettant à vos clients d’ajouter des articles à leur panier directement depuis la page de présentation du produit.
  • Product Title (Titre du produit) : Ce module affiche le titre du produit et peut être personnalisé avec des styles et des polices.
  • Product Price (Prix du produit) : Permet d’afficher le prix du produit et de personnaliser la mise en forme.
  • Product Rating (Évaluation du produit) : Ce module affiche les évaluations et les commentaires des clients pour un produit spécifique.
  • Product Description (Description du produit) : Pour afficher la description d’un produit avec différentes options de mise en forme.
  • Product Images (Images du produit) : Pour afficher les images des produits et de créer des galeries et des zooms.
  • Product Meta (Méta du produit) : Ce module affiche des informations supplémentaires pour un produit, telles que les catégories, les étiquettes et les attributs.
  • Product Related (Produits associés) : Ce module affiche les produits liés à un produit spécifique, en fonction des catégories et des étiquettes.
  • Product Upsell (Vente incitative de produits) : Ce module affiche les produits recommandés.
  • Product Tabs (Onglets de produit) : Pour ajouter des onglets à la page de présentation du produit, permettant aux clients de naviguer facilement entre les détails, les avis et autres informations sur le produit.
Divi modules WooCommerce

Avis final sur le thème Divi

Divi s’est imposé comme l’un des thèmes WordPress les plus populaires et les plus appréciés du marché grâce à sa polyvalence, sa facilité d’utilisation, ainsi que ses nombreuses options de personnalisation, ses modèles de pages préconçus, et son constructeur de page Divi Builder.

Il est adapté à un large éventail d’utilisateurs, aussi bien aux novices qui n’ont pas de connaissance en langage web qu’aux concepteurs et développeurs professionnels qui cherchent à gagner du temps et à offrir des sites internet de qualité à leurs clients.

On peut aussi souligner son excellent support technique compétant et rapide qui apporte toute l’aide nécessaire dès le moindre problème. Sa communauté très importante est également un atour majeur de Divi, elle offre de nombreuses ressources, telles que des tutoriels, des conseils, des astuces et des forums d’entraide, pour vous aider à utiliser le plein potentiel de ce thème.

On peut aussi souligner son excellent support technique, qui se distingue par sa fiabilité et sa rapidité à vous apporter toute l’assistance nécessaire en cas de problème. La vaste communauté qui gravite autour de Divi constitue également un avantage considérable. Celle-ci met à disposition une multitude de ressources, incluant des tutoriels, des conseils, des astuces et des forums d’entraide, afin de vous permettre d’exploiter le plein potentiel de ce thème.

9.6 Total Score
Divi

L’un des deux meilleurs constructeur de page actuel sur WordPress

Rapport qualité-prix
9.8
Facilité d’utilisation
9.6
Fonctionnalités
9.7
Polyvalence
9.6
SEO
9.4
Rapidité
9.5
POUR
  • Simple à prendre en main
  • Nombreuses fonctionnalités
  • Support technique de grande qualité
  • Possibilités illimitées
CONTRE
  • Système de shortcode
2 Commentaires
  1. J’adore votre site. Je le trouve fonctionnel, bien pensé, élégant. C’est dans l’optique de disposer d’un tel site que je me suis intéresser d’une part à Wordpress, d’autre part à Divi. Je vais mettre le vôtre en raccourci sur ma barre de favori.

  2. Merci Pierre.

Laisser un commentaire

error: Contenu protégé - DMCA
globalwordpress
Logo