Avis sur le thème Divi (2024) : prix, avantages et inconvénients

Voici le Revue du thème Divi, l'un des thèmes WordPress polyvalents les plus utilisés et les plus populaires disponibles sur le marché.

Vous essayez de choisir le thème WordPress parfait pour votre site Web, n'est-ce pas ? Je sais à quel point il est difficile de parcourir des milliers de thèmes, en essayant de trouver celui qui correspond parfaitement à votre site.

Cela peut parfois ressembler à vos boucles d'or, n'est-ce pas ? Trop grand, trop petit. Comment trouver le thème parfait ?

Eh bien, une façon consiste à trouver un thème polyvalent qui vous donne un contrôle total sur le fonctionnement de votre site Web. Et c'est ce que fait le thème Divi.

Joignez-vous à moi aujourd'hui alors que j'approfondis mon Revue du thème Divi. Je vais vous montrer des tas de captures d'écran de l'interface actuelle (installée sur mon propre serveur !) et vous montrer comment fonctionne ce thème puissant.

Ne manquez pas notre Réduction sur le thème Divi offrir.

Qu'est-ce qui rend Divi si unique ?

Divi est alors conçu pour que même les personnes sans aucune compétence en codage puissent créer un beau site Web personnalisé sur la plateforme WordPress.

Il est polyvalent et hautement personnalisable. Il est livré avec un certain nombre de mises en page prédéfinies. Et si vous voulez vous lancer seul, vous pouvez utiliser le Constructeur Divi très flexible pour créer des mises en page uniques pour vos articles et vos pages.

Divi utilise également pleinement le WordPress Customizer afin que vous puissiez personnaliser à la fois votre site Web, ainsi que les modules individuels que vous utiliserez dans le constructeur de page (plus à ce sujet plus tard !).

Et si vous aimez l'optimisation de la conversion, vous adorerez que Divi inclue un puissant outil de test A/B appelé Divi Leads. Divi Leads vous permet de tester A/B chaque élément que vous utilisez dans le constructeur de pages Divi afin d'optimiser les performances de votre site.

Bien que vous puissiez obtenir la plupart de ces fonctionnalités à l'aide de plugins externes, Divi est si puissant car il rassemble tout sous un système intégré facile à utiliser.

Quels types de sites Web pouvez-vous créer avec Divi ?

Comme je l'ai mentionné, le thème Divi est polyvalent. Cela signifie que vous pouvez créer presque n'importe quel type de site Web. Par exemple, vous pouvez créer :

Vous pouvez même créer des boutiques de commerce électronique en utilisant WooCommerce ! Divi est vraiment polyvalent.

Par exemple, ce site Web est construit à l'aide de Divi Theme par ElegantThemes :

Tout tourne autour du Divi Builder

Si vous demandez à un utilisateur de Divi ce qui rend Divi Theme si puissant, sa première réponse sera presque toujours le Divi Builder.

Vous voyez, le Divi Builder est ce qui vous permet de créer des conceptions complexes sans avoir besoin de connaître un seul coup de code. Sans cela, vous auriez à creuser dans PHP et CSS. Et soyons honnêtes, qui a le temps pour ça ?

Avec Divi Builder, vous pouvez créer des mises en page en utilisant quelque chose appelé Modules. Par exemple, si vous souhaitez ajouter un tableau de prix, vous pouvez simplement faire glisser le module Divi Pricing Tables au lieu d'essayer de le coder à partir de zéro :

Créer un site Web avec Divi

---

Création de pages backend vs frontend

Normalement, lorsque vous choisissez un constructeur de pages WordPress, vous pouvez soit modifier le front-end, soit le back-end. Voici ce que signifient ces termes :

Dans les versions précédentes de Divi, vous ne pouviez éditer que dans le backend. Mais tout a changé avec Divi 3.0.

Vous pouvez choisir d'éditer dans le front-end ou le back-end. Et vous pouvez même basculer d'avant en arrière selon vos besoins !

