Divi — le thème ultime pour WordPress ?

Le thème Divi est plébiscité par de nombreux créateurs de sites. Même si je ne suis pas fan de ce thème, je l'ai testé pour vous. Que vaut-il vraiment, vais-je moi aussi succomber à la Divi-mania ? Réponse dans l'article…

Cet article prend 9 minutes à lire et comporte 2048 mots.

Je n’en fais pas un secret, je n’aime pas le thème Divi. Autant je suis un fan incon­di­tion­nel des exten­sions pro­po­sées par Elegant Themes, autant je ne suis pas atti­ré par leur thème phare. Je l’ai dit et répé­té, je ne l’u­ti­li­se­rai qu’à l’in­su de mon plein gré.

Mais bon, je ne l’ai jamais vrai­ment mis à l’é­preuve. Je sais que c’est une usine à gaz, mais je n’ai jamais fouillé les entrailles de la bête — peut-être par crainte de déclen­cher une explo­sion dévas­ta­trice, allez savoir 😉 Et Rémi, avec qui j’é­change régu­liè­re­ment, ne jure que par lui…

Alors pour ne pas mou­rir idiot, et pour que vous non plus ne mour­riez pas idiots, j’ai déci­dé de ten­ter l’a­ven­ture. Allez, hop, un site de test (non mais il y a des limites, je ne vais pas tes­ter un thème sur un site en prod non plus !), une ins­tall toute fraîche de WordPress, le thème, et zou, c’est parti !

Installation du thème Divi

Elegant Themes pro­pose Divi, le thème, et Divi Builder, le construc­teur de pages (uti­li­sé par Divi et par Extra, leur autre thème phare, et uti­li­sable avec n’im­porte quel thème WordPress ou presque). Le test porte sur le thème (et bien évi­dem­ment, on ver­ra aus­si le construc­teur de page tant qu’on y est).

Bon, vous savez ins­tal­ler et acti­ver un thème WordPress, je sup­pose. Sinon, c’est très simple, tout se passe dans Apparence > Thèmes. Si vous avez télé­ver­sé votre thème par FTP, il ne vous reste plus qu’à l’ac­ti­ver, sinon, cli­quez sur le bou­ton Ajouter en haut à gauche. Pour ma part, c’est par FTP que j’ai dépo­sé le thème sur mon ser­veur, il ne me reste qu’à l’activer.

Et voi­là, dès l’ac­ti­va­tion, le cau­che­mar com­mence ! C’est vrai que Themefuse m’a très mal habi­tué avec mon thème fétiche, The Core, qui com­mence par créer un thème enfant dès qu’on tente de l’ac­ti­ver. Bon, je cherche l’ex­ten­sion qui va bien, pas trop com­pli­quée, vu que ce n’est jamais qu’à des fins de test : Easy Child Theme Creator fera l’af­faire (si vous sou­hai­tez créer un thème enfant, lisez l’ar­ticle Pour modi­fier un thème WordPress, appre­nez à créer un thème enfant ! sur No Tuxedo). Ça va, il n’y a pas mort d’homme, même si je consi­dère que la bonne approche serait la créa­tion auto­ma­tique d’un thème enfant.

Prise en main de Divi

Le thème est ins­tal­lé, voi­ci une cap­ture d’é­cran pour avoir une idée du ren­du, brut de décoffrage :

Très hon­nê­te­ment, j’ai vu bien pire. Bien que rien n’ait encore été per­son­na­li­sé, le ren­du est agréable.

Les options du thème

Rien à redire non plus sur l’in­ter­face pro­po­sée pour les réglages du thème. Elle est propre, aérée, facile à appré­hen­der, et en français :

Il reste bien quelques angli­cismes, comme Minify And Combine [Javascript / CSS] Files que l’on pour­rait tra­duire par Compacter et agré­ger les fichiers [Javascript / CSS] ou Layout que l’on pour­rait rem­pla­cer par Modèles par exemple, mais c’est vrai­ment du détail — sauf pour ceux qui ne com­prennent pas un traître mot à la langue de Shakespeare. D’autant plus sur­pre­nant (et inco­hé­rent) que cer­tains mots,  Ads par exemple, n’ont pas été tra­duits dans les titres d’on­glets mais l’ont été dans les sous-menus et les options.

