Sommaire :
- Le thème Divi est-il un bon thème ?
- C’est quoi Divi ?
- Comment utiliser le thème Divi ?
- Utiliser le Theme Builder pour vous changer la vie !
- Quelques fonctionnalités intégrées nativement sur Divi !
- Comment obtenir le thème Divi ?
- Comment installer le thème Divi ?
- Comment et pourquoi installer un thème enfant avec mon thème Divi ?
- Un peu d’histoire sur le thème Divi !
- FAQ :
Le thème Divi est-il un bon thème ?
Voici un résumé de l’article en quelques points !
Temps de chargement : 4.5/5
Optimisation SEO : 4/5
Fonctionnalité : 5/5
Rapport qualité/prix : 5/5
Support : 5/5
Add-ons : 4.5/5
Communauté : 5/5
Total : 4.7/5
Temps de chargement
Le thème Divi est rapide, très rapide, s’il est bien optimisé. Vous pourrez facilement être en dessous de la seconde de chargement avec ce thème. Même avec divers plugins et fonctionnalités, vous serez en capacité d’avoir un site bien optimisé !
Illustration des résultats pouvant être obtenu avec le thème Divi
(Source : Elegant Themes)
Optimisation SEO :
Au niveau des optimisations pour les moteurs de recherches, le thème Divi est “presque” complet. Il permet d’ajouter les balises ALT, les attributs sur vos liens, les balises sur vos titres (h1, h2, etc.).
Il manque toutefois des fonctionnalités comme la modification de ces balises méta-descriptions ou méta-titres, qui devront être réalisé avec un plugin comme Yoast par exemple 🚨.
Fonctionnalité :
Divi comporte un lot incroyable de fonctionnalité que vous pouvez découvrir juste ici.
Visual Builder :
Vous pouvez modifier visuellement vos textes, vos images, votre design sans avoir à coder ou passer par un éditeur classique. Avec le thème Divi, vous êtes directement sur votre page comme si vous étiez un visiteur et vous pouvez tout modifier directement !
Responsive Design :
Le format téléphone et tablette est directement géré dans Divi, vous pouvez modifier la taille de vos polices, vos espacements, vos textes, vos couleurs, etc. sur ces supports. Cela permet d’avoir un site web responsive et parfaitement adapté sur n’importe quels supports 🤩 !
CSS personnalisé :
Si vous voulez une touche de personnalisation en plus, vous pouvez également ajouter du CSS soit au niveau de votre page soit de manière globale au niveau de votre site avec le thème Divi ⚡.
Sauvegarde et gestion de vos style :
Avec Divi, vous pouvez enregistrer des styles par exemple un style de police, d’image ou autres, vous pouvez les enregistrer et les réutiliser. Par exemple, si vous avez un style de titre, vous pouvez l’enregistrer et les réutiliser partout sur votre site.
Et si ensuite, vous voulez les modifier vous n’aurez qu’à les modifier qu’une fois et cela sera effectif partout sur votre site (partout où vous aurez utilisé ce style).
Styles globaux :
De la même manière, qu’avec les styles, vous pouvez enregistrer des sections complètes sur Divi et les réutiliser partout sur votre site, par exemple des sections d’appel à l’action ou de preuve sociale. Cela permet de simplifier grandement les modifications à effectuer sur votre site.
Révisions, sauvegarde et retour en arrière :
Enfin, en plus des révisions “classiques” présentes sur WordPress, Divi a un système d’historique lorsque vous modifiez vos pages. Vous pouvez revenir en arrière facilement. C’est un petit plus, lorsqu’on fait beaucoup de modifications ou que l’on se trompe pour revenir en arrière rapidement.
Illustration des révisions intégrés nativement sur le thème Divi.
Rapport qualité/prix :
Divi a un prix très attractif, vous pourrez avoir d’autres thèmes à un prix inférieur mais avec autant de fonctionnalité, j’en doute 🤨. Non honnêtement, Divi a un très bon rapport qualité prix, de plus il comporte une offre à vie plutôt qu’un abonnement annuel.
J’avoue être plus enclin à prendre des logiciels avec des abonnements à vie, car cela me simplifie la vie je trouve. Après libre à chacun de faire son choix :
89$ par an
249$ à vie
Et oui, cela pour autant de site web que vous voulez donc si vous avez plusieurs projets en tête, Divi est fait pour vous ! Vous pourrez le réutiliser pour l’ensemble de vos sites sans frais supplémentaire 😎 !
Support :
Le support est très réactif sur le thème Divi, en général ils répondent dans les 24-48h. Leurs réponses sont construites et il ne vous lâche pas si la réponse qu’ils vous fournissent n’est pas satisfaisante comme d’autres supports qui ont tendances à éjecter et fermer les tickets très rapidement.
Ici, ils prennent le temps de vous répondre.
Ils ont également intégrés 4 aspects très importants nativement dans leur thème :
L’accès Remote :
Cet accès est un vrai plus pour le thème Divi, ajouté depuis 2022, il permet aux équipes du support de Divi de prendre la main sur votre site sans avoir à donner vos accès via un chat ou autres.
Avant, on devait envoyer des accès Administrateur par email sans savoir comment les données peuvent être utilisées 🧐. Maintenant, on a un risque réduit car il n’y a que cette fonctionnalité à activer, et hop le support a accès à votre site. On décoche et hop plus d’accès !
Vraiment, top comme fonctionnalité 🤗.
Le Safe Mode :
Depuis 2022, Divi intègre également maintenant un “Safe Mode” très pratique pour résoudre des bugs pouvant provenir de vos plugins/thèmes/codes. Cette fonction permet de désactiver toutes les fonctionnalités de votre site pour trouver l’origine d’un bug.
Cette fonctionnalité est très pratique car elle permet de résoudre des problèmes sans impacter vos lecteurs qui eux ne verront rien de ces modifications 🥰 !
Quelques explications juste ici.
Les logs :
Les logs sont les enregistrements des bugs/problèmes ☠️ pouvant survenir sur votre site. Ils sont essentiels pour identifier rapidement une panne ou un dysfonctionnement sur votre site. Ici, le thème Divi intègre directement les logs de votre site sur son thème.
C’est un point important qui vous permettra de garder votre site web en ligne sans bug 👾.
Illustration des logs intégrés nativement sur le thème Divi
Une bonne documentation :
Plus de 130 articles dédiés 📄 pour le support et des vidéos d’explications également sur leurs chaînes YouTube pour bien documenter le thème Divi.
Ce point est essentiel car certains thèmes ou extensions négligent trop souvent leurs documentations, or c’est l’un des points les plus importants car dès que l’on a un problème. Et surprise cela arrivera forcément 😅, on se réfère souvent à la documentation dans un premier temps et ensuite on contacte le support.
Donc une bonne documentation est essentielle ! De plus, le soin apporté à celle-ci montre le soin apporté au thème et à leur projets.
Allez jetez un oeil, vous verrez le soin apporté à leurs documentations 🤩 !
Illustration de la documentation intégrée nativement sur le thème Divi
Mise à jours :
Le thème Divi est régulièrement mis à jour, cela permet d’avoir un thème sûr sans bug. Et s’il y a des bugs, on peut les voir corrigés le mois suivant généralement. Vous avez le détail des correctifs sur chacune des versions de Divi.
Voici, la liste des updates 📒 du thème Divi !
Add-ons :
Il existe pleins d’add-ons sur Divi, notamment notre préféré :
Divi Supreme !
Nous préparons des articles sur chacun de ces add-ons, donc restez connectés pour voir la suite 😉 !
Communauté :
Honnêtement, la communauté Divi est juste énorme … Que vous cherchiez des vidéos ou des articles, vous pourrez trouver votre bonheur. De plus, la communauté française est très développée, mais si jamais vous ne trouvez pas votre bonheur, vous pourrez vous orienter vers les contenus en Anglaise.
Conclusion :
Pour conclure, le thème Divi est vraiment top, que vous souhaitiez créer un blog, un site e-commerce, un site vitrine ou autres. Le thème Divi saura répondre à vos attentes.
Il embarque suffisamment de fonctionnalités pour répondre à toutes vos demandes que vous souhaitiez un thème rapide, responsive, SEO Friendly, avec un bon rapport qualité/prix, un bon support, une bonne documentation, des mises à jour régulières et une bonne communauté. Alors le thème Divi est idéal !
À noter : Les deux extensions : Bloom et Monarch sont incluses gratuitement avec le thème Divi. |
Après, si vous n’êtes pas encore convaincu, laissez-moi vous en parlez d’avantages dans la suite de cet article, je saurais trouver les mots pour vous convaincre je l’espère ! Et si vous avez encore des questions, n’hésitez pas à venir les poser en commentaires !
Le thème Divi est-il fait pour vous ?
Le thème Divi est presque “parfait” mais comme tout, il n’est pas fait pour tout le monde. Il convient tout d’abord de bien définir votre besoin et vos méthodes de travail. Un thème pourra être parfait 😍 pour quelqu’un et à mettre à la poubelle 🤬 pour une autre personne.
Ici, nous allons voir les plus et les moins du thème Divi.
Le thème Divi est fait pour vous si :
Vous voulez personnaliser de A à Z !
De nos jours, il est important d’avoir un site internet, et plus qu’un site internet, il faut qu’il soit à votre image. Avec la multiplicité des réseaux, aujourd’hui, il est essentiel d’avoir son identité de marque, sa petite touche qui fait la différence.
Que ce soit pour un site vitrine, un blog, une landing page, un site e-commerce ou autres, votre site doit être à votre image. Et quoi de plus frustrant que d’avoir un thème qui ne permet pas de modifier vos pages comme vous le souhaitez, d’être bloqué par une fonctionnalité ou autres …
Avec Divi, fini les soucis, finis les sites qui se ressemblent, place à votre site, place à votre univers.
Vous ne voulez pas coder une ligne !
Avec Divi, pas besoin de coder, vous pouvez faire l’intégralité de votre site sans toucher une ligne de code. Vous pouvez personnaliser tous vos éléments visuellement avec le Visual Builder de Divi. Pas besoin de s’y connaître en CSS, HTML, Javascript ou autres.
Avec le thème Divi finit le temps du code, le temps du design est arrivé 🚀 !
Depuis 2013, le thème Divi propose un éditeur visuel (WYSIWYG). Donc comme sur une présentation PowerPoint, vous pouvez glisser et déposer vos images et vos textes facilement pour maîtriser votre rendu. Donc vous travaillez de manière fluide et efficace.
Vous souhaitez utiliser des templates !
Divi propose plus de 370 layouts, sans compter les nombreux layouts proposés par Elegants Theme (l’entreprise derrière Divi) dans sa Marketplace. De plus, maintenant Divi possède une intelligence artificielle pour vous aider à faire vos pages 📄.
Donc si vous voulez aller vite et créer votre site en deux ou trois mouvements vous êtes au bon endroit. Vous pourrez également prendre des blocs à droite à gauche pour satisfaire vos besoins 💞.
Il existe des layouts sur des centaines de thématique comme la culture, le sport, le marketing, la plomberie, le yoga, la finance, la menuiserie, la boulangerie, etc.
Vous voulez faire du e-commerce !
Aujourd’hui, il y a de plus en plus de sites e-commerce, la tendance est à l’achat en ligne. D’après le site NASDAQ en 2040, 95% des achats seront effectués en ligne 🌐. Le thème Divi a parfaitement compris cet enjeu et il intègre nativement des fonctionnalités pour votre site e-commerce.
Vous pouvez trouver quelques exemples, juste ici. Avec l’ensemble de ces modules du thème Builder, vous pourrez créer vos pages produits, vos catalogues, votre page panier, mettre des articles recommandés, etc.
Vous souhaitez un bon produit à un bon prix !
La majeure partie des plugins et des thèmes proposent un coût annuel. Rare sont les thèmes proposant un prix à vie, l’abonnement est aujourd’hui la norme. Mais il faut avouer que si l’on veut de la tranquillité, l’achat en une fois est un gros plus ✌️….
En plus, de pouvoir installer Divi sur plusieurs sites web, vous n’aurez pas à débourser un centime de plus. Simple, efficace. Pas de Freemium, pas de frais cachés, un achat simple, rien de plus, rien de moins.
Le prix du thème Divi est l’un des plus attractifs du marché selon moi avec son offre à 249$ à vie 🎯. Vous avez également une offre à 89$ par an si vous souhaitez l’essayer.
Vous voulez un thème WordPress sécurisé
Enfin dernier argument la sécurisation de votre site. Vous vous en doutez perdre son site à cause d’une faille de sécurité, et bien comment dire … C’est un peu embêtant 😫. C’est pourquoi le thème Divi a passé des tests avec Sucuri pour éprouver son thème et s’assurer qu’il soit sécurisé.
Et le thème Divi a passé haut la main ce test. Donc, niveau sécurité vous êtes bien avec Divi 🔐.
Le thème Divi n’est pas fait pour vous si :
Vous voulez des designs innovants …
Alors, oui on a évoqué ce point dans la première partie le design du thème Divi permet de personnaliser votre site selon vos envies. Mais, parce qu’il y a un mais, on ne peut pas non plus tout faire avec Divi. Par exemple, des sites en 3D, des sites proposant des expériences immersives ou autres. Cela pourrait être possible mais pas sans les compétences d’un développeur ou de quelqu’un ayant déjà réalisé ce type de projet, car cela n’est pas natif dans Divi 😕.
Voici quelques exemples de sites ne pouvant pas être réalisé avec Divi (avec les fonctionnalités de bases et sans l’aide d’un développeur) :
- https://freespeech.gubrica.com/
- https://rogierdeboeve.com/
- https://lumieredelune.app/fr
- https://noomoagency.com/
Malgré les nombreuses fonctionnalités du thème Divi, on ne peut tout faire non plus avec celui-ci. Donc si vous souhaitez un site web innovant 🤖, il faudra bien contrôler la faisabilité de celui-ci.
Vous souhaitez un site simple
Malgré le thème Builder de Divi qui est très pratique. Certaines personnes préfèrent remplir des textes à trou 🧿. C’est-à-dire utiliser un thème avec une template prédéfini, remplir le texte, changer les images et c’est tout.
Le thème Divi pourrait permettre cela avec les layouts, mais il faut être honnête, il faut quand même mettre les mains dedans, vous aurez toujours des éléments à modifier : Polices, tailles des textes, espacements, etc.
Si vous souhaitez un thème clé en main 🗝️, dans lequel vous n’avez aucune modification à effectuer comme l’on peut trouver sur des marketplaces comme ThemeForest alors le thème Divi n’est pas fait pour vous.
À noter : Un temps d’apprentissage est nécessaire pour apprendre à maîtriser le thème Divi. Même, si l’apprentissage est facilité avec Divi, il faudra tout de même y consacrer du temps 📋. |
Maintenant, rentrons dans le dur pour comprendre un peu mieux le thème Divi et son interface.
C’est quoi Divi ?
Présentation générale du thème Divi !
Le thème Divi est un thème WordPress développé par Elegant Themes, l’une des entreprises les plus reconnues dans le domaine des thèmes et plugins WordPress. Elle a été créée en 2008 par Nick Roach.
Ce thème est particulièrement apprécié pour sa flexibilité,son Visual Builder et son tarif très avantageux. Il permet aux utilisateurs de créer des sites web de manière intuitive et sans connaissances en codage 👨💻.
Éditeur visuel Divi Builder
Les éléments structurels
Le thème Divi comporte 3 éléments structurels :
- Les sections : Cela correspond aux lignes horizontales sur votre site.
- Les colonnes : Cela correspond au nombre de colonnes sur une ligne tout simplement.
- Les modules : Vous pouvez les retrouver ci-dessous. C’est l’ensemble des éléments pouvant être insérés sur votre site.
Les modules basique du thème Divi
Le thème Divi comporte 40 modules de bases pour votre site :
- Accordion
- Audio
- Bar Counter
- Blog
- Blurb
- Button
- Call To Action
- Circle Counter
- Code
- Comments
- Contact Form
- Countdown Timer
- Divider
- Email Opt-in
- Filterable Portfolio
- Gallery
- Hero
- Icon
- Image
- Login Form
- Map
- Menu
- Number Counter
- Person
- Portfolio
- Portfolio Carousel
- Post Navigation
- Post Slider
- Post Title
- Pricing Tables
- Search
- Sidebar
- Slider
- Social Follow
- Tabs
- Testimonial
- Text
- Toggle
- Video
- Video Slider
Les modules e-commerce
Le thème Divi comporte également 25 modules pour les sites e-commerce :
- WooCommerce Breadcrumbs
- WooCommerce Cart Products
- WooCommerce Cart Totals
- WooCommerce Checkout Billing
- WooCommerce Checkout Details
- WooCommerce Checkout Information
- WooCommerce Checkout Payment
- WooCommerce Checkout Shipping
- WooCommerce Cross Sells
- WooCommerce Notice
- WooCommerce Product Add To Cart
- WooCommerce Product Description
- WooCommerce Product Gallery
- WooCommerce Product Images
- WooCommerce Product Information
- WooCommerce Product Meta
- WooCommerce Product Price
- WooCommerce Product Rating
- WooCommerce Product Reviews
- WooCommerce Product Stock
- WooCommerce Product Tabs
- WooCommerce Product Title
- WooCommerce Product Upsell
- WooCommerce Products
- WooCommerce Related Products
Scénarios d’utilisation courants
Vous vous demandez maintenant à quoi un site Divi peut ressembler ? Alors, voici quelques exemples d’utilisations du thème Divi :
- https://www.talent.io/p/fr-fr/home
- https://sleeknote.com/
- https://mougins.fr/
- https://www.seo.com/
- https://www.kevadams.fr/
Voici également l’ensemble des layouts que vous pouvez utiliser avec le thème Divi !
Comment utiliser le thème Divi ?
Une utilisation facile et accessible
Le thème Divi est facile à prendre en main. Voici une vidéo issue du site Elegant Themes pour montrer la prise en main de l’interface.
Pour utiliser Divi pas besoin de savoir coder, vous avez juste besoin de savoir faire des glisser-déposer … Vous pouvez maitriser le thème et le personnaliser que vous soyez un débutant ou un professionnel.
C’est en partie pour cela que vous devriez utiliser le thème Divi car vous pourrez l’utiliser à vos débuts et améliorer votre site au fur et à mesure que vous vous améliorez et vous ne serez pas limité par les capacités de votre thème 📈.
Adapter le thème Divi au format mobile en 1 clic !
Le thème Divi permet de modifier en 1 clic, comme on vous l’a montré plus haut, vous pouvez simplement cliquer sur une icône pour modifier votre site sur mobile 📱.
Vous pouvez ainsi :
- Personnalisation des éléments pour différents appareils
- Masquer certains éléments sur mobile
- Optimiser les images et les médias sur mobile
- Modifier un texte sur mobile
Bref, grâce au thème Divi votre site sera aussi beau sur ordinateur que sur téléphone 🤩 !
Utiliser les layouts pour vous simplifier la vie
Si vous voulez vous faciliter la vie, vous pouvez utiliser les layouts de Divi, il y en a plus de 370 … Vous pourrez personnaliser chacun de ces layouts à votre guise ! Ils sont répartis en 13 catégories : Art & Design, Business, Community & Non-Profit, Education, Events, Fashion & Beauty, Food & Drink, Health & Fitness, Lifestyle, Online Store, Services, Simple et Technology.
Liste des layouts, juste ici !
Donc, vous pourrez trouver votre bonheur. Si jamais vous souhaitez d’autres designs, vous pourrez vous rendre sur la marketplace de Themeforest, pour trouver d’autres templates.
Utilisable également pour des utilisateurs avancés
Si vous vous y connaissez déjà en design, en SEO et en code. Vous pourrez mettre à profit votre savoir-faire avec le thème Divi. Vous pourrez ajouter votre code directement depuis Divi ou depuis un thème enfant.
L’ajout du CSS peut également se faire depuis une page spécifique.
Supports et ressources pour débutants
Divi possède l’une des plus grosses communautés dans l’univers 🌠 des thèmes WordPress. Vous pourrez trouver des créateurs, des blogueurs et des entrepreneurs parlant de ce thème sur toutes les plateformes : YouTube, Google, Instagram, etc.
Voici quelques ressources anglophones qui pourront vous être utile :
- Elegant Themes (YouTube) : https://www.youtube.com/@elegantthemes
- MAK (YouTube) : https://www.youtube.com/@sitekrafter
- Pee-Aye Creative (YouTube) : https://www.youtube.com/@PeeAyeCreative
- Darrel Wilson (YouTube) : https://www.youtube.com/@darrelwilson
Vous pourrez également trouver en ligne un grand nombre de tutoriels en français, de webinaires, de forums et de groupes pour vous aider à prendre en main pas à pas le thème Divi.
L’utilisation du Divi Builder
Le thème Divi comporte donc de nombreux modules permettant d’ajouter du contenu sur votre site. Tous ces blocs sont construits sur la même logique. Il faut cliquer sur la roue cranté “Paramètres du module” pour accéder au module.
Chaque module contient les 3 onglets suivants :
- 📄 Contenu : Vous pourrez mettre ici, vos titres, vos textes, vos images, vos liens, vos couleurs de fonds, etc.
- 🖌️ Style : Ici, vous pourrez régler le design de tous vos éléments (titres, textes, images, etc.) que vous aurez dans l’onglet contenu. Vous pourrez également régler vos animations, vos espacements, vos dimensions, etc.
- ⚙️ Avancé : Ici, on aura des fonctionnalités plus poussés comme le CSS, les class, les ID, l’affichage des blocs selon certains conditions, la visibilité des blocs sur mobile ou tablette, etc.
Les éléments dans ces contenus peuvent changer d’un bloc à un autre mais l’on retrouvera toujours la même logique avec un bloc pour le contenu, un pour le design et un pour des paramétrages avancés.
Utiliser le Theme Builder pour vous changer la vie !
Introduction au Theme Builder
Le theme Builder de Divi permet de créer des éléments globaux sur votre site, par exemple pour vos articles, vos pages 404, vos pages de services, votre en-tête, votre pied de page, vos pages de catégories, etc.
Cette fonction vous permet de créer un cadre commun 🖼️ à l’ensemble de vos pages que vous pourrez réutiliser automatiquement. Par exemple, ici pour mes articles j’utilise le theme Builder de Divi pour gérer la page template pour mes articles.
Ainsi, je n’ai pas à remettre le contenu commun à tous mes articles comme les commentaires, les articles liés, la page auteur, etc sur tous les articles. Ils sont automatiquement ajoutés via le theme builder, me permettant ainsi de me concentrer sur le contenu.
Création de templates globaux
Le thème Divi possède une autre fonctionnalité très utile : les “blocs globaux”. Ils permettent d’enregistrer un module, une ligne ou une section dans votre bibliothèque et de pouvoir la réutiliser sur une autre page 🌟.
L’avantage de cette fonction, c’est qu’elle permet de lier l’ensemble de ces blocs peu importe où il se trouve sur votre site. Cela veut donc dire que si vous modifiez l’élément global sur une page 📄, alors les modifications seront également effectives sur les autres pages de votre site.
Quelques idées de blocs “globaux” intéressant à créer :
- Un bloc sur les témoignages
- Un call to action vers un livre blanc, un webinaire ou autres.
- Une fiche auteur 👨💻
- Etc.
Vous comprenez alors l’intérêt de ce type de bloc, créer une fois, réutiliser plusieurs fois ! Gagnez du temps facilement et efficacement avec Divi 🚀.
Gestion et organisation des templates
Vous pouvez également enregistrer vos modèles ou templates sur Divi sans qu’ils soient “globales”. Vous pouvez par exemple enregistrer vos modèles de header, de formulaire, de texte ou autres et les réutiliser facilement dans vos prochaines pages.
L’ensemble de vos modèles seront accessibles dans votre bibliothèque Divi. Donc vous pourrez les modifier, les mettre à jour et les réutiliser ensuite partout 🎉 sur votre site.
Vous pourrez également importer des modèles depuis d’autres sites directement sur votre site ou exporter vos modèles sur d’autres sites webs depuis votre bibliothèque Divi.
Quelques fonctionnalités intégrées nativement sur Divi !
Optimisation des performances
Le thème Divi apporte une couche d’optimisation pour améliorer les performances de votre site. Sans même avoir besoin d’un plugin comme WP Rocket pour optimiser votre site. Cela permet d’améliorer la rapidité 🚤 de votre site et ainsi d’avoir une meilleure expérience utilisateur.
À noter : Certains plugins optimisations de cache comme WP Rocket ou Lite Speed peuvent entrer en conflit avec les optimisations natives au thème Divi. Donc, attention lors de l’utilisation de ces fonctions. |
Fonctionnalités dynamiques
Le thème Divi permet d’utiliser des fonctions dynamiques pour appeler des variables présentes sur votre site comme le lien d’une page, le nom d’un auteur, la date de publication, etc.
Cela permet de créer du contenu plus facilement en récupérant automatiquement les données d’une page. Vous pourrez ainsi travailler plus vite lors de vos intégrations 🎆.
À noter : Vous pouvez utiliser un plugin complémentaire comme ACF pour ajouter des variables sur vos pages et les appeler depuis Divi. Comme par exemple, des catégories de pages, ou autres. |
Illustration d’une partie des contenus dynamiques pouvant être utilisés avec Divi.
Test A/B
Une fonctionnalité également méconnue sur Divi et l’A/B test, elle permet de tester différentes versions d’une page pour voir laquelle est la plus performante. Par exemple, pour tester une page de contact, vous pourrez voir celle ayant le plus de formulaires remplis.
Vous pourrez donc créer une version A et une version B pour améliorer ⚡ votre site en continu.
Comment obtenir le thème Divi ?
Options d’achat
Plans et tarification
Elegant Themes propose deux principaux plans d’abonnement pour le thème Divi, incluant également les plugins Monarch et Bloom :
- 🔔 Abonnement annuel à 89$ : Ce plan offre un accès complet au thème et aux deux plugins, les mises à jour, et le support premium pour une année. Il est renouvelable annuellement.
- 🎇 Abonnement à vie à 249$ : Ce plan est un paiement unique qui offre un accès à vie au thème Divi, avec support et mises à jour à vie sans frais supplémentaires.
Abonnement à Elegant Themes
L’abonnement à Elegant Themes donne non seulement accès au thème Divi mais également à tous les autres thèmes et plugins développés par l’entreprise, comme Bloom (plugin de marketing par email) et Monarch (plugin de partage social). Cela permet aux utilisateurs de bénéficier d’une suite complète d’outils pour leur site web sous un même abonnement.
Vous pouvez également acheter les services Divi AI, Divi Cloud, Divi VIP, Divi Teams et Divi Marketplace pour quelques dollars de plus avec un paiement annuel pour continuer à bénéficier de ces services.
Offres et promotions en cours
Elegant Themes propose occasionnellement des promotions, notamment lors de périodes spéciales comme le Black Friday ou des anniversaires de l’entreprise. Parfois, on arrive à des réductions à +50% 🤩 sur les produits ElegantThemes.
Ces promotions peuvent offrir des réductions substantielles sur les abonnements ou des bonus supplémentaires. Il est conseillé de s’abonner à la newsletter d’Elegant Themes ou de suivre leur blog pour rester informé des offres en cours.
Licences et conditions
Détails sur les licences disponibles
Les licences d’ElegantThemes sont assez flexibles. Que vous choisissiez l’abonnement annuel ou à vie, vous pouvez utiliser les thèmes et plugins sur un nombre illimité de sites web, ce qui est particulièrement avantageux pour les développeurs web et les agences qui gèrent plusieurs sites clients.
De même, si vous êtes entrepreneur ou que vous ayez plusieurs projets en tête, vous pourrez réutiliser votre licence sur d’autres sites sans frais supplémentaires 🥳 !
Conditions d’utilisation et restrictions
Bien que les utilisateurs puissent utiliser les thèmes sur un nombre illimité de sites, la redistribution ou la revente des thèmes et plugins est formellement interdite ⛔. Vous pouvez trouver des licences en vente sur le web pour 5€, mais nous vous déconseillons d’utiliser cela, car c’est illégal et cela ne respecte pas le travail des auteurs.
Les abonnés doivent également respecter les conditions d’utilisation qui incluent des limitations sur l’utilisation abusive des ressources, comme l’utilisation excessive du support technique pour des demandes non raisonnables.
Nous vous conseillons d’abord de regarder la documentation 📑 avant de contacter le support, car la question aura sans doute déjà été posée.
Options pour les agences et les freelancers
Elegant Themes propose des conditions particulièrement attrayantes pour les agences et freelances. La possibilité d’utiliser les thèmes sur un nombre illimité de sites permet aux professionnels de déployer Divi sur divers projets sans coûts additionnels par site 🔥.
De plus, le support étendu et les mises à jour régulières garantissent aux agences un service continu et fiable à leurs clients. Donc si vous êtes une agence n’hésitez plus !
Processus d’achat
Étapes pour acheter et télécharger Divi
- Inscription : Visitez le site d’Elegant Themes et choisissez le plan d’abonnement qui vous convient.
- Paiement : Procédez au paiement par les méthodes proposées (carte de crédit, PayPal, etc.).
3. Téléchargement : Une fois le paiement effectué, connectez-vous à votre compte utilisateur où vous pourrez télécharger le thème Divi et les autres produits.
Configuration du compte client
Après l’inscription et le paiement, vous devrez configurer votre compte client sur le site d’ElegantThemes. Cela comprend la mise en place :
- Onglet – Account Details : Renseigner vos informations personnelles et nous vous conseillons d’activer la double authentification.
- Onglet – Billing : Renseigner vos informations d’entreprise pour vos factures.
- Onglet – Subscriptions : Ici, vous pourrez gérer votre abonnement.
- Onglet – API Keys : Ici, vous pourrez trouver votre clé API et votre nom d’utilisateur. Veuillez à bien les enregistrer pour activer votre thème sur votre site WordPress.
Support après-achat et activation de la licence
Elegant Themes offre un support client 📒 à travers un système de tickets et un chat en direct. Après l’achat, si vous rencontrez des problèmes avec l’installation, la configuration ou l’utilisation de Divi, leur équipe de support est disponible pour vous aider.
L’activation de la licence est nécessaire une fois le thème installé et activé sur votre site WordPress, vous devrez vous rendre dans l”onglet “Divi” puis dans “Mises à jours” pour rentrer vos identifiants. Ils vous permettront ainsi d’accéder immédiatement à toutes les fonctionnalités et mises à jour du thème Divi.
Comment installer le thème Divi ?
Téléchargement et installation
Où trouver le fichier de thème
Le thème Divi peut être obtenu directement sur le site officiel d’ElegantThemes. Pour y accéder, vous devez vous inscrire et acheter un abonnement. Puis dans l’onglet “Themes & Plugins” vous pourrez télécharger votre thème.
Une fois l’abonnement actif, vous pourrez accéder à votre tableau de bord 💻 utilisateur sur Elegant Themes, où le thème Divi est disponible au téléchargement sous forme de fichier .zip, prêt à être installé sur votre site WordPress.
Étapes d’installation via WordPress
Voici les étapes à suivre pour installer le thème Divi sur votre site :
- Connexion à l’administrateur WordPress : Connectez-vous à votre tableau de bord WordPress.
- Ajout du thème : Naviguez vers Apparence > Thèmes > Ajouter nouveau > Téléverser un thème.
- Téléversement du fichier : Cliquez sur « Choisir un fichier » et sélectionnez le fichier .zip de Divi téléchargé précédemment. Ensuite, cliquez sur « Installer maintenant ».
- Activation du thème : Une fois l’installation terminée, un lien vous permettra d’activer le thème. Cliquez sur « Activer » pour mettre Divi en service sur votre site.
Vérification de l’installation
Après activation, naviguez sur votre site pour vérifier que Divi est actif et fonctionne correctement 🧐. Vous pouvez également retourner dans la section « Thèmes » de WordPress pour voir Divi comme thème actif.
Testez quelques fonctionnalités de base du Divi Builder pour vous assurer que tout fonctionne comme prévu. Vous pouvez vous rendre sur une page pour voir si vous pouvez activez le Divi Builder.
Configuration initiale
Configurer votre thème Divi :
Pour commencer avec Divi, il est recommandé de configurer les paramètres de base 🗃️ qui influenceront le design et la fonctionnalité de votre site :
- Mise en place des couleurs globales : Définissez les couleurs de marque dans l’onglet “Options du thème” pour les retrouver sur tout le site.
- Typographie : Sélectionnez les polices de caractères par défaut pour assurer une apparence uniforme.
- En-têtes et pieds de page : Configurez les en-têtes et les pieds de page dans Divi Builder pour les adapter à votre marque.
Importation de démos et de templates prédéfinis
Divi offre une large gamme de templates et de démos prêtes à l’emploi que vous pouvez importer pour démarrer rapidement ⏱️ :
- Layouts Divi : Lors de la création d’une page, vous pourrez accéder à la bibliothèque Divi. Vous y trouverez des layouts prédéfinis que vous pouvez importer directement sur votre page.
- Utilisation de Divi Cloud : Si vous avez un abonnement, vous pouvez également utiliser Divi Cloud pour sauvegarder et réutiliser vos propres layouts ou ceux partagés par la communauté.
- Explorez les options du Divi Builder : Familiarisez-vous avec les modules et les options disponibles dans le builder pour mieux comprendre comment construire et personnaliser vos pages.
- Ajustements mobiles : Assurez-vous que votre site a l’air bien sur tous les appareils en ajustant les paramètres spécifiques aux mobiles dans Divi Builder.
Mise à jour et maintenance
Gérer les mises à jour de Divi
Il est crucial de maintenir Divi à jour pour bénéficier des dernières améliorations et corrections de sécurité :
- Configuration des mises à jour automatiques : Dans WordPress, configurez les mises à jour automatiques pour Divi ou vérifiez régulièrement les nouvelles versions dans votre tableau de bord Elegant Themes.
- Test des mises à jour : Testez les mises à jour dans un environnement de staging avant de les appliquer au site en production pour éviter des interruptions.
Sauvegardes et précautions
Il est important de sauvegarder régulièrement votre site et de stocker ces sauvegardes sur un support externe pour ne rien perdre de votre travail.
- Sauvegardes régulières : Utilisez des plugins comme UpdraftPlus ou BackupBuddy pour programmer des sauvegardes régulières 💾 de votre site. Vous pouvez aussi réaliser des sauvegardes à la main avec un plugin comme All in One WP Migration.
- Précautions avant les mises à jour : Avant de mettre à jour, créez toujours une sauvegarde complète pour pouvoir restaurer votre site en cas de problème avec la nouvelle version du thème.
Optimisation pour assurer la stabilité et la sécurité
WordPress est un CMS très connu, il est donc essentiel de sécuriser votre site afin de ne pas être impacté par les attaques pouvant avoir lieu sur ce CMS.
- Sécurité du site : Utilisez des plugins de sécurité 🔐 pour protéger votre site contre les attaques et surveiller les vulnérabilités.
- Optimisation de la performance : Installez des plugins de cache comme WP Rocket ou W3 Total Cache pour améliorer les performances de votre site Divi.
- Surveillance régulière : Gardez un œil sur les performances de votre site et ajustez les configurations au besoin pour maintenir une expérience utilisateur optimale.
Comment et pourquoi installer un thème enfant avec mon thème Divi ?
Avantages d’un thème enfant
Protection des personnalisations lors des mises à jour
Utiliser un thème enfant 👼 sous WordPress est crucial pour maintenir les personnalisations effectuées lors des mises à jour du thème parent. Sans un thème enfant, les modifications directes apportées au code du thème parent peuvent être écrasées lors de la mise à jour.
Avec un thème enfant, les modifications restent intactes, car les mises à jour affectent uniquement le thème parent, préservant ainsi le travail effectué dans le thème enfant 😁.
Séparation claire avec le thème parent
Un thème enfant fonctionne en héritant de toutes les fonctionnalités du thème parent, tout en permettant des modifications qui restent distinctes de celles du thème parent.
Cette séparation aide à organiser et gérer le code plus efficacement ⚡. Les développeurs peuvent apporter des changements ou ajouter des fonctionnalités sans risquer d’interférer avec le code original du thème parent, facilitant ainsi la maintenance et les mises à jour.
Facilité de gestion des changements de design
L’utilisation d’un thème enfant rend les expérimentations de design plus simples et plus sûres. Les designers peuvent tester de nouveaux styles ou ajustements sans modifier le thème parent.
Cela offre une grande flexibilité pour essayer différents designs ou apporter des modifications spécifiques 🎨 pour certaines pages sans perturber l’ensemble du site.
Création et installation du thème enfant
Étapes pour créer un thème enfant
Voici les étapes pour installer votre thème enfant :
- Créer un dossier pour le thème enfant : Commencez par créer un nouveau dossier dans votre répertoire de thèmes, généralement sous wp-content/themes.
- Fichier style.css : Créez un fichier style.css dans ce dossier. Ce fichier doit contenir un en-tête de commentaire spécifiant les détails du thème enfant, y compris le nom du thème parent.
- Fichier functions.php : Créez un fichier functions.php, qui sera utilisé pour charger le stylesheet du thème parent et ajouter des fonctions personnalisées.
- Activation du thème enfant : Accédez à l’administration de WordPress pour activer le thème enfant.
Vous voulez un thème enfant prêt à installer gratuitement ? Contactez-nous directement !
Outils et plugins pour simplifier le processus
Plusieurs plugins WordPress peuvent faciliter la création et la gestion de thèmes enfants. Des outils comme Child Theme Configurator ou One-Click Child Theme permettent de créer un thème enfant directement depuis le tableau de bord WordPress, en automatisant les étapes nécessaires.
Toutefois, l’installation d’un thème enfant reste relativement simple, donc nous vous conseillons de le faire à la main pour éviter d’utiliser un plugin et d’être ainsi en capacité de résoudre un bug 🛠️ s’il survient sur votre thème enfant.
Activation et configuration du thème enfant
Une fois le thème enfant créé, il peut être activé depuis l’interface d’administration de WordPress.
Après activation, il est possible de commencer à personnaliser le design et les fonctionnalités sans affecter le thème parent 🛡️, en utilisant l’interface du personnalisateur WordPress ou en ajoutant du code dans le fichier functions.php du thème enfant.
Gestion et utilisation
Mise à jour et maintenance du thème enfant
Pour maintenir un thème enfant, il est important de suivre les mises à jour du thème parent et de tester le thème enfant avec la dernière version du thème parent pour s’assurer de la compatibilité. Conserver une routine de sauvegardes régulières et de vérifications de compatibilité aide à éviter des problèmes lors des mises à jour.
Bonnes pratiques pour le développement
Voici quelques règles à suivre dans le maintien d’un thème enfant :
- Documentation : Documentez toutes les modifications apportées dans le thème enfant pour faciliter les mises à jour et le débogage.
- Respect des standards : Suivez les meilleures pratiques et standards de WordPress pour assurer que les personnalisations sont durables et compatibles avec les plugins et extensions.
- Isolation des modifications : Gardez les modifications isolées dans le thème enfant autant que possible pour éviter les conflits avec le thème parent.
Un peu d’histoire sur le thème Divi !
Origines et développement
Genèse de Divi et vision originale
Divi a été développé par Elegant Themes, une entreprise bien établie dans l’univers de WordPress, fondée par Nick Roach en 2008. Divi a fait ses débuts en 2013 avec l’ambition de rendre la création de sites web accessible à tous, sans nécessité de compétences en codage.
La vision originale était de fournir un thème qui soit à la fois intuitif et extrêmement puissant ⚔️, permettant aux utilisateurs de créer n’importe quel type de site avec une flexibilité totale en matière de design.
Évolution des fonctionnalités au fil des ans
Depuis son lancement, Divi a constamment évolué, ajoutant de nouvelles fonctionnalités et améliorant son interface pour rester à la pointe des tendances du web design. Parmi les ajouts significatifs, on compte le Divi Builder, un constructeur de page front-end révolutionnaire, l’introduction de split testing avec Divi Leads, et une multitude d’options de personnalisation pour répondre aux besoins des développeurs et designers web professionnels.
Chaque mise à jour a apporté des améliorations en termes de performances, accessibilité, et compatibilité inter-appareils 📱.
Impact sur le marché des thèmes WordPress
Divi a considérablement influencé le marché 🔮 des thèmes WordPress en popularisant le concept de constructeurs de pages front-end. Sa facilité d’utilisation, combinée à sa puissance, a établi un nouveau standard dans l’industrie, poussant de nombreux développeurs de thèmes à adopter des stratégies similaires pour leurs propres produits.
Divi a aidé à démocratiser le design web, rendant possible pour les entrepreneurs et les créatifs de lancer des sites sans l’intervention d’un développeur 📟.
Contributions et critiques
Contributions majeures à la communauté WordPress
Divi a apporté d’importantes contributions à la communauté WordPress, notamment par le biais de ses plugins et ses layouts qui permettent d’utiliser plus facilement le thème Divi et d’y rajouter des fonctionnalités.
Elegant Themes a également soutenu la communauté à travers des sponsorisations d’événements, des contributions au code WordPress, et en partageant des ressources éducatives qui aident les utilisateurs à mieux utiliser WordPress et Divi.
Critiques et défis au cours du développement
Bien que Divi soit largement célébré, il a aussi fait face à des critiques, particulièrement concernant le poids de son code et l’impact sur les temps de chargement des sites 🐌.
Certains utilisateurs ont exprimé des préoccupations concernant la dépendance aux shortcodes, ce qui peut rendre difficile la migration vers d’autres thèmes ou constructeurs de pages.
Réponses d’Elegant Themes aux feedbacks utilisateurs
Elegant Themes a répondu activement aux feedbacks en optimisant le code de Divi et en améliorant continuellement ses fonctionnalités pour répondre aux préoccupations des utilisateurs. Des mises à jour régulières ont été déployées pour améliorer la compatibilité avec les standards web actuels et les pratiques de SEO.
Avenir et innovations
Prochaines étapes pour Divi
Elegant Themes continue de développer Divi, se concentrant sur l’amélioration de la performance et de l’accessibilité. Les prochaines étapes incluent l’intégration plus poussée avec des technologies de pointe comme le React.js pour des interfaces utilisateur encore plus fluides et réactives 🚀.
Vision à long terme pour Divi et Elegant Themes
La vision à long terme pour Divi et Elegant Themes reste centrée sur l’empowerment 🏔️ des utilisateurs, en leur permettant de créer des expériences web incroyables sans barrières techniques.
Elegant Themes envisage de continuer à innover dans les domaines de l’interface et de l’expérience utilisateur, tout en soutenant une communauté de web designers, développeurs et créateurs de contenu.
On s’attend à ce que les futures mises à jour de Divi portent sur l’amélioration de l’interface utilisateur 🌟 et une plus grande intégration avec des outils de marketing numérique.
FAQ :
Quel est le prix du thème Divi ?
Le thème Divi est proposé à partir de 88$ par an Vous pouvez choisir entre deux options d'achat pour Divi. L'abonnement annuel coûte 89$, tandis que la licence à vie est disponible pour 249$.
L'abonnement annuel est une excellente option pour ceux qui souhaitent tester le thème et ses fonctionnalités avant de s'engager à long terme, tandis que la licence à vie est parfaite pour les professionnels du web qui prévoient d'utiliser Divi sur plusieurs projets sur plusieurs années, offrant une économie substantielle à long terme.
Puis-je utiliser le thème Divi sur plusieurs sites ?
Avec Divi, vous n'êtes pas limité à un seul site web. Que vous déteniez une licence annuelle ou à vie, vous pouvez utiliser Divi sur autant de sites que vous le souhaitez. Cela est particulièrement bénéfique pour les développeurs web et les agences qui gèrent plusieurs sites pour leurs clients.
Cette flexibilité fait de Divi un choix économique et pratique pour ceux qui travaillent régulièrement sur de nombreux projets WordPress.
Est-ce qu’il y a des tutos sur le thème Divi ?
La force de Divi réside également dans sa communauté active de plus de 325 000 inscrits à la newsletter d’Elegants Themes. PLus, les milliers de personnes sur leurs blogs, leur chaine YouTube, X, etc.
Participer à cette communauté peut également vous aider à résoudre rapidement tout problème que vous rencontrez, grâce au partage d'expériences et de solutions.
Où puis-je trouver des exemples de sites faits avec Divi ?
Si vous cherchez de l'inspiration ou souhaitez voir ce que Divi peut faire, voici un Notion dédié au site créé sous Divi. Vous y trouverez une sélection d'exemples de sites construits avec Divi. Vous pourrez en trouver d’autres sur le site officiel d'Elegant Themes, qui est une excellente ressource.
Ces exemples montrent la diversité et la flexibilité des designs que Divi peut créer, allant des blogs personnels aux sites e-commerce complexes.
0 commentaires