Toujours à la recherche du thème WordPress idéal pour votre site internet ?

Et si je vous disais qu’il existe un thème ultime que vous aller pouvoir utiliser pour tous vos projets ! Déjà plus de 600 000 utilisateurs satisfaits. Et vous ?

divi-header

Promo de l'été : -20% sur Divi

Jours
Heures
Minutes

Le constructeur ElegantThemes propose l’un des meilleurs thème WordPress disponible à l’heure actuelle : le thème WordPress Divi. Utilisé par plus de 600 000 clients premium, ce template premium est aujourd’hui la référence en matière de polyvalence, fonctionnalité, design et prix. 

Vous êtes nombreux à vous poser des questions sur ce dernier. Pourquoi tout le monde en parle ? Est-il aussi bien que ce qu’on peut lire ? … La liste des questions est longue comme un jour sans pain. Je vous propose dans le dossier ci-dessous de retrouver une review du thème WordPress Divi. Je n’ai pas abordé toutes les options car la liste est sans fin. J’ai plutôt choisi de passer en revue les options que j’apprécie et qui peuvent vous servir. 

Sachez que j’utilise Divi depuis plus de trois années. Cet article est le compte rendu d’une personne qui utilise réellement ce template au quotidien. J’ai acquis une certaine expérience avec celui-ci mais je suis toujours surpris tous les jours par de nouvelles options que je découvre et ma formation continue ! 

Plutôt qu’un long texte, voyons ensemble les possibilités avec des images !

Divi : un thème WordPress personnalisable à souhait

Si vous pensez qu’il faut être bon en développement web pour créer un site internet avec le thème WordPress Divi ? C’est faux !

Divi a été conçu par des designers afin que tout le monde puisse créer un site internet personnel sans compétences en informatique. Les modifications se font facilement grâce à un éditeur visuel qui montre les changements en direct ! Glissez, déposez, organisez, … C’est votre site donc votre design !

Vous pouvez personnaliser tous les éléments d’une page facilement et rapidement. Ainsi, votre site internet aura l’apparence que vous souhaitez. Fini les sites internet qui se ressemblent !

Personnalisation de la typographie et mise en page

Pour faciliter la lecture de vos pages, une bonne disposition est essentielle. Choisissez une bonne police de caractères, la largeur des colonnes et un layout adéquat et vous avez déjà une bonne base. Divi vous permet de paramétrer ces éléments grâce à son dispositif de « Theme Customizer » que vous allez retrouver dans l’onglet « DIVI » (qui vient s’ajouter dans votre panneau d’administration). A partir de ce menu, à vous le champ des possible !

  • Personnalisation de la typographie : Vous êtes libre de décider de la police de caractère (font), de la couleur, de la taille, … Vous pouvez personnaliser la police des textes mais aussi des éléments d’entête (balises H1, H2, H3, …à bien utiliser pour le SEO !) 
  • Personnalisation de la mise en page : Via ce menu, vous pouvez personnaliser la taille de vos pages, la largeur des colonnes et plus encore. Par exemple, vous pouvez avoir une mise en pleine largeur ou bien « boxed ». Outre le fait de pouvoir placer des valeurs personnalisées pour la largeur des pages, vous pouvez ajuster la largeur de la sidebar. Rien que cette option vaut le détour !

Personnalisation du Menu avec Divi

La personnalisation de l’entête est un élément qu’on retrouve sur beaucoup d’autre templates. Mais Divi permet d’aller encore plus loin avec la personnalisation du menu. Via le Theme Customizer, vous pouvez jouer sur la taille, la couleur, les polices, … de votre menu. Vous pouvez également mettre en place un menu fixe, option très tendance aujourd’hui. 

Personnalisation de tous les modules Divi

L’une des options qui me bluffe le plus avec Divi est sans aucun doute la possibilité de personnaliser chacun des modules via une seule interface. En vous rendant dans le menu Theme Customizer, vous pourrez décider du look de chacun des modules présents dans votre template.  Image, contenu, audio, tabulation, … vous pourrez vraiment tout personnaliser à partir de ce menu. C’est ultra puissant ! 

