promo-divi

Elegant Themes nous fait l’honneur de livrer son 87ème thème WordPress dans sa toute nouvelle mouture, la tant attendue version 3 et vous allez voir que nous n’avez plus besoin d’aller chercher ailleurs, c’est presque le thème WordPress parfait ! Divi 3 introduit une toute nouvelle version du « customizer » de WordPress qui va vous permettre de personnaliser tous les éléments de vos différentes pages en direct.

Plutôt qu’un long texte, voyons ensemble les possibilités qu’offre le thème WordPress Divi 3 avec des images !

Testez le thème WordPress Divi en action ! 

divi-top divi-bottomdivi-middledivi-footer

Fonctionnalités du thème WordPress DIVI 3

Design temps réel

Avec un tout moteur en React JS, vos modifications seront répercutées en direct. Plus besoin de passer en 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. Le thème WordPress 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 ?

divi-2-5-preview

 

Edition « clik & type » 

Avant, pour ajouter du texte, il fallait passer par le back office de WordPress et Divi pour ajouter un bloc qui allait contenir du texte. Maintenant, vous pouvez cliquer sur un endroit et comme par enchantement la zone de texte apparaît, comme par enchantement.
 

Personnalisation avancée

Avec Divi 3, vous allez pouvoir personnaliser tout les éléments de votre page directement. Ainsi, si la couleur ou l’espacement entre différents éléments ne vous plait pas, pas de soucis, vous pouvez le changer.
 
 

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. 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 

Cette nouvelle fonctionnalité peut sembler bizarre mais elle vaut le détour. Grâce à cela, vous pouvez enfin prendre la main sur les éléments présents lors du redimensionnement automatique sur les smartphones ou les tablettes.

Par exemple, vous pouvez décider de changer la taille du titre de votre article sur smartphone ou tout simplement de ne pas faire figurer certains modules sur tablette uniquement. Un vrai confort !

responsive-controls-small

disable-on-small

 

Optimisation du code source : (Minification CSS et Plugin de cache)

Le thème WordPress Divi 3 est comme le bon vin. Plus le temps passe et plus il se bonifie. Dans sa dernière version, Divi met en place la minification du CSS. Qu’est-ce ça veut dire concrètement ?
Un générateur comme celui utilisé par Divi va générer un certain nombre d’éléments (essentiellement invisible au yeux de l’internaute mais présent dans le code source de votre page) qui solliciter la base de donnée et générer des lignes de code. ElegantThemes apporte une optimisation : désormais, tous ces éléments techniques seront regroupés dans un fichier externe. Ainsi, on constate des améliorations de performance non négligeable. Couplez cela avec un plugin de cache intégré et votre site internet avec le thème WordPress DIVI ne souffrira d’aucune lenteur !
 

Éditeur visuel en ligne

C’est une fonctionnalité assez attendue par les personnes qui souhaitent pousser la personnalisation de leur site internet encore plus. En effet, la plupart des thèmes WordPress d’aujourd’hui proposent bien des options de personnalisation mais tout se passe dans le back-office de WordPress. Ce n’est pas forcément très intuitif et surtout la plupart des gens abandonnent assez vite (comme moi !). Divi 3.0 propose une approche différente, à la manière de certains nouveau framework WordPress (on pense à Qards chez Designmodo). Vous allez pouvez intervenir sur chacun des éléments de votre site mais en front. Ainsi, si vous souhaitez mettre une police différente pour le titre, le chapeau ou encore un paragraphe, c’est possible !

Un module boutons (enfin !)

Jusqu’à présent pour insérer des boutons sur DIVI, il fallait ruser. Passer par du CSS ou par un plugin. Bref, embêtant diront-nous. Avec DIVI 2.6.1, vous pouvez enfin personnaliser un peu plus ces fameux boutons !

button-module-divi

Personnalisation du Header

Enfin le thème WordPress Divi propose la possibilité de personnaliser un peu plus le header de votre site internet ! Fini l’entete classique, vous allez pouvoir apporter un peu de nouveauté :

  • Slide in header 

