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­posées par Ele­gant Themes, autant je ne suis pas attiré par leur thème phare. Je l’ai dit et répété, je ne l’u­tilis­erai 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 fouil­lé les entrailles de la bête — peut-être par crainte de déclencher une explo­sion dévas­ta­trice, allez savoir 😉 Et Rémi, avec qui j’échange régulière­ment, ne jure que par lui…

Alors pour ne pas mourir idiot, et pour que vous non plus ne mour­riez pas idiots, j’ai décidé de ten­ter l’aven­ture. Allez, hop, un site de test (non mais il y a des lim­ites, je ne vais pas tester un thème sur un site en prod non plus !), une install toute fraîche de Word­Press, le thème, et zou, c’est par­ti !

Installation du thème Divi

Ele­gant Themes pro­pose Divi, le thème, et Divi Builder, le con­struc­teur de pages (util­isé par Divi et par Extra, leur autre thème phare, et util­is­able avec n’im­porte quel thème Word­Press ou presque). Le test porte sur le thème (et bien évidem­ment, on ver­ra aus­si le con­struc­teur de page tant qu’on y est).

Bon, vous savez installer et activ­er un thème Word­Press, je sup­pose. Sinon, c’est très sim­ple, 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­tiv­er, sinon, cliquez sur le bou­ton Ajouter en haut à gauche. Pour ma part, c’est par FTP que j’ai déposé le thème sur mon serveur, il ne me reste qu’à l’ac­tiv­er.

Et voilà, dès l’ac­ti­va­tion, le cauchemar com­mence ! C’est vrai que The­mefuse m’a très mal habitué 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­tiv­er. Bon, je cherche l’ex­ten­sion qui va bien, pas trop com­pliquée, vu que ce n’est jamais qu’à des fins de test : Easy Child Theme Cre­ator fera l’af­faire (si vous souhaitez créer un thème enfant, lisez l’ar­ti­cle Pour mod­i­fi­er un thème Word­Press, apprenez à créer un thème enfant ! sur No Tuxe­do). Ça va, il n’y a pas mort d’homme, même si je con­sid­ère que la bonne approche serait la créa­tion automa­tique d’un thème enfant.

Prise en main de Divi

Le thème est instal­lé, voici une cap­ture d’écran pour avoir une idée du ren­du, brut de décof­frage :

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

Les options du thème

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

Il reste bien quelques angli­cismes, comme Mini­fy And Com­bine [Javascript / CSS] Files que l’on pour­rait traduire par Com­pacter et agréger les fichiers [Javascript / CSS] ou Lay­out que l’on pour­rait rem­plac­er par Mod­èles par exem­ple, mais c’est vrai­ment du détail — sauf pour ceux qui ne com­pren­nent pas un traître mot à la langue de Shake­speare. D’au­tant plus sur­prenant (et inco­hérent) que cer­tains mots,  Ads par exem­ple, n’ont pas été traduits 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 sim­ples à gér­er, et la tra­duc­tion en français un atout non nég­lige­able. Par con­tre, toutes les options ne sont pas gérées via cette inter­face : de nom­breuse options applic­a­ble au site dont la largeur du con­teneur, le mod­èle d’en-tête, la typogra­phie sont gérées via…

Le personnaliseur de thème

Un néol­o­gisme facile à com­pren­dre pour un out­il qui utilise l’in­ter­face de per­son­nal­i­sa­tion native de Word­Press :

Je n’ai rien con­tre l’outil de per­son­nal­i­sa­tion de Word­Press, bien au con­traire. Pour régler la typogra­phie, la largeur de la page ou de la barre latérale, c’est même l’outil idéal. Mais pourquoi ne pas tout pass­er par cet out­il, juste­ment. Pourquoi pro­pos­er deux inter­faces pour gér­er, 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’outil de per­son­nal­i­sa­tion natif, extrême­ment puis­sant, mod­u­la­ble et sim­ple à met­tre en œuvre.

Le personnaliseur de modules