Fonctionnalités du thème WordPress DIVI 3

Divi : un thème WordPress avec un éditeur Visuel

Design temps réel

Imaginez modifier votre blog comme on modifie un document Word. Avec un moteur en React JS, les modifications apportées seront répercutées en direct. Plus besoin de passer via le back-office et de jongler entre les différentes prévisualisations, tout se fait sous vos yeux. C’est un nouveau champ des possibles qui s’offre à vous. Personnellement, j’adore ne plus devoir passer de longues minutes pour avoir une prévisualisation de mon travail.
En effet, il n’y a rien de plus frustrant que de devoir enregistrer son travail et ouvrir une nouvelle fenêtre pour voir le fruit de son labeur. Divi vient combler cette lacune présente dans beaucoup de builder. Vous êtes désormais en mesure d’avoir un aperçu en direct de votre travail. Pas mal non ? Cet outil que la plupart des framework de Pages Builder proposent désormais s’appelle l’Inline Editing. Je vous propose de découvre ce concept ci-dessous. 

Edition « click & type » (Inline Editing)

Imaginons que vous souhaitez ajouter un contenu du type bloc de texte au sein de votre page. Avant l’installation de Divi et de son Page Builder intégré, vous auriez procédé ainsi : 

  • Rendez-vous dans le panneau d’administration de votre blog
  • Créez une page et ajoutez votre contenu
  • Sauvegardez votre page et cliquez sur Prévisualiser. 
Plutôt long et fastidieux non ? Désormais avec Divi, vous pourrez ajouter, modifier et prévisualiser votre page via la même interface. Plutôt puissant non ? Personnellement, ce procédé m’a fait gagné un temps fou. 

Personnalisation avancée

Outre le fait d’ajouter et de modifier des éléments en mode Visual Builder, sachez que tous les éléments de votre page sont personnalisable à souhait. Essayons d’ajouter une image pour l’exemple :

  • Je clique sur le petit plus gris pour ajouter un nouveau module
  • Je choisis le module Image et je l’insère dans ma page
  • A partir de là, je peux tout paramétrer

Thème WordPress Divi : Layouts et templates à volonté

L’une des grande force du thème WordPress Divi et de son Page Builder maison et qu’il vous propose une librairie de design. Nous allons voir que cette librairie va vous servir à stocker vos créations mais aussi à télécharger des templates et layouts que vous allez télécharger (disponibles gratuitement ou à l’achat)  

Créez votre librairie personnelle : sauvegardez vos modules et mise en page avec Divi

Imaginez pouvoir sauvegarder des blocs ou des sections de votre article/page sur lesquels vous avez passé des heures pour pouvoir les réutiliser sur d’autres articles. Plutôt intéressant comme dispositif non ? Avec le thème WordPress Divi, c’est tout à fait possible ! Créez vos pages et décidez des éléments que vous souhaitez enregistrer dans votre bibliothèque de templates. A partir de là, vous pouvez décidez si votre élément est « Global » ou « Unique« . Si vous optez pour l’élément global, à chaque fois que vous allez modifier cet élément, les modifications se répercuteront sur tout le site ! 

Sachez également que vous pouvez exporter vos templates pour pouvoir les réutiliser sur un autre site qui utilise le thème WordPress Divi ou bien le plugin Divi Builder. J’adore ! 

Templates et layouts pour Divi : un choix énorme !

Quand on télécharge un thème, on est généralement déçu. Je m’explique. Votre site ne ressemble jamais au site de demo. Je comprends votre frustration et je la partage pour avoir vécu ça beaucoup de fois. Avec le thème WordPress Divi, fini la frustration. Grâce à la bibliothèque de templates et layouts intégrée, vous pouvez importer et créer des contenus avec une apparence conforme à la démo en un clic ! 

Avec plus de 75 packs de templates disponibles, chaque pack contenant en moyenne 8 layouts, vous avez largement le choix pour vous inspirer, modifier, adapter, … Vous partez avec une bonne base de templates avec Divi et surtout ils sont fonctionnels ! 

Un Responsive Design omniprésent