slide-in-header

  • Full Screen Header

full-screen-header

Module de commentaires

Avec DIVI 2.6.1, vous pouvez décider de placer les commentaires selon vos humeurs et envies. Si vous avez envie de faire apparaître les commentaires en haut de vos articles, libre à vous !

Vous pouvez aussi personnaliser l’apparence de ces derniers afin d’avoir le module de commentaires le plus adapté à votre site internet !

Module de recherche

La nouveauté intéressante avec DIVI 2.6.1 est sans aucun doute la possibilité d’utiliser le module de recherche en dehors de l’habituelle zone de widget. Dorénavant vous pourrez placer une barre de recherche au sein d’une page, comme bon vous semble. Cerise sur le gateau, vous encore une fois personnaliser le design de votre barre de recherche

Formulaire de contact revu et amélioré 

L’une des plus grosse amélioration de DIVI 2.6 porte sur le formulaire de contact. ElegantThemes a particulièrement insisté sur les points suivants :

  • Les champs personnalisés : Cette version du formulaire supporte les Les champs personnalisés, ce qui va vous permettre de créer des formulaires de contacts uniques.
  • Détection de Spam : En sus du traditionnel Captcha, ElegentThemes a implémenté un Honey-pot (je vous laisse découvrir cela sur Wikipédia 🙂 )
  • Personnalisation des messages : Vous pouvez personnaliser les messages de votre formulaire de contact
  • URL de redirection : Une fois que l’internaute a cliqué sur valider, vous pouvez choisir de le renvoyer vers une URL de votre choix.
  • Message de validation personnalisé : Une fois que votre utilisateur a bien rempli toutes les conditions et que le formulaire a été validé, vous pouvez choisir le message qui va s’afficher !

contact-form-divi

Mise à jour du E-Panel ! 

La dernière nouveauté concerne un reliquat du passé : le E-Panel. Ayant eu le même look depuis la création du premier thème WordPress chez ElegantThemes, le panneau de contrôle s’offre un lifting salutaire !

Undo & Redo (annuler et répéter)

Avec cette nouveauté, vous allez pouvoir annuler ou répéter des actions faites dans le Builder de Divi assez facilement. Par exemple, si vous avez effacé un module par erreur, vous allez pouvoir revenir en arrière, ce qui est quand même appréciable ! Regardez la démo ci-dessous plutôt pour vous faire une idée

divi-2-5-redo

Historisation des modifications

Elegant Themes propose une fonctionnalités intéressante, à la manière d’un Time Machine chez Apple. Toutes les modifications effectuées sur votre site internet tournant avec Divi sont enregistrées. Ainsi, si jamais vous faites de grosses bêtises lors d’une session de modifications, vous avez toujours la possibilité de revenir en arrière en faisant une restauration d’une version précédente.

 

Faisons le tour du thème WordPress DIVI d'Elegant Themes

Le thème WordPress DIVI est révolutionnaire dans plusieurs sens. Contrairement à beaucoup d’autres thèmes WordPress qui proposent des modèles de pages pré-définis, Divi part sur un principe assez novateur. C’est vous qui devez créer la page de vos rêves grâce à un page builder.

La notion de Page Builder d’Elegant Themes est intéressante car elle vous permettra via un glisser déposé (drag and drop) d’agencer les blocs de vos pages, articles et autres types de pages. Imaginez-vous créer un site internet à votre image rapidement et sans toucher une ligne de code ! Divi est une véritable révolution pour les plus néophytes d’entre nous. Vous n’aurez pas ajouter des plugins qui vous permettront d’agencer les blocs de votre site, Elegant Themes avec Divi va le faire nativement.

Concernant les autres options du thème WordPress Divi, on retrouve le sérieux du constructeur de San Francisco. Divi possède un code propre, ce qui est toujours préférable pour les moteurs de recherche. En effet, Elegant Themes code bien ses thèmes de sorte qu’aucun soucis ne vienne perturber son indexation ou ne cause de soucis encore plus graves.