À l’in­star du per­son­naliseur de thème, le per­son­naliseur de mod­ule per­met de régler les options (taille des car­ac­tères, styles, couleur…) pour chaque mod­ule pro­posé par Divi. Autant dire que si vous souhaitez tout per­son­nalis­er, vous n’êtes pas ren­du 😉 la liste des mod­ules étant longue comme un jour sans pain.

L’éditeur de rôles

Pas besoin de faire appel à un mod­ule externe pour affin­er 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­t­ulés d’op­tions) ne sont pas traduits, 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 let­tre de chaque mot en majus­cule, en français), ce n’est pas réd­hibitoire. L’édi­teur per­met de gér­er les droits de cha­cun, par rôle, très fine­ment.

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­min­is­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­bil­ité de créer votre page avec l’édi­teur clas­sique de Word­Press, soit avec le Divi Builder. J’ai poussé le vice jusqu’à tester l’in­té­gra­tion de Guten­berg : pour le moment, vous fer­ez l’im­passe sur le futur édi­teur par défaut : Divi n’est pas com­pat­i­ble avec Guten­berg — enfin, pas encore.

Rien que du déjà vu quant à la con­struc­tion de la page — si vous avez essayé WPBak­ery Page Builder ou le con­struc­teur de page du frame­work Unyson par exem­ple, vous ne serez pas dépaysé. Pour ma part, je con­stru­is mes pages depuis l’in­ter­face d’ad­min­is­tra­tion, mais avec Divi Builder, vous pour­rez aus­si con­stru­ire les vôtres en mode 100% visuel :

Inutile de s’at­tarder sur les inter­ac­tions pos­si­bles, il n’y a qu’à sur­v­ol­er chaque bou­ton, chaque élé­ment des menus et une pop­up vous ren­seigne.

Les modules

Quoi que vous vouliez insér­er dans votre page, il y a un mod­ule pour le faire : zone d’ap­pel à l’ac­tion, slid­er, onglets, image, texte, car­rousel, accordéon… vous trou­verez la liste des 36 mod­ules dans la page de présen­ta­tion du thème Divi.

Le mod­ule barre latérale per­met d’in­té­gr­er tout ce qui n’est pas inté­grable directe­ment mais qui existe en tant que wid­get Word­Press, et le mod­ule texte per­met d’u­tilis­er les short­codes pour inté­gr­er tout ce qui n’est pas prévu par Divi en tant que mod­ule (comme par exem­ple un slid­er créé avec Slid­er Rev­o­lu­tion plutôt qu’avec le slid­er natif de Divi).

L’ajout d’un module dans une page

Que ce soit dans l’ad­min­is­tra­tion ou en mode visuel, l’a­jout d’un mod­ule passe par le bou­ton . Pas très com­pliqué. On peut faire plus sim­ple, mais c’est moins bien 😉 et éventuelle­ment plus cher.

La fenêtre pop­up qui s’ou­vre est red­i­men­sionnable et déplaçable en mode visuel :

En mode inter­face d’ad­min­is­tra­tion, la pop­up occupe le devant de la scène, elle n’est par con­tre ni red­i­men­sionnable, ni déplaçable :

Par con­tre, elle offre deux avan­tages non nég­lige­ables :

• la prévi­su­al­i­sa­tion respon­sive

• la pos­si­bil­ité d’en­reg­istr­er le mod­ule avec son con­tenu en tant que mod­èle réu­til­is­able. C’est pos­si­ble avec les autres con­struc­teurs de page, mais la manip­u­la­tion n’a jamais été aus­si intu­itive.

Les couacs en mode WYSIWYG :

• Je n’ai pas trou­vé de pos­si­bil­ité de revenir en mode inter­face d’ad­min­is­tra­tion. Si vous voulez quit­ter la page créée, vous avez à ouvrir un nou­v­el onglet et à rou­vrir la page depuis l’écran d’ac­cueil du tableau de bord.
• les réglages du con­struc­teur lui-même sont en anglais, et le texte des switch­es est incom­préhen­si­ble.

