Tests et avis sur le thème DIVI d’elegant themes

« Le thème WordPress le plus populaire au monde. » C’est en ces termes qu’Elegant Themes, son géniteur, parle de lui. « Le meilleur thème WordPress », peut-on aussi lire sur certains sites spécialisés. Vous n’avez pas encore trouvé de qui l’on cause ? On vous aide un peu. Son nom tient en quatre lettres. D-I-V-I. Divi !

[su_note note_color= »#f9f9f9″ text_color= »#232323″ radius= »0″]

Sommaire

[/su_note]

Si vous n’en avez jamais entendu parler, c’est sûrement que WordPress ne vous dit pas grand-chose. Ou alors, vous vivez sur une autre planète. Autrement, difficile de passer à côté de lui. Ce célèbre thème mérite-t-il vraiment sa réputation ? Est-ce une vaste arnaque ? Ou, a contrario, un must have ? On l’a testé pour vous. Et, au passage, on l’a découvert, de A à Z. Alors, comment ça marche, Divi ? Prêts, scrollez !

La note du thème Divi

[wp-review id= »27680″]

Le principe du thème Divi

[su_note note_color= »#f9f9f9″ text_color= »#232323″ radius= »0″] [/su_note]

Première chose à retenir : Divi est un THÈME, comme il en existe des milliers d’autres sur WordPress. Là où le bébé créé par Elegant Themes se distingue de ses petits copains, c’est qu’il intègre un constructeur de pages, appelé « Divi builder ».

Il s’agit d’un plugin très puissant qui vous permet de visualiser en temps réel le montage de votre page, depuis l’interface front. Grâce à lui, vous allez pouvoir tout faire, ou presque, en temps réel : créer des blocs, intégrer une photo, du texte, des icônes, des vidéos etc.

Vous venez de placer une vidéo au milieu de votre page et son emplacement ne vous plaît plus ? Oh que ça va être compliqué de tout refaire. Perdu ! Avec Divi, un simple drag and drop vous laisse la possibilité de la positionner où bon vous semble.

Pour les anti Divi Builder, pas de stress, Divi a pensé à vous. Vous pouvez aussi gérer la construction de votre site depuis le back-end (administration). Mais, clairement, l’intérêt est plus limité.

Aperçu détaillé des fonctionnalités du thème WordPress Divi

[su_note note_color= »#f9f9f9″ text_color= »#232323″ radius= »0″] [/su_note]

On se répète, quitte à un être un peu lourd : Divi vous autorise à quasiment tout faire, tant il est polyvalent.

Premièrement, vous pouvez créer vos pages en front-end sans le moindre temps de chargement (sauf si votre ordi est une machine à écrire ;-). Tout est personnalisable à souhait :

  • couleurs
  • polices
  • tailles
  • espaces
  • marges
  • etc.

Et ce, sans toucher la moindre ligne de code.

Si le design, c’est pas votre truc, ou que vous vous êtes levé sans la moindre inspiration, Divi sera votre ami. L’une de ses forces consiste à proposer de nombreuses mises en page toutes prêtes, accessibles depuis la bibliothèque du thème.

Si celles proposées de base ne vous conviennent pas, il faut savoir que Divi possède une communauté très importante qui en propose un nombre incalculable (gratuites et payantes).

Si vous êtes un peu curieux, et il faut l’être avec Divi, vous trouverez à coup sûr LA perle rare qui répondra à vos besoins.

Là où Divi est également intéressant, c’est qu’il vous permet de gagner du temps grâce à sa bibliothèque. Elle donne la possibilité d’enregistrer, d’importer ou d’exporter des éléments. Vous pouvez par exemple enregistrer une mise en page, un morceau de page et/ou un module que vous venez de créer pour les réutiliser sur un autre site. Dans le même style, la bibliothèque autorise aussi l’importation de mises en page créées par d’autres utilisateurs pour les utiliser sur votre propre site.

Deuxièmement, le thème dispose de 46 éléments prêts à l’emploi : formulaire de contact, Google maps, sliders, boutons, diapos, barres de recherche, réseaux sociaux etc. Pour une liste exhaustive, on vous laisse découvrir par vous-mêmes. Mais on vous l’annonce d’emblée : Elegant Themes a quasiment pensé à tout.

Troisièmement, Divi est traduit en 32 langues. Bon, le seul petit souci réside dans une traduction parfois approximative du français. Exemple : si vous êtes amené à suivre un tuto en anglais et que vous voulez en même temps retrouver le nom d’un module dans la langue de Molière pour l’installer sur votre site, on parie que vous allez un peu chercher dans certains cas.

Un conseil : focalisez vous sur le design des icônes des modules, ça vous aidera à gagner du temps et à trouver le module en question. Sinon, laissez le thème en anglais, si vous en êtes capable.

Enfin, Divi est parfaitement responsive. A l’ère du mobile-first, c’est très pratique et non négligeable. L’un de ses nombreux atouts est notamment de pouvoir gérer l’affichage (et/ou le non-affichage) en fonction du support (ordi, tablette, mobile) en direct, depuis l’interface front.

Les compatibilités de Divi

[su_note note_color= »#f9f9f9″ text_color= »#232323″ radius= »0″] [/su_note]

Tous les thèmes d’Elegant Themes, dont Divi, sont entièrement compatibles avec les plugins SEO suivants : Yoast SEO et All In One SEO Pack. Sans oublier, bien sûr, les célèbres plugins WooCommerce (pour vendre vos produits) et WPML (pour traduire votre site en plusieurs langues).

Attention : avec Woocommerce, vous ne pouvez pas bénéficier du builder pour personnaliser pleinement votre boutique. Vous pourrez simplement choisir d’afficher ou non la sidebar sur les différentes pages statiques de la boutique.

Pour le reste, le service clients d’Elegant Themes nous a confirmé que Divi était compatible avec n’importe quel plugin externe, sous certaines conditions ;-). A savoir qu’ils ne garantissent pas totalement l’assistance sur des plugins sur lesquels ils n’ont pas la main et qu’ils n’ont pas codé. Sous-entendu, si le plugin que vous souhaitez intégrer utilise un code propre, il n’y aura pas de souci.

Entre nous, avec toutes les fonctionnalités et éléments natifs, vous aurez beaucoup moins à vous soucier des plugins externes que si vous utilisiez un autre thème WordPress.

Divi a par exemple ses propres formulaires de contact et ses propres sliders, pour ne citer qu’eux.

Et vous pouvez compléter ces éléments natifs de DIVI avec les plugins  Bloom et Monarch (créés par Elegant Themes et inclus dans le prix de DIVI) pour ajouter un popup et des boutons de partage sur votre site.

Les avantages et les inconvénients de Divi

[su_note note_color= »#f9f9f9″ text_color= »#232323″ radius= »0″] [/su_note]

Parler de Divi, c’est aussi évoquer un paradoxe. Ce thème est à la fois intuitif, user-friendly et simple d’utilisation. Mais il est aussi complexe, au départ ! On développe.

Sa grande qualité consiste à rendre la création d’un site web accessible aux néophytes. HTML, CSS, Javascript ou encore PHP sont des mots inconnus pour vous ou, pis, ils vous effraient. Avec Divi, nul besoin de connaître ces langages. Sans coder, vous arriverez à créer un site qui se respecte et qui correspond à vos besoins.

Sauf qu’avant cela, il va falloir passer par la case apprentissage car l’interface front a ses propres spécificités pas toujours évidentes à cerner, au démarrage. On vous rassure, les bases s’acquièrent en une paire d’heures.

Pour cela, Elegant Themes sera votre ami. Le créateur de Divi a mis en ligne plus de 70 vidéos pour vous familiariser avec l’outil. N’hésitez pas non plus à vous servir de votre moteur de recherche préféré pour trouver des ressources additionnelles. Si vous souhaitez devenir un pro de Divi, va falloir un peu bosser !

En résumé, Divi a quand même beaucoup d’avantages :

  • possibilité avec le même thème de faire plein de sites web différents (et donc de gagner du temps pour travailler avec vos clients. Un thème pour tout faire permet de gagner beaucoup de temps une fois la technologie maitrisée).
  • design graphique réussi
  • puissance du Divi builder
  • très large communauté
  • support technique
  • prix (voir plus bas)

Au moment de faire votre choix, gardez quand même en tête certains inconvénients :

  • l’éventail des possibilités est tellement large que le risque est de parfois s’y perdre
  • la migration de Divi vers un autre thème peut s’avérer compliquée
  • la prise en main demande un peu de temps et d’investissement personnel
  • la personnalisation CSS (au-delà de ce qui est permis par Divi) peut être compliquée en raison des très nombreuses lignes de code présentes, souvent en excès (ouvrez l’inspecteur de votre navigateur, vous verrez).
  • Sans oublier une opinion assez répandue sur la Toile : beaucoup de sites Divi se ressemblent et donc vous ne sortirez pas du lot en utilisant ce thème. Mais si vous êtes créatif, curieux et investi, on est prêts à parier que vous parviendrez à surmonter cet obstacle en créant un site original.

Que penser de la prise en main pour un débutant ?

[su_note note_color= »#f9f9f9″ text_color= »#232323″ radius= »0″] [/su_note]

Avoir Divi entre les mains s’avère un peu déroutant lors des premières minutes d’utilisation. Le panel d’options est si large que l’on s’y perd un peu. Mais ce sentiment s’évanouit rapidement.

Pour bien l’utiliser, il faut d’abord comprendre son mode de fonctionnement, qui se base sur l’imbrication d’éléments, avec trois grandes catégories (sections, lignes, modules).

En front-end comme en back-end, il vous faudra, dans chaque page, insérer d’abord des sections. Ces sections contiennent des lignes (rows, ex : une colonne, deux colonnes, trois colonnes etc.) qui contiennent elles-mêmes des modules, les éléments visuels qui composent votre site (ex : barre latérale, bouton, image). Tous ces éléments sont modifiables et se déplacent à souhait.

Une fois que vous avez pigé ce système, vous êtes sur la bonne voie. On vous conseille aussi de faire un petit tour sur les tutos vidéos d’Elegant Themes. Ils sont très bien faits (attention, c’est en anglais, par contre) et vous permettront de vous familiariser un peu plus avec le thème.

Avec ce bagage, vous êtes maintenant en mesure de vous lancer. Et là encore, vous allez être surpris de la rapidité à laquelle vous pouvez créer un site web, même si vous n’avez jamais fait cela de votre vie et que vous n’êtes pas développeur.

Grâce aux mises en page existantes et à la malléabilité du Divi Builder, quelques heures suffiront pour obtenir un produit respectable en intégrant des éléments basiques tels que des textes, photos, vidéos, Google maps, formulaire de contact etc.

Pour des résultats plus originaux et une construction graphique qui vous est propre, faudra mettre la main à la pâte, par contre. Voire vous intéresser au webdesign ou faire appel à un professionnel.

Que penser des templates Divi disponibles ?

[su_note note_color= »#f9f9f9″ text_color= »#232323″ radius= »0″] [/su_note]

Les templates ont d’abord été pensés pour faciliter la vie de l’utilisateur et répondre aux principaux besoins des créateurs de sites web.

La plupart du temps, un site inclut notamment une page Accueil, une page À Propos ou encore une page Contact. Divi intègre ce type de templates pour vous faire gagner du temps.

Ensuite, libre à vous de les personnaliser en supprimant des sections, en ajoutant des modules etc. Mais le thème a au moins le mérite de vous fournir une base sur laquelle vous pouvez travailler.

Ce qui est intéressant reste les mises à jour fréquentes proposées par Elegant Themes qui vous permettront de disposer de nouveaux modèles.

Et, cerise sur le gâteau, n’hésitez pas à profiter des templates proposés par des utilisateurs de la communauté Divi. Ça, c’est vraiment top. Cela multiplie vos possibilités créatives et aura le mérite de vous éloigner un peu du carcan « classique » proposé par le thème au départ. Alors faites vous plaisir !

Que penser du prix de Divi ?

[su_note note_color= »#f9f9f9″ text_color= »#232323″ radius= »0″] [/su_note]

Clairement, pour un thème premium et au vu des multiples possibilités qu’il offre (utilisation illimitée notamment), Divi reste un produit extrêmement bon marché. Pour vous donner un ordre d’idée, un thème premium coûte, en moyenne, autour de 50-60$ (47-57 euros).

Elegant Themes propose deux licences pour acquérir Divi :

  • Licence à l’année pour 89$ (84 euros).
  • Licence à vie pour 249$ (235 euros).

Notez bien que ces prix donnent accès à tous les plugins et à tous les thèmes de la boutique d’Elegant Themes. Il y en 87 au total, dont Divi !

Si ce dernier vous rend fou à un moment donné, rien ne vous empêchera alors d’utiliser ses petits copains comme Lucid, Vertex ou Foxy. Il y en a d’ailleurs dans tous les domaines (Business, Blog, Ecommerce, Magazine etc.).

Voir le thème Divi

Ce que j’aime et ce que j’aime moins ?

Ce qui m’a immédiatement plu avec Divi, c’est la facilité et la rapidité dans la conception d’un site, une fois que l’on a compris son mode de fonctionnement.

J’insiste sur ce point car cela fait partie des petits côtés négatifs que j’ai relevés : ce thème est tellement complet que vous pouvez facilement vous y noyer. Prenez donc un peu de temps pour vous familiariser avec lui, vous en gagnerez sûrement par la suite.

Car après, c’est certain, on peut vraiment créer quelque chose de design et de fonctionnel en quelques heures.

Clairement, le Divi Builder fait vraiment la différence et reste un outil très agréable à utiliser. De prime abord, j’étais assez réservé sur le côté WYSIWYG (What you see is what you get, Ce que vous voyez est ce que vous obtenez) du Divi Builder.

Ayant quelques bases en HTML, CSS et JavaScript, je suis assez réticent au fait de devoir être contraint de suivre une organisation bien définie pour construire une page. Au final, on se prend assez rapidement au jeu et le résultat se veut plutôt bluffant. Après, rien n’empêche de rajouter son propre code CSS comme on le ferait avec n’importe quel autre thème WordPress.

Pour moi, le côté le plus intéressant de ce thème reste l’environnement qui l’entoure. En fait, on découvre rapidement qu’il existe des tonnes et des tonnes de ressources complémentaires possibles pour construire son site, grâce à l’omniprésence des contributeurs externes à Elegant Themes.

Si vous souhaitez vraiment approfondir le sujet, trouver de nouvelles idées pour vos créations et in fine, vous démarquer, il y a vraiment de quoi faire.

Conclusion

Divi est un thème très agréable à utiliser que je recommande.

À vrai dire, je m’attendais au départ à un thème surcoté et fouillis. Bien qu’il souffre de petits désagréments, mon impression reste très positive. Au final, il est assez surprenant de voir à quelle vitesse on peut créer un site web. Si vous êtes débutant, foncez. Divi vous facilitera la vie et vous fera gagner du temps. Pour les développeurs confirmés, son intérêt se discute. Mais ça, c’est un autre débat 😉

La littérature française sur le sujet est peu abondante. Les ressources sont essentiellement rédigées dans la langue de Shakespeare. Donc si vous ne saisissez pas le sens de l’expression « Brian is in the kitchen », on vous conseille de potasser un peu l’anglais. Bon, plus sérieusement, en vous accrochant un brin, vous devriez vous en sortir quand même.

 

5/5 - (6 votes)

A propos de l'auteur

Thibaut Forté

Passionné par l'environnement web, je suis notamment spécialisé dans la rédaction (web-print). J'apprends le développement et le webdesign depuis quelques mois, et j'adore ça. Toujours prêt à créer, à apprendre et à me perfectionner, j'adore quand les choses bougent. Sinon, je suis un grand fan de sport : running, football et fitness, voilà mon dada ;-)

Pin It on Pinterest

Share This