Ces petits couacs mis à part, l’in­ter­face est claire, les options simples à gérer, et la tra­duc­tion en fran­çais un atout non négli­geable. Par contre, toutes les options ne sont pas gérées via cette inter­face : de nom­breuse options appli­cable au site dont la lar­geur du conte­neur, le modèle d’en-tête, la typo­gra­phie sont gérées via…

Le personnaliseur de thème

Un néo­lo­gisme facile à com­prendre pour un outil qui uti­lise l’in­ter­face de per­son­na­li­sa­tion native de WordPress :

Je n’ai rien contre l’ou­til de per­son­na­li­sa­tion de WordPress, bien au contraire. Pour régler la typo­gra­phie, la lar­geur de la page ou de la barre laté­rale, c’est même l’ou­til idéal. Mais pour­quoi ne pas tout pas­ser par cet outil, jus­te­ment. Pourquoi pro­po­ser deux inter­faces pour gérer, d’un côté, cer­taines options, et de l’autre, tout le reste, avec une clas­si­fi­ca­tion arbi­traire de ce qui sera géré par l’un ou l’autre de ces inter­faces ? Autant se can­ton­ner à l’ou­til de per­son­na­li­sa­tion natif, extrê­me­ment puis­sant, modu­lable et simple à mettre en œuvre.

Le personnaliseur de modules

À l’ins­tar du per­son­na­li­seur de thème, le per­son­na­li­seur de module per­met de régler les options (taille des carac­tères, styles, cou­leur…) pour chaque module pro­po­sé par Divi. Autant dire que si vous sou­hai­tez tout per­son­na­li­ser, vous n’êtes pas ren­du 😉 la liste des modules étant longue comme un jour sans pain.

L’éditeur de rôles

Pas besoin de faire appel à un module externe pour affi­ner les droits de cha­cun, et ça, c’est un vrai plus. Même si, encore une fois, les rôles eux-mêmes (et quelques inti­tu­lés d’op­tions) ne sont pas tra­duits, même s’il y a des inco­hé­rences dans cer­taines tra­duc­tions, même les tra­duc­teurs ont fait un peu n’im­porte quoi avec la casse (on ne met pas la pre­mière lettre de chaque mot en majus­cule, en fran­çais), ce n’est pas rédhi­bi­toire. L’éditeur per­met de gérer les droits de cha­cun, par rôle, très finement.

Le constructeur de page

On y arrive enfin : l’ex­ten­sion Divi Builder, inté­grée au thème, per­met de créer une page soit depuis l’in­ter­face d’ad­mi­nis­tra­tion, soit en mode 100% WYSIWYG.

Création d’une page

Lors de la créa­tion d’une page, vous avez la pos­si­bi­li­té de créer votre page avec l’é­di­teur clas­sique de WordPress, soit avec le Divi Builder. J’ai pous­sé le vice jus­qu’à tes­ter l’in­té­gra­tion de Gutenberg : pour le moment, vous ferez l’im­passe sur le futur édi­teur par défaut : Divi n’est pas com­pa­tible avec Gutenberg — enfin, pas encore.

Rien que du déjà vu quant à la construc­tion de la page — si vous avez essayé WPBakery Page Builder ou le construc­teur de page du fra­me­work Unyson par exemple, vous ne serez pas dépay­sé. Pour ma part, je construis mes pages depuis l’in­ter­face d’ad­mi­nis­tra­tion, mais avec Divi Builder, vous pour­rez aus­si construire les vôtres en mode 100% visuel :

Inutile de s’at­tar­der sur les inter­ac­tions pos­sibles, il n’y a qu’à sur­vo­ler chaque bou­ton, chaque élé­ment des menus et une popup vous renseigne.