A moins de vivre dans la galaxie d’Orion, vous n’êtes pas sans savoir que le Responsive Design est aujourd’hui une fonctionnalité obligatoire appréciée des internautes mais aussi des moteurs de recherche (bon pour le SEO donc). Divi vous propose donc des boutons qui vous permettent de visualiser rapidement le rendu de votre travail sous PC, tablette tactile ou encore smartphone !

Plus besoin de vous prendre la tête pour savoir si vos modifications seront visibles sur mobile ou sur tablette, avec le thème WordPress Divi 3 tout ceci est pris en compte nativement. Ce n’est pas une bonne nouvelle ?

Responsive Design modulable et choix par appareil

Juste avant, j’évoquais le fait que le Responsive Design était la norme sur les sites web moderne alors vous allez peut-être trouver cette fonction bizarre. Mais rien de tout cela, laissez moi vous expliquer. Grâce à la modularité de la visibilité des blocs selon les appareils, vous avez la maitrise totale sur la conception de vos différents blocs. Si pouvez mettre des valeurs personnalisées si la taille attribuée par défaut ne vous convient pas.

Par exemple, j’utilise beaucoup d’images animées sur cet article. Pour les personnes qui consultent mon site avec un ordinateur et une bonne connexion internet, pas de soucis. Mais je peux décider de ne pas afficher ces gifs pour les personnes qui utilisent un smartphone ! Personnellement je suis fan ! 

Sur les images animées ci-dessous, vous pouvez voir la modularité du Responsive Design des éléments sur le thème WordPress Divi. Sur la première image, je règle une taille de titre différent sur ordinateur et tablette. Sur la deuxième image, je peux désactiver des modules selon le device choisi. 

disable-on-small

Contenu dynamique au sein de Divi

Passez du statique au dynamique grâce à Divi

ElegantThemes vient de sortir une fonctionnalités attendue par de nombreux utilisateurs : le contenu dynamique. Pour tenter de vous expliquer simplement, imaginez pouvoir créer des pages (ou articles) dont des éléments vont varier selon une base de données. 

Un très bon exemple (voir l’image animée ci-dessous) de l’utilisation du contenu dynamique de Divi et l’association avec les Custom Fields. Si vous souhaitez créer un site d’annonces immobilières ou bien de vente de voitures, vous pouvez grâce à l’installation de 3 plugins réaliser cette opération : 

  • Custom Post Type UI : Ce plugin va vous permettre de créer la catégorie pour laquelle vous allez utiliser le contenu dynamique. Par exemple, si je souhaite créer un site d’annonce de voiture d’occasion, je vais avoir un nouveau menu avec le nom que j’aurais choisi (Mes annonces) ainsi qu’une catégorie d’URL (monsite.com/mes-annonces/)
  • Advanced Custom Fields : Ce plugin WordPress va vous permettre d’ajouter les champs de données dynamiques que vous allez utiliser au sein de votre site. Vous pouvez ajouter des valeurs comme le prix de la voiture, l’année de commercialisation, le nombre de kilomètres, … la liste est longue. 
  • Utiliser le contenu dynamique via Divi : Créez le layout correspondant à vos envies et assignez le contenu dynamique. 

Thème WordPress Divi : Des fonctions rencontrées dans aucun autre thème

Tests A/B

Si vous êtes sensible à l’optimisation de votre site, vous avez surement déjà entendu parler des tests A/B. Vous ne savez pas ce que c’est, pas de soucis ! Pour vous expliquer simplement, imaginez que vous avez une rubrique sur votre site sur laquelle vous vendez des vélos (avec le plugin WooCommerce) par exemple. Votre bouton d’ajout au panier est de couleur kaki et vous vous posez la question de la performance de l’ajout au panier. Le kaki est-il la meilleure couleur pour ce bouton ? Grande interrogation n’est-ce pas ? Sachez qu’avec le template Divi, vous pouvez répondre à cette question ! 

Créez un test A/B sur cette page en changeant la couleur de l’ajout au panier et regardez les résultats via votre interface d’analyse. Vous allez pouvoir prendre des décisions en faisant parler les chiffres et non plus avec un simple ressenti. Pas besoin d’une grande formation, l’outil est simple à prendre en main. Je trouve ce petit plus époustouflant ! 