Honnêtement, pouvoir basculer entre les modes offre le meilleur des deux mondes.

Pour moi, j'aime configurer la mise en page de base de ma page à l'aide de l'éditeur principal. Mais une fois que c'est défini, j'aime sauter dans l'éditeur visuel frontal afin de voir exactement à quoi ressemblera ma page finale.

Constructeur d'interface en action

Éditer votre site WordPress n'a jamais été aussi facile. Il vous suffit de cliquer et d'ajouter n'importe quel module à vos pages et de commencer à éditer.

Vous aurez un aperçu en temps réel des modifications que vous effectuez sur votre site. Si vous souhaitez ajouter du contenu textuel sur votre page, cliquez simplement sur la section où vous voulez le texte et commencez à éditer, c'est aussi simple que cela.

Vous avez plus de 45 éléments de page différents que vous pouvez utiliser sur votre site pour le rendre moderne et complet. Il est très simple pour les utilisateurs de sélectionner rapidement l'un des éléments de la page et de le modifier.

Un autre aspect important à examiner est les modèles de page prêts à l'emploi, vous pouvez choisir l'un des modèles disponibles et le modifier rapidement.

Quels éléments propose le Divi Builder ?

Si vous avez déjà utilisé un constructeur de page auparavant, vous savez qu'un constructeur de page est aussi bon que les éléments qu'il propose.

Il propose des centaines de modules de conception différents que vous pouvez consulter sur le site d'accueil.

Divi comprend différents éléments (appelés modules), ce qui vous donne une grande flexibilité pour créer vos publications et vos pages. En plus des éléments de base comme les boutons, les en-têtes et le texte, Divi inclut également des modules spécifiques pour :

Ajouter des modules sur l'année

Créer un site Web n'a jamais été aussi simple. Avec Divi, vous pouvez ajouter n'importe quel élément à votre page à la volée. Survolez simplement la section où vous souhaitez ajouter un élément et commencez.

En ce qui concerne les constructeurs de pages, l'ensemble de modules de Divi Builder peut aller de pair avec n'importe quel autre constructeur premium.

Pratique avec le Divi Builder

Je veux creuser un peu plus et vous montrer exactement comment utiliser Divi Builder pour créer des pages.

Lorsque vous créez un nouvel article ou une nouvelle page, la première chose que vous pouvez faire est de définir sa mise en page de base :

Vous pouvez déplacer la barre latérale ou choisir de simplement utiliser une page pleine largeur.

Ensuite, vous pouvez sauter dans le véritable constructeur Divi en cliquant sur le bouton :

Tout d'abord, vous insérez des colonnes. Ceux-ci dictent essentiellement comment vous voulez que votre toile soit divisée. Si vous souhaitez utiliser le canevas complet, vous pouvez utiliser une seule colonne. Mais si vous souhaitez diviser la page en deux, vous pouvez choisir deux colonnes ou plus :

Vous pouvez également faire en sorte que les colonnes prennent différentes largeurs. Ainsi, une colonne peut occuper 70 % de la page, laissant 30 % pour une deuxième colonne.

Vous pourrez également ajouter des lignes si vous souhaitez utiliser différents alignements de colonnes sur la même page.

Une fois que vous avez défini vos colonnes, vous êtes prêt à commencer à ajouter des modules. Les colonnes et les lignes définissent la mise en page - les modules sont l'endroit où vous ajoutez réellement du contenu :

Supposons, par exemple, que vous ajoutiez un module de boutons. Cela ressemblera à ce qui suit lorsque vous utilisez l'éditeur backend :

Et si vous passez à l'éditeur visuel frontal, cela ressemblera à ceci :

Comme la plupart des constructeurs de pages, il vous faudra peut-être un certain temps pour maîtriser Divi Builder. Mais une fois que vous avez trouvé votre chemin dans l'interface, vous pouvez absolument créer des mises en page complexes sans avoir besoin de compétences en code.