Dom­mage, 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în­er 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­posés, au-delà de l’in­té­gra­tion d’un con­struc­teur de page à l’u­til­i­sa­tion rel­a­tive­ment intu­itive, et de la syn­ergie pos­si­ble entre le thème et les exten­sions pro­posées par Ele­gant Themes dans le pack­age. Bloom et Monarch sont eux aus­si sim­ples à utilis­er, puis­sants, et répon­dent à des besoins qu’ont la grande majorité 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 : Word­Press, le thème et votre pro­pre per­son­nal­i­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 servir de mod­èles prédéfi­nis four­nis avec le thème, qui vous servi­ront de trame pour créer votre pro­pre site. Bien plus facile, il ne reste qu’à per­son­nalis­er. Tous les thèmes ne pro­posent pas des mod­èles, même dans les thèmes dits pre­mi­um que vous paierez de 50 à 80 € en règle générale. Pour à peine plus, chez Ele­gant Themes, vous avez ces mod­èles prédéfi­nis (sans par­ler des autres thèmes et des exten­sions).  De quoi boost­er votre créa­tiv­ité.

Vous accédez à ces mod­èles depuis l’in­ter­face d’ad­min­is­tra­tion en cli­quant sur Télécharg­er le mod­èle :

Ou depuis l’in­ter­face visuelle en util­isant le menu tout en bas de la page :

Une fenêtre pop­up 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écharge­ables directe­ment depuis les serveurs d’El­e­gant Themes, ils ne sont pas stock­és sur votre serveur par défaut, ce qui sauve un peu de place et per­met surtout à Ele­gant Themes de suiv­re l’u­til­i­sa­tion de votre thème, en per­ma­nence (et éventuelle­ment, encour­age les util­isa­teurs pirates qui n’ont pas de licence à en acheter une).

Une fois le mod­èle mis en place, il ne vous reste plus qu’à le mod­i­fi­er et à l’adapter à vos pro­pres besoins. Intéres­sant, 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­volé. Ceci-dit, on ne peut nier qu’il est rel­a­tive­ment facile à utilis­er, rel­a­tive­ment puis­sant et mod­u­la­ble. Son atout maître ? Le con­struc­teur de page inté­gré. Sa faib­lesse ? Le manque d’ex­ten­sions tierces.

Vais-je l’u­tilis­er pour l’un de mes pro­jets ? Je ne pense pas, pour plusieurs raisons :

• j’ai l’habi­tude d’un autre thème général­iste rel­a­tive­ment puis­sant : The Core par The­mefuse (avec des thèmes enfants, certes moins sou­ples à met­tre en œuvre mais facile­ment per­son­nal­is­ables)
• 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’avoir un menu fixe sur mobile par exem­ple)
• le con­struc­teur de pages est certes per­for­mant, mais il y a trop peu de de mod­ules com­plé­men­taires si on le com­pare aux poids lourds du secteur tels que WPBak­ery Page Builder ou Beaver Builder (le pre­mier con­struc­teur de page com­pat­i­ble avec Guten­berg)

En résumé, je dirai que Divi est un bon thème, avec un très bon con­struc­teur de page, que les mod­èles prédéfi­nis et les exten­sions inclus­es dans le pack con­stituent un plus indé­ni­able.

Et vous, utilisez-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­ten­dent que vous !

En aparté, j’ai remar­qué que les “pro­fes­sion­nels” prêts à vous créer un site avec Divi pul­lu­lent. 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­nal­ité, il ne sera pas vis­i­ble dans les moteurs de recherche, il ne sera pas opti­misé…

Mais mal­heureuse­ment, les sites créés par ces agences ou ces free­lances se ressem­blent tous, je les repère en un clin d’œil. Le thème n’est pas à met­tre en cause, on peut créer un site mag­nifique et vrai­ment per­son­nal­isé avec Divi, c’est unique­ment le manque de per­son­nal­i­sa­tion qui pose prob­lème. On vous vend un site unique, qui ne ressem­blera à aucun autre, parce que vous êtes passé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’avez payé au prix fort.

Cer­tains liens de cet arti­cle sont des liens affil­iés, c’est à dire que si vous achetez un thème ou une exten­sion en les suiv­ant, je toucherai éventuelle­ment une petite com­mis­sion, mais vous, vous ne pay­erez pas un cen­time de plus.