Les modules

Quoi que vous vou­liez insé­rer dans votre page, il y a un module pour le faire : zone d’ap­pel à l’ac­tion, sli­der, onglets, image, texte, car­rou­sel, accor­déon… vous trou­ve­rez la liste des 36 modules dans la page de pré­sen­ta­tion du thème Divi.

Le module barre laté­rale per­met d’in­té­grer tout ce qui n’est pas inté­grable direc­te­ment mais qui existe en tant que wid­get WordPress, et le module texte per­met d’u­ti­li­ser les short­codes pour inté­grer tout ce qui n’est pas pré­vu par Divi en tant que module (comme par exemple un sli­der créé avec Slider Revolution plu­tôt qu’a­vec le sli­der natif de Divi).

L’ajout d’un module dans une page

Que ce soit dans l’ad­mi­nis­tra­tion ou en mode visuel, l’a­jout d’un module passe par le bou­ton . Pas très com­pli­qué. On peut faire plus simple, mais c’est moins bien 😉 et éven­tuel­le­ment plus cher.

La fenêtre popup qui s’ouvre est redi­men­sion­nable et dépla­çable en mode visuel :

En mode inter­face d’ad­mi­nis­tra­tion, la popup occupe le devant de la scène, elle n’est par contre ni redi­men­sion­nable, ni déplaçable :

Par contre, elle offre deux avan­tages non négligeables :

• la pré­vi­sua­li­sa­tion responsive 

• la pos­si­bi­li­té d’en­re­gis­trer le module avec son conte­nu en tant que modèle réuti­li­sable. C’est pos­sible avec les autres construc­teurs de page, mais la mani­pu­la­tion n’a jamais été aus­si intuitive.

Les couacs en mode WYSIWYG :

• Je n’ai pas trou­vé de pos­si­bi­li­té de reve­nir en mode inter­face d’ad­mi­nis­tra­tion. Si vous vou­lez quit­ter la page créée, vous avez à ouvrir un nou­vel onglet et à rou­vrir la page depuis l’é­cran d’ac­cueil du tableau de bord.
• les réglages du construc­teur lui-même sont en anglais, et le texte des switches est incompréhensible. 

Dommage, on était bien proche du sans faute.

Voilà, on a fait le tour (rapi­de­ment) du thème Divi et de son mode d’emploi. Pas de quoi déchaî­ner les pas­sions, et pour­tant… mais peut-être que tout l’in­té­rêt du thème n’est pas là, mais dans les nom­breux modèles pro­po­sés, au-delà de l’in­té­gra­tion d’un construc­teur de page à l’u­ti­li­sa­tion rela­ti­ve­ment intui­tive, et de la syner­gie pos­sible entre le thème et les exten­sions pro­po­sées par Elegant Themes dans le package. Bloom et Monarch sont eux aus­si simples à uti­li­ser, puis­sants, et répondent à des besoins qu’ont la grande majo­ri­té des créa­teurs de sites web.

Alors pas­sons en revue…

Les modèles prédéfinis du thème Divi

Pour créer votre site, vous pou­vez par­tir de zéro : WordPress, le thème et votre propre per­son­na­li­sa­tion. C’est long et fas­ti­dieux, et le résul­tat n’est pas tou­jours à la hau­teur de vos espérances.

Ou, vous pou­vez vous ser­vir de modèles pré­dé­fi­nis four­nis avec le thème, qui vous ser­vi­ront de trame pour créer votre propre site. Bien plus facile, il ne reste qu’à per­son­na­li­ser. Tous les thèmes ne pro­posent pas des modèles, même dans les thèmes dits pre­mium que vous paie­rez de 50 à 80 € en règle géné­rale. Pour à peine plus, chez Elegant Themes, vous avez ces modèles pré­dé­fi­nis (sans par­ler des autres thèmes et des exten­sions).  De quoi boos­ter votre créativité.