Annuler/Rétablir facilement

Une grande chose à propos de Divi est sa fonctionnalité facile d'annulation/rétablissement. Si vous avez déjà utilisé Microsoft Word, vous êtes probablement fan des boutons Annuler et Rétablir.

Eh bien, vous pouvez faire exactement la même chose avec Divi. Si jamais vous faites une erreur, vous pouvez instantanément annuler ce changement sans rien casser :

C'est une petite chose, mais c'est excellent pour votre productivité.

Mises en page réactives

Un autre avantage de Divi est qu'il vous permet de créer des mises en page réactives. Cela signifie que vos mises en page seront magnifiques, que vos visiteurs naviguent sur leur ordinateur ou sur leur smartphone.

Mais voici la chose vraiment cool à propos de Divi :

Vous pouvez choisir de n'afficher que certains modules pour certains appareils. Par exemple, disons que vous avez une vidéo qui prend beaucoup de place. Vous souhaiterez peut-être inclure la vidéo pour les utilisateurs de bureau, mais pas pour les utilisateurs mobiles.

Pour cela, il vous suffit de cocher une case dans le Divi Builder pour désactiver ce module spécifique pour les appareils mobiles :

Cette fonctionnalité facilite la création de conceptions spécifiques à la plate-forme.

Interface de création visuelle fluide

Vous allez adorer l'interface visuelle du constructeur, le constructeur apporte une solution parfaite pour donner à votre site une apparence parfaite au pixel près sur des écrans plus grands et plus petits.

Le nouveau constructeur visuel est parfaitement optimisé pour les appareils à petit écran afin de vous permettre de modifier votre site n'importe où et n'importe quand.

Le constructeur visuel est également optimisé pour les écrans verticaux afin que vous ayez la vue parfaite lors de l'édition de votre site.

Mises en page pleine largeur pour les pages de destination

Voici le problème avec la plupart des constructeurs de pages :

Ils vous permettent uniquement de créer des pages dans le cadre existant de votre thème. Cela signifie que vous pouvez modifier le corps de la page, mais vous aurez toujours l'en-tête et la barre latérale standard de votre thème.

C'est bien pour la plupart des pages, mais peu pratique si jamais vous avez besoin de créer une page de destination dédiée.

L'un des atouts majeurs de Divi est qu'il permet de construire des pages à partir d'un canevas 100% vierge. Pas d'en-tête par défaut. Pas de barre latérale. Pas de pied de page.

Il ne vous reste plus qu'à choisir le Page Blanche modèle:

Ensuite, vous pouvez créer votre page en utilisant un template 100% vierge :

Enregistrement de mises en page dans la bibliothèque Builder

Dernière chose que je vais vous montrer sur le Divi Builder !

Si vous êtes comme la plupart des sites, vous aurez probablement des mises en page spécifiques que vous souhaitez utiliser sur plusieurs pages.

Pour éviter de vous obliger à dupliquer vos efforts, Divi vous permet d'enregistrer des mises en page dans la bibliothèque Divi :

Et vous pouvez ensuite charger instantanément ces mises en page sur une nouvelle page :

Cette fonctionnalité vous fera absolument gagner beaucoup de temps.

Un panneau de paramètres de thème qui est un plaisir à utiliser

Ok, donc je suis fan du Divi Builder. Mais qu'en est-il du reste des options de thème ?

Tout d'abord, la page Options du thème Divi est un jeu d'enfant à utiliser. Il est bien conçu et vous permet de configurer rapidement les options de style, de navigation, de mise en page et de référencement de base. Vous pouvez également ajouter facilement des annonces AdSense à votre site :

Les options de thème Divi vous permettent également d'ajouter rapidement des extraits de code personnalisés et du CSS. Pas besoin de mettre en place un thème enfant !

Grande utilisation du personnalisateur WordPress