Rôles d'édition

Il existe une fonctionnalité du thème WordPress Divi que je n’ai, pour le moment, retrouvé nul part : les rôles de l’éditeur. 

Quand vous éditez un site internet, généralement vous avez d’autres personnes qui interviennent sur votre bijou. Ces personnes peuvent intervenir de manière ponctuellement ou juste une fois. Vous n’avez certainement envie de donner les clés de la maison à n’importe qui et le thème WordPress Divi vous permet de régler cela via les rôles d’éditeurs, sans passer par des plugins payants. Choisissez les personnes qui peuvent intervenir sur le page builder et vous allez voir que vous aurez la conscience beaucoup plus tranquille ! 

Divi Theme Builder

ElegantThemes a dévoilé il y a peu une nouvelle qui risque de changer la donne concernant notre utilisation du thème WordPress Divi. Le constructeur va en effet lancer son Divi Theme Builder. Imaginez pouvoir créer des designs totalement personnalisé pour vos sites internet grâce au Visual Builder de Divi. 

Concrètement, vous allez pouvoir créer des headers, des footers, les pages 404 et autres sections de votre site internet grâce à ce Theme Builder.

Ce Divi Theme Builder est l’évolution logique du thème WordPress Divi. Jusqu’à maintenant, vous ne pouviez que modifier les pages et les articles de votre site. Si vous souhaitiez donner une apparence personnalisée à votre blog, c’était raté. Bientôt, ces personnalisations de votre thème WordPress via le Divi Builder seront possible. Restez connectés pour en savoir plus !  

Traduction de DIVI en français

Comme vous le savez, la majorité des thèmes WP sont en anglais. Avec Divi, Elegant Themes fait l’effort de proposer depuis la mouture 2.5 de son best-seller une traduction dans plus de 26 langues différentes !

Ainsi, vous aurez le loisir d’utiliser Divi dans les langues suivantes :

Prix du thème WordPress Divi

Si les options du thème WordPress Divi vous plaisent, vous pouvez bénéficier d’une réduction grâce à WPTheme.fr de l’ordre de – 10% sur les packages proposés par ElegantThemes. 

Vous avez le choix entre deux packages : 

Le rapport qualité/prix est imbattable et vous ne trouverez pas sur le marché une offre qui se rapproche de ce que fait le constructeur ElegantThemes. Si on fait le calcul, chaque thème du package à 80$ vous revient à 0,90 $ avec le support et les mises à jour ! 

Thème WordPress Divi : Pour et contre

Au travers de cet article sur le thème Divi, nous avons plus ou moins fait le tour sur toutes les fonctionnalités que propose ce thème. Il est temps pour nous de dresser un bilan. 

Divi possède de nombreuses qualités. Présent sur le marché des thèmes premium depuis de nombreuses années, on compte plus de 600 000 personnes dans le monde qui ont payé et qui utilisent ce thème (sans compter ceux qui l’utilisent illégalement). Ce chiffre est faramineux et témoigne de la grande qualité de Divi. Grâce à des outils qui conviennent aussi bien à des néophytes qu’à des développeurs web, le thème a su trouver son public (au contraire du framework Genesis, accès développeur). Ajoutez à cela une communauté très active et des updates qui améliorent sans cesse ce template et vous obtenez un cocktail très intéressant.(utile pour parfaire sa formation) 

Toutefois, car le template idéal n’existant pas encore, Divi possède une faiblesse. Ce défaut concerne l’effet lock-in (enfermement) qu’il peut entrainer. A cause de l’utilisation de shortcodes, si vous désactivez Divi, vous allez vous retrouver avec du code en lieu et place de vos contenus. Fâcheux me direz-vous. Il existe deux approches pour pallier à ce problème : 

  • Vous êtes sur que vous n’allez pas changer de thème. Divi est suffisamment polyvalent et updaté régulièrement afin de le garder le plus longtemps possible sur votre site. 
  • Vous préférez jouer la carte de la sécurité et optez pour le plugin Divi Builder. Ce plugin apporte les mêmes fonctionnalités que le thème WordPress Divi mais vous laisse utiliser le thème de votre choix !

