Le constructeur pour Wordpress Divi

divi

J'ai eu l'occasion de retravailler le site d'Émilie Mahaux, et de le passer sous Divi, un template / theme / builder pour wordpress. Et j'avoue avoir été agréablement surpris !

Un constructeur de page pour Wordpress, c'est quoi ?

Aujourd'hui, la plupart des templates viennent avec des "framework", qui eux-mêmes, viennent avec des constructeurs de page. Qu'est-ce qu'un constructeur de page ? Et bien c'est un plugin qui permet de construire visuellement sa page, sans passer par le code !

Historiquement, le wysiwyg (What You See Is What You Get) était le précurseur du constructeur, à ceci près qu'il générait uniquement des liens, insérait des images etc. Mais cela ne permettait pas une mise en page complète. Il fallait encore construire sa page avec des blocs des sections etc etc. C'était simple l'éditeur de texte.

C'est alors que sont sortis les visual builders sous Wordpress !!!! ce sont des outils magiques qui permettent non seulement de mettre en forme le texte, mais également de mettre en forme la page entière sans écrire une seule ligne de code ! Les constructeurs se basent sur des ensembles de sections / colonnes qui servent d'architecture globale, et de module pour la remplir. On trouve par exemple :

  • bloc de texte
  • bloc d'image
  • bloc texte + icone
  • bloc google maps
  • etc etc

Il n'y a alors plus qu'a construire sa page façon duplo ! Aligner des briques pour faire un ensemble de textes / images / infographies etc. C'est sur quoi Wordpress a largement pris l'avantage sur tous les autres CMS : la facilité de faire du contenu !

Des constructeurs Wordpress .... oui mais Divi ?!

Des constructeurs, il y en a beaucoup, mais on peut aisément affirmer que le plus répandu est le wp bakery (ou visual composer) https://wpbakery.com/. Mais alors pourquoi DIVI ? Et bien parce qu'il est extrement réactif et le page builder est tout simplement redoutable d'efficacité.

Tout d'abord dans l'admin, les colonnes et lignes sont très bien identifiées :

divi page builderdivi page builder4

 

Les schémas sont très clairs et facilement identifiables. En revanche, on voit ici très rapidement les limitations de DIVI : il n'y a que 3 options de ligne : 

  • Section standard
  • Section largeur complète
  • Section spéciale

Mais surtout, chaque section ne comporte qu'un nombre limité de modules. Par exemple, la section largeur complète ne comporte que 9 modules contre 37 en section standard.

divi page builder pleine largeurdivi page builder standard

 Il y a probablement une bonne raison à cela, mais cela peut être un peu restrictif lorsque l'on a un des contraintes graphiques. Ceci dit, ce n'est pas insurmontable, car on peut transformer une section standard en pleine largeur avec une option dans le dimensionnement. Ce n'est pas du 100% pleine largeur, mais en jouant un peu avec les options, on arrive à ce que l'on veut.

Vient ensuite la deuxième critique, les 37 modules fournis sont complets, mais certains donnent l'impression de ne pas avoir été "finis". Par exemple le blog : Il n'y a que l'option grid avec 3 colonnes.... C'est un peu léger alors que tous les builders proposent en général des grid "massonry" ou "pinterest". Pas de carrousel non plus .... Même pas l'option de passer sous 4 colonnes ... C'est vraiment dommage !

Donc l'unique option si vous souhaitez customiser un peu plus votre site et vous différencier des autres Divi est de .... acheter des packs supplémentaires.... Personnellement, j'ai horreur d'acheter un produit, le trouver vraiment bien, mais devoir en acheter encore un bout pour avoir toutes les fonctions !

Mais bon, selon les sites, un bon design fera vite oublier ces lacunes. Et puis après tout, est-ce nécessaire d'avoir un carrousel de posts qui tournent ?! Qui attend sur la page que tournent les posts ? Plus grand monde !

Les avantages d'utiliser DIVI

Comme décris plus haut, ceux qui ont l'habitude des builder ne seront pas dépaysés, mais ce qui fait sa force réside dans le visual builder, qui permet d'éditer la page en live :

divi page builder3divi page builder2 

Le système est extrêmement fluide ! on retrouve toutes les options des modules en front-end et il devient ENFIN possible d'éditer une page avec un constructeur ET d'en voir le résultat immédiatement ! C'est un énorme changement ! Là ou il fallait construire sa page avec des blocs, enregistrer, puis rafraichir dans l'onglet d'à coté pour visualiser le résultat, DIVI le fait en live ! Et si on est satisfait, on enregistre ! ouf ! merci les économies de mysql !

Conclusion : Divi, on dirait du Wix !

Bon, là évidemment, c'est extrêmement désagréable à entendre ! Cela revient à aller chez le fleuriste, et s'exclamer "hooo qu'elles sont belles vos fleurs ! on dirait des fausses !".... ca fait toujours un peu saigner les oreilles... Mais il faut se placer du point de vue de l'utilisateur. C'est très simple à manipuler !

Évidemment, il faut un temps d'adaptation. Quelqu'un qui n'a jamais fait de site wordpress, ni manipulé de builder aura besoin d'un peu de temps pour en avoir un UX décent. Mais ce sera surement plus simple de le faire avec DIVI sous Wordpress qu'avec un visual composer et plus performant qu'avec un Wix !

Bref, pour des sites corporates, vitrine, landing page, DIVI est vraiment un très bon outil, trés polyvalent et surtout tres efficace !

Un article qui date un peu mais qui permet de se faire une autre idée et donne quelques liens intéressants : https://wpmarmite.com/divi/

Enjoy !

 

Contactez-nous

Téléphone
+34 658 095 971
Mail
contact@alcanix.net
Adresse
Barcelona

Agence digitale à Barcelone

Nous vous fournissons les outils pour la création de votre site internet en français à Barcelone

Support en Français

En plus de l'espagnol ou de l'anglais, nous vous aidons dans votre langue afin d'optimiser votre temps

Création de votre site

Nous parlerons ensemble de votre projet dans votre langue pour une meilleure compréhension de vos besoins