Cependant, Divi ne s'appuie pas uniquement sur ses paramètres d'options de thème. Vous pouvez également utiliser WordPress Customizer pour styliser votre design en temps réel.

L'utilisation du Customizer sur un menu statique est un énorme avantage car vous pouvez apporter vos modifications à l'aide de l'interface familière WordPress WYSIWYG.

Conception générale du thème

Tout d'abord, Divi vous permet d'utiliser le Personnalisateur WYSIWYG pour styliser votre site Web habituel. Vous pouvez personnaliser :

Vous pouvez même l'utiliser pour personnaliser des paramètres uniques pour la version mobile de votre site. Je n'ai jamais vu d'autre thème vous laisser faire ça!

Personnalisation des modules

Mais Divi ne s'arrête pas au style général du thème. Vous vous souvenez de ces modules du Divi Builder ? Oui, vous pouvez personnaliser leur apparence en utilisant le Customizer !

Par exemple, si vous souhaitez modifier le style par défaut du Pricing Table module, vous vous dirigeriez vers Divi → Personnalisateur de module. Là, vous pouvez changer le style pour n'importe quel nombre de modules différents :

Ensuite, vous pourriez cliquer sur le Pricing Table option pour styliser spécifiquement les polices de ce module.

Je suppose que ce que j'essaie de dire est ceci :

Le thème Divi vous donne un contrôle incroyable sur l'apparence de votre site Web, sans vous obliger à connaître une seule ligne de code.

Édition en vrac

C'est une fonctionnalité très efficace offerte par le thème Divi, vous pouvez Cmd ou Ctrl sur votre clavier et sélectionner plusieurs modules sur une page et les éditer en même temps.

Cette fonctionnalité sera très pratique lorsque vous créerez un certain nombre de sites différents pour vos clients et effectuerez un type d'édition similaire pour vous aider à gagner beaucoup de temps.

Rechercher et remplacer des styles

C'est une autre fonctionnalité très efficace pour gagner du temps et augmenter votre efficacité. Divi vous offre une option rapide pour trouver et remplacer n'importe quel style sur une page.

Copier et coller des styles

Vous avez également la possibilité de copier et coller le style d'un module à un autre, ce qui rend votre processus d'édition rapide et facile.

Largeurs déplaçables

Les fonctionnalités de largeur déplaçables permettent aux utilisateurs de fixer très simplement et facilement la largeur de n'importe quel module. Si vous avez une section dans l'en-tête ou le corps, vous pouvez rapidement faire glisser et modifier la largeur.

Conceptions d'en-tête personnalisées

L'en-tête est la première section de votre site Web visible par les visiteurs entrants. Ainsi, la section d'en-tête doit être belle pour créer une impression.

Divi vous offre une option incroyable pour créer un en-tête personnalisé pour votre site. Vous pouvez jouer avec la disposition de la section d'en-tête.

Vous pouvez entièrement personnaliser le menu de votre site ainsi que modifier l'emplacement du logo de votre site. Vous pouvez même créer une navigation verticale et modifier l'orientation complète pour la rendre complètement unique.

Éléments de marketing

---

Test A/B facile avec Divi Leads

Si vous êtes un spécialiste du marketing, vous essayez probablement toujours d'améliorer votre site Web. Le thème Divi permet de tester A/B essentiellement n'importe quel module de votre site en utilisant quelque chose appelé Divi Leads.

Une fois que vous aurez activé le split-testing, vous pourrez facilement tester A/B n'importe quel module que vous ajouterez au Divi Builder :

Vous n'êtes pas limité à deux options non plus ! Vous pouvez également utiliser Divi Leads pour exécuter des tests multivariés.

Bien qu'il existe des plugins tiers qui peuvent vous aider à tester A/B votre site WordPress, aucun n'est aussi bien intégré que Divi Leads.

Marketing par e-mail et partage social

Lorsqu'il s'agit de commercialiser votre contenu, le partage social et le marketing par e-mail font partie intégrante du processus.