DIVI + WordPress 5 + Gutenberg

La version 5 de WordPress est un véritable chamboulement dans l’univers du plus célèbre des CMS. En effet, après plus d’une décennie de bon et loyaux services, l’éditeur TinyMCE tire sa révérence. On passe d’un simple éditeur de texte à un page builder (un peu à l’image de Divi et d’Elementor). Ce Page Builder prend le doux de Gutenberg, comme l’imprimeur allemand, et promet de changer radicalement l’expérience WordPress. 

L’édition de page via Gutenberg se fait par blocs et bonne nouvelle, Divi fonctionne parfaitement avec Gutenberg. (Divi 3.18 obligatoire, faite la mise à jour si vous l’avez déjà) 

divi-gutenberg

BONUS DIVI Gratuit !

FAQ : Foire aux questions Divi

Construisez facilement une FAQ (foire aux questions ou frequently asked questions) avec le pack FAQ qu’ElegantThemes vous met à disposition gratuitement. Pour l’installer, rien de plus simple :

  • Téléchargez et décompressez le fichier à télécharger ci-dessous pour la FAQ de DIVI
  • Rendez-vous dans l’administration de votre site. Cliquez sur « DIVI » et « Librairie DIVI » ou « Divi Library »
  • Cliquez sur « Import et Export » en haut à droite de votre écran
  • Une fenêtre va s’ouvrir et vous allez devoir choisir les layout que vous voulez mettre en ligne. Un fois votre choix arreté, il ne vous reste plus qu’à cliquer sur importer et vos fichiers en .json seront en ligne !
divi-faq-gratuit

Perdu avec le thème WordPress DIVI ?

Comme il n’est jamais simple de prendre en main en deux minutes un thème WordPress aussi complet que Divi, vous trouverez sur WPTheme une section de guide/tutoriel sur les principaux éléments à connaitre sur ce thème pour parfaire votre formation. Il sera complété au fur et à mesure et n’hésitez pas à laisser en commentaire des guides que vous voudriez voir !

Sites utilisant le thème WordPress DIVI