Les personnalisations avec le thème WordPress Divi sont également au rendez-vous ! Vous pouvez choisir la police de votre site internet mais aussi la couleur des éléments qui composent ce dernier !

Si vous avez peur que votre site internet réalisé avec le thème WordPress Divi ne fasse pas bonne figure pour vos internautes qui utilisent un appareil mobile, pas d’inquiétude ! En effet, Elegant Themes a pensé à tout et sachez que Divi est Responsive Design. Ainsi, votre site aura aussi bonne mine sur tablette tactile, téléphone portable, minitel :p

La force de Divi reste sa modularité. Avec le principe du Page builder (créateur de page), vous allez aussi pouvoir créer un portfolio, un site orienté business ou encore un site de e-commerce avec le thème WordPress Divi. Vous serez impressionné par la modularité de ce nouveau thème d’Elegant Themes.

theme-wordpress-divi-elegant-theme

Traduction de DIVI en français

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

Ainsi, vous avez la possibilité d’utiliser Divi dans les langues suivantes :

  • Arabe
  • Bulgare
  • Chinois
  • Tchèque
  • Danois
  • Hollandais
  • Anglais
  • Finnois
  • Français
  • Allemand
  • Grec
  • Hébreu
  • Hongrois
  • Indonésien
  • Italien
  • Japonais
  • Coréen
  • Malais
  • Norvégien
  • Polonais
  • Portugais
  • Roumain
  • Russe
  • Serbe
  • Slovaque
  • Espagnol
  • Suédois
  • Thai
  • Turc
  • Ukrainien
  • Vietnamien

Prix du thème WordPress DIVI

Si vous optez pour l’abonnement annuel

prix-divi-annuel

Si vous optez pour l’abonnement à vie

prix-divi-a-vie

BONUS DIVI Gratuit !

FAQ :

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 fenetre 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 !

Télécharger gratuitement la FAQ

divi-faq-gratuit

Templates pour créer un site rapidement

ElegantThemes vient de sortir une nouvelle fonctionnalités qui va sans aucun doute ravir toute la communauté des utilisateurs du thème WordPress Divi : les sites pré-faits. Avec ces packages, il vous sera plus rapide de trouver l’inspiration, les ressources et surtout la motivation pour utiliser Divi pour vos différents projets.

Voici donc pour vous la liste des layouts mis à disposition par ElegantThemes :

Sites utilisant le thème WordPress DIVI

  • Thème WordPress DIVI : Comme son nom l’indique, un site qui fait la promotion du thème WordPress DIVI en l’utilisant ! On aime !
  • Un seul site listé pour le moment ! Vous utilisez Divi pour votre site internet ? N’hésitez pas à nous laisser un petit commentaire et je rajoute votre site dans l’article 🙂

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. Il sera complété au fur et à mesure et n’hésitez pas à laisser en commentaire des guides que vous voudriez voir !

guide-tuto-divi

promo-divi

Téléchargez Divi et créez un site internet qui vous ressemble

eleganttheme-ban

  1. Bonjour,

    Je me suis abonné à la newsletter et téléchargé Divi. Quand est-ce que je recevrai la traduction en français ?
    Merci 🙂

    Répondre

    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! 🙂

      Répondre

      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

        Répondre

        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.

          Répondre

          1. Bonjour @J : Un cadeau vous attend dans votre boite mail 🙂

  2. Bonjour,

    Je viens de m’abonner à la newsletter, celle ci est deja parue ?

    merci

    Répondre

  3. Bonsoir,

    Je viens de m’inscrire pour la newsletter. Pourrais-je recevoir la traduction en français pour Divi ? 🙂

    Meilleures salutations

    Répondre

  4. 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

    Répondre

  5. 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.

    Répondre

  6. Où est l’offre à 39$ ? Je ne trouve rien à moins de 69$… Ce n’est pas vraiment le même montant…

    Répondre

    1. Bonjour @Boegli,

      Il s’agissait d’une offre promotionnelle limitée dans le temps

      Répondre

Laisser une réponse

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