Divi vous offre une option complète pour gérer votre marketing par e-mail et votre marketing sur les réseaux sociaux et vous assurer que vous n'avez pas à chercher d'autres outils à l'extérieur.

Des mises en page prédéfinies pour vous aider à gagner du temps

Créer chaque mise en page à partir de zéro peut sembler écrasant. C'est pourquoi Divi inclut un certain nombre de mises en page prédéfinies avec le Builder.

Ainsi, au lieu d'avoir à partir d'un canevas vierge chaque fois que vous créez une nouvelle page, vous pouvez simplement choisir une mise en page existante et la personnaliser en fonction de vos besoins.

Chaque fois que vous créez une nouvelle page ou un nouveau message, vous aurez accès à toutes ces mises en page prédéfinies :

Et comme je l'ai mentionné ci-dessus, vous pouvez toujours utiliser vos propres modèles que vous avez enregistrés dans la bibliothèque.

Options de navigation

Divi vous propose des designs étonnants pour votre menu de navigation. En fait, vous pouvez créer une navigation verticale pour votre site si vous ne souhaitez pas utiliser la navigation habituelle.

Vous pouvez jouer avec le logo et le placement du menu pour lui donner un look unique.

Générateur de messages Divi

Bien que la mise en page par défaut des publications dans WordPress soit conviviale et soignée, elle ne propose aucune option de conception sophistiquée pour pimenter vos publications importantes.

Le post-builder Divi vous offre des options incroyables pour créer une conception de publication riche qui créera un fort impact sur vos lecteurs.

Gestionnaire de couleurs Divi

La gestion des couleurs Divi est la nouvelle fonctionnalité introduite. Le système garde automatiquement une trace de toutes les couleurs que vous avez récemment utilisées et vous présente une nouvelle fenêtre lorsque vous venez modifier votre site.

Vous avez des combinaisons de couleurs incroyables que vous allez adorer, et il est amusant de mettre en œuvre la couleur et de rendre chaque section de votre site attrayante.

Créer une boutique en ligne

Le commerce électronique est une grande entreprise de nos jours et si vous souhaitez créer votre propre boutique en ligne pour vendre votre propre produit ou tout produit tiers, vous pouvez utiliser le thème Divi pour créer votre boutique.

Comme déjà mentionné, le thème Divi est livré avec le support complet du plugin WooCommerce afin que vous puissiez créer votre boutique facilement.

Vous obtiendrez de beaux modèles de conception prêts à utiliser sur votre site de commerce électronique afin qu'il soit plus facile et plus rapide pour vous de démarrer sur votre site.

Le Divi Builder vous propose un certain nombre de modules pour créer de superbes mises en page afin de présenter les produits sur votre site.

Options de langue

Divi est un thème très populaire et il est utilisé par de nombreux locuteurs de langues différentes. Par conséquent, le thème vous offre une option simple pour traduire l'intégralité du thème (entrée et sortie) dans 32 langues différentes.

Sécurité renforcée

La sécurité de votre site est l'un des paramètres les plus importants à regarder lorsque vous sélectionnez votre hébergement ou votre thème.

Le thème Divi prend la sécurité très au sérieux et veille à ce que votre site Web ne soit pas envahi par les méchants.

Excellente base de connaissances et assistance

Un autre avantage de Divi est qu'il dispose d'une base de support massive. Non seulement Elegant Themes a créé une énorme base de connaissances remplie de didacticiels vidéo et de guides détaillés, mais ils publient également des articles sur leur blog conçus pour vous aider à tirer le meilleur parti de Divi :

Et si cela ne suffit pas, vous pouvez même trouver des sites Web tiers entièrement dédiés à la fourniture de didacticiels Divi.

Mise à jour de la vitesse Divi

Divi Theme a récemment reçu une mise à jour très importante pour améliorer la vitesse de chargement globale. Après que Google a déployé la mise à jour Core Vital et qu'elle est devenue une partie de l'algorithme de recherche Google, la vitesse de chargement est devenue encore plus importante.