17 réflexions sur “Thème WordPress Divi 3.0”

    1. Bonjour,

      Pareillement j’ai téléchargé Divi et me suis abonné à la newsletter mais toujours rien…
      Qu’en est-il pour toi?

      Merci d’avance au webmaster de nous envoyer la traduction due et bonnes fêtes de fin d’année! 🙂

      1. @J : Il faut confirmer votre adresse mail sinon vous ne recevrez la traduction.

        @J et @L : La newsletter partira avant fin décembre, encore un peu de patience. Le lien pour la traduction de Divi sera dedans 🙂

        Encore un peu de patience 🙂 Bonnes fêtes et bonne année 2014 !

        Murat

        1. Merci de votre attention 🙂

          Je n’avais effectivement pas reçu de confirmation, je me suis donc réinscrit et cette foi-ci c’est validé!

          Malheureusement décembre est passé… Pourriez-vous donc gentiment me la renvoyer par e-mail?

          En vous remerciant, bonne journée.

  1. J’ai fais l’acquisition de ce thème Divi. Devant quelques difficultés de mise en page, je recherche un tutoriel ou un manuel pour l’utilisation des différentes formes de présentation (portefolio, shop et autre)
    D’avance merci

  2. Bonjour,
    merci pour cet article sur Divi. Il est vrai qu’il possède de nombreuses qualités. Cependant, je me heurte à une difficulté : j’ai une page avec de très nombreux commentaires. En utilisant le générateur de Divi, est-il possible de conserver les commentaires déjà présents sur une page ? Apparemment, cela ne semble pas être le cas.Merci.

  3. Bonjour,

    Si j’achète le Theme Divi 3.0, est-ce possible d’avoir un accès web de wordpress pour la construction du site avant de le transférer chez mon hébergeur une fois terminé.

    Merci !
    Hugues

    1. Bonjour Hugues,

      Vous pouvez toujours acheter le thème WordPress Divi et installer WordPress en « local » sur votre ordinateur avant d’avoir une version live de votre site internet. C’est même recommandé de travailler en amont sur son projet en local avant de lancer votre site internet.

      Murat

  4. Bonjour Murat,
    Votre présentation donne très envie ! J’ai 3 sites sous Jimdo, depuis une dizaine d’années. Mais c’est hyper limité en possibilités. Je m’oriente vers wordpress pour un nouveau site de vente en ligne de mes photos, et photos de tierces personnes (d’autres photographes) donc une banque d’images, sans avoir ni la prétention, ni la nécessité de vendre ! Investissement dans la durée, donc aucune pression. Par contre je veux une chouette présentation, sobre, un peu comme le site de Lucien Clergue et avec les possibilités du site pécheur d’images de Philip Plisson (https://www.pecheurdimages.com/) pour lequel j’ignore avec quoi il est fait. Bref j’avais noté Divi mais quid de PhotoMe et Darkroom svp ? Notamment je n’arrive pas à voir si leurs interface est en français, et il existe une différence de tarifs, aux alentours de 50/70€ pour ces thèmes, à vie, alors que c’est 80€ par an ou 240€ à vie pour DIVID (moins avec les codes remises sur cette page bien sûr). D’autre part Divi permet-il d’avoir une recherche par mots clés basée sur les champs IPTC des photos notamment ou bien il est plus efficace et plus simple d’avoir un outil de recherche par mots clés basé sur le texte de présentation des photos ? Nul doute que vous saurez m’éclairer facilement. Merci d’avance.
    Bien cordialement, Alain Pons

    1. Bonjour Alain,

      Merci pour votre commentaire. Je vais tâcher de répondre à vos questions.
      1- le site pecheurdimages.com est réalisé avec Magento, une solution destinée à la vente en ligne alors que WordPress est une solution plus polyvalente.
      2- Divi est puissant et polyvalent grâce à la bibliothèque de design incluse. Ainsi, vous pouvez avoir un aperçu de la présentation d’une place de marché pour la photographie que vous allez pouvoir mettre en place avec Divi (installation en 1 clic) http://wptheme.fr/x7iu
      3- Concernant Photome et DarkRoom, il est précisé qu’ils sont « translation ready ». Vous allez devoir effectuer les traductions vous même, soit par un plugin, soit en traduisant directement les fichiers .po/.mo.
      4- En couplant WooCommerce et Divi, vous pouvez bien entendu mettre en place des fonctionnalités comme la recherche de photos basés sur des critères comme le texte de présentation, la date, les mots-clés, … Bref vous l’aurez compris, c’est assez souple pour l’adapter à vos envies.

      D’un point de vue général, je recommanderais Divi. Partial me direz-vous ? Pas totalement. J’utilise Divi depuis pas mal d’années mais aussi des templates de Themeforest. Avec Divi, je suis sur d’avoir un thème mis à jour régulièrement, aussi bien d’un point de vue fonctionnalités, design mais aussi sécurité. Malheureusement je ne peux pas en dire autant pour les thèmes sur Themeforest. Enfin, sachez qu’il existe une grande communauté autour de Divi. Si vous êtes coincé, vous pourrez toujours chercher de l’aide en ligne (plus de 600 000 utilisateurs). Sur un thème spécifique sur Themeforest, je ne suis pas sur.
      J’espère avoir répondu à vos interrogations,

      Cordialement

  5. Bonjour Murat,
    Je vous remercie infiniment pour votre réponse argumentée avec expérience. Bravo. (Je n’ai pas reçu l’info de votre réponse par mail, par contre en revenant ce jour, agréable surprise de lire votre réponse). Je ne manquerais pas de vous tenir informé de la création/développement de mon nouveau site. Cordialement, Alain Pons

Laisser un commentaire Annuler la réponse

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Promo de l'été

Jours
Heures

70 $/ année

ou 199 $ pour une licence à vie

  • Pas besoin de coder
  • Des guides et tutoriels nombreux et efficaces
  • Un support fantastique
  • 87 thèmes et 4 plugins inclus dans le prix
  • Des mises à jour de sécurité gratuites à vie
Retour haut de page