Vous accé­dez à ces modèles depuis l’in­ter­face d’ad­mi­nis­tra­tion en cli­quant sur Télécharger le modèle :

Ou depuis l’in­ter­face visuelle en uti­li­sant le menu tout en bas de la page :

Une fenêtre popup va vous don­ner accès aux 280 modèles pré­dé­fi­nis (répar­tis en 35 packs) :

Les modèles sont télé­char­geables direc­te­ment depuis les ser­veurs d’Elegant Themes, ils ne sont pas sto­ckés sur votre ser­veur par défaut, ce qui sauve un peu de place et per­met sur­tout à Elegant Themes de suivre l’u­ti­li­sa­tion de votre thème, en per­ma­nence (et éven­tuel­le­ment, encou­rage les uti­li­sa­teurs pirates qui n’ont pas de licence à en ache­ter une).

Une fois le modèle mis en place, il ne vous reste plus qu’à le modi­fier et à l’a­dap­ter à vos propres besoins. Intéressant, non ?

En conclusion

Je ne suis tou­jours pas fan du thème Divi. Je n’ai même pas créé un site basique avec, je l’ai juste sur­vo­lé. Ceci-dit, on ne peut nier qu’il est rela­ti­ve­ment facile à uti­li­ser, rela­ti­ve­ment puis­sant et modu­lable. Son atout maître ? Le construc­teur de page inté­gré. Sa fai­blesse ? Le manque d’ex­ten­sions tierces.

Vais-je l’u­ti­li­ser pour l’un de mes pro­jets ? Je ne pense pas, pour plu­sieurs raisons :

• j’ai l’ha­bi­tude d’un autre thème géné­ra­liste rela­ti­ve­ment puis­sant : The Core par Themefuse (avec des thèmes enfants, certes moins souples à mettre en œuvre mais faci­le­ment personnalisables)
• même si Divi est puis­sant, il ne me per­met pas de faire ce que je veux dans cer­tains domaines (comme d’a­voir un menu fixe sur mobile par exemple)
• le construc­teur de pages est certes per­for­mant, mais il y a trop peu de de modules com­plé­men­taires si on le com­pare aux poids lourds du sec­teur tels que WPBakery Page Builder ou Beaver Builder (le pre­mier construc­teur de page com­pa­tible avec Gutenberg)

En résu­mé, je dirai que Divi est un bon thème, avec un très bon construc­teur de page, que les modèles pré­dé­fi­nis et les exten­sions incluses dans le pack consti­tuent un plus indéniable.

Et vous, uti­li­sez-vous Divi pour créer vos sites web ? Selon vous, quels sont les avan­tages (et incon­vé­nients) de ce thème ? Et sinon, quel est votre thème à tout faire ? Les com­men­taires sont ouverts, ils n’at­tendent que vous !

En apar­té, j’ai remar­qué que les « pro­fes­sion­nels » prêts à vous créer un site avec Divi pul­lulent. Leur dis­cours est bien rôdé : il ne faut pas faire son site inter­net soi-même, il n’au­ra pas de per­son­na­li­té, il ne sera pas visible dans les moteurs de recherche, il ne sera pas optimisé…

Mais mal­heu­reu­se­ment, les sites créés par ces agences ou ces free­lances se res­semblent tous, je les repère en un clin d’œil. Le thème n’est pas à mettre en cause, on peut créer un site magni­fique et vrai­ment per­son­na­li­sé avec Divi, c’est uni­que­ment le manque de per­son­na­li­sa­tion qui pose pro­blème. On vous vend un site unique, qui ne res­sem­ble­ra à aucun autre, parce que vous êtes pas­sés par un pro, et au final, vous avez un site tout ce qu’il y a de plus banal, mais au moins, vous l’a­vez payé au prix fort.

Certains liens de cet article sont des liens affi­liés, c’est à dire que si vous ache­tez un thème ou une exten­sion en les sui­vant, je tou­che­rai éven­tuel­le­ment une petite com­mis­sion, mais vous, vous ne paye­rez pas un cen­time de plus.