Si votre site ne se charge pas instantanément, vous perdrez des utilisateurs et votre classement. Maintenant, pour un thème comme Divi avec autant de modules, il est difficile de contrôler la vitesse de chargement tant il y a de fichiers CSS à charger.

Cependant, avec la récente mise à jour de Divi, tout a changé. Vous pouvez atteindre un parfait 100 100 sur Google Page Speed ​​et 100% sur GTMetrix après cette mise à jour.

Alors, comment Divi y parvient-il ?

Auparavant, lorsqu'un utilisateur chargeait une page, tous les éléments étaient utilisés pour charger même les modules qui ne sont pas requis sur cette page particulière. Désormais, avec Dynamic Framework, seuls les modules nécessaires sur une page sont chargés.

Ainsi, si une page n'a utilisé que 5 modules sur plus de 50 modules de conception proposés par Divi, le système ne chargera que ces 5 modules et non les 50 modules, ce qui rendra la page plus rapide qu'auparavant.

Il a également introduit Dynamic CSS et les fichiers sont divisés en centaines de fichiers pour s'assurer que tout n'est pas chargé mais strictement ceux requis. JavaScript est chargé uniquement s'il est requis pour un module.

Le système CSS critique de Divi identifie le CSS nécessaire pour styliser le contenu au-dessus du pli et il reporte tout le reste pour s'assurer que votre page est rapide comme l'éclair.

Divi optimise également les polices Google en les mettant en cache et en les chargeant en ligne.

Divi a également publié une comparaison avec certains des meilleurs concurrents de Divi Theme. Vous pouvez y jeter un œil sur le site Elegant Themes.

Êtes-vous bloqué avec Divi pour toujours ?

Une critique courante de Divi est que le Divi Builder vous « enferme » dans l'utilisation de Divi pour toujours. C'est parce que Divi Builder utilise des shortcodes pour créer des pages. C'est une critique valable, mais elle n'est plus aussi pertinente qu'avant…

C'est parce que Elegant Themes a écouté et apporté un changement clé pour atténuer le problème. Vous pouvez désormais utiliser le Divi Builder en tant que plugin autonome.

Cela signifie que si jamais vous souhaitez changer de thème, les pages que vous avez créées avec Divi continueront de fonctionner tant que vous conserverez le Plugin Divi Builder.

Bien que vous deviez toujours utiliser le plugin Divi Builder, vous êtes libre de changer de thème quand vous le souhaitez sans craindre de casser vos pages existantes. Plus de verrouillage de thème.

Communauté Divi

Le bilan du thème Divi ne sera pas complet sans évoquer la communauté autour du thème. En fait, la communauté est l'un des principaux atouts du thème, garantissant que vous êtes en mesure de réaliser presque tout avec ce thème puissant.

La communauté Divi partage en permanence des goodies que vous pouvez utiliser sur votre site créé avec Divi.

Bien qu'il soit extrêmement simple avec Divi Builder de créer un design unique pour votre site, vous n'avez peut-être pas le temps ou les compétences minimales requises pour créer des mises en page attrayantes, c'est là que la communauté vient à votre aide.

La communauté Divi partage régulièrement de superbes modèles prêts à l'emploi pour le site que vous pouvez utiliser sur votre site. L'un des meilleurs endroits pour commencer votre recherche sera le blog ElegantThemes.

Examen du thème Divi : mes dernières réflexions

Divi est populaire pour une raison. Il permet à quiconque, quelle que soit sa compétence en conception, de créer un beau site Web.

Si vous souhaitez libérer la puissance de WordPress et créer un site Web unique et magnifique, vous devez absolument envisager d'utiliser le thème Divi.

Vous obtiendrez un thème puissant et polyvalent ainsi qu'une excellente base de support si vous avez besoin d'aide pour quoi que ce soit.