Examen du thème Divi 2022 – Toujours le thème WordPress ultime !

Publié: 2022-01-03

Dans cette revue Divi, je vais vous montrer ce que vous pouvez faire avec le thème Divi WordPress. Consultez notre article d'inspiration Divi pour voir ce que vous pouvez faire avec Divi

Divi est un thème WordPress tout-en-un qui peut être utilisé pour créer tout type de site Web.

Des centaines de conceptions de sites Web prédéfinies et réactives de haute qualité sont incluses avec Divi et de nombreux outils de personnalisation différents sont disponibles pour vous aider à peaufiner davantage les choses. Cela inclut leur célèbre constructeur de pages par glisser-déposer Divi Builder, leur système Theme Builder et la bibliothèque Divi. Le personnalisateur de thème WordPress est également pris en charge.

Thème WordPress Divi

Depuis son lancement fin 2013, Elegant Themes a continuellement affiné Divi pour s'assurer qu'il reste le meilleur thème WordPress tout-en-un du marché.

Il s'intègre parfaitement aux plugins WordPress populaires tels que WooCommerce et prend en charge 32 langues de manière native (y compris les langues de droite à gauche).

Dans cet article, je voudrais vous montrer pourquoi Divi est toujours au top du monde WordPress en 2020.

Rubriques d'articles :

  • Thème Divi vs Divi Builder : quelle est la différence ?
  • Construire de beaux sites Web avec Divi Builder
  • Personnalisation de la conception de votre site Web
  • Configurer Divi
  • Le centre de support Divi
  • Combien coûte Divi ?
  • Dernières pensées

Thème Divi vs Divi Builder : quelle est la différence ?

Divi n'était pas le premier thème WordPress tout-en-un ou le premier thème WordPress pour vous aider à styliser vos publications et vos pages, mais Elegant Themes a surpris beaucoup de gens lorsqu'ils ont lancé Divi car c'était un si bon package.

Dans la première version de Divi, les utilisateurs pouvaient créer de belles publications et pages en utilisant « The Advanced Page Builder ». Ce constructeur de pages était intégré directement dans Divi et ne pouvait pas être utilisé avec d'autres thèmes WordPress.

Après des milliers de demandes, Elegant Themes a renommé le constructeur de pages avancé en Divi Builder. Ce plugin WordPress autonome vous permettait d'utiliser le constructeur de pages de Divi sur n'importe quel thème WordPress.

Thème Divi et plug-in Divi

Bref:

  • Divi Theme fait référence à l'ensemble du thème WordPress
  • Divi Builder fait référence au constructeur de page

L'avantage de cette configuration est que si vous créez de nombreuses pages à l'aide de Divi Builder, vous pouvez passer du thème Divi à un thème WordPress différent à une date ultérieure et vos publications et pages auront la même apparence.

Construire de beaux sites Web avec Divi Builder

Une fois que vous avez activé Divi, vous verrez un bouton "Utiliser The Divi Builder" dans l'éditeur WordPress.

Bouton constructeur Divi

Divi a été lancé avec un éditeur backend, mais la dernière version de Divi Builder est un constructeur de pages par glisser-déposer frontal qui vous permet d'apporter des modifications sur le frontend de votre site Web.

Dans la page de l'éditeur, cependant, vous verrez des options pour modifier certains paramètres de page tels que votre barre latérale préférée.

Constructeur Divi à Gutenberg

Lorsque vous cliquez pour utiliser Divi Builder, il vous sera demandé de sélectionner l'une des trois options.

Vous pouvez choisir d'utiliser votre contenu existant, de choisir une mise en page prédéfinie ou de cloner une page existante que vous avez créée.

Sélectionnez votre mise en page

Une mise en page prédéfinie est un moyen fantastique de démarrer avec Divi.

Plus d'un millier de mises en page prédéfinies de haute qualité sont disponibles, ainsi qu'environ 150 packs de sites Web contenant plusieurs conceptions de pages. Il existe des mises en page pour plus d'une douzaine de catégories, notamment l'art et le design, les affaires, la santé et la forme physique, la boutique en ligne et la technologie.

Que vous utilisiez une toile vierge ou une mise en page prédéfinie comme point de départ, vous pouvez enregistrer toutes les modifications à l'aide du système Divi Library. Les mises en page peuvent être exportées au format JSON et réimportées dans Divi à tout moment.

Charger un design depuis la bibliothèque Divi

Divi Builder est simple à utiliser, mais comme tout constructeur de page WordPress, vous devriez passer du temps à vous amuser avec les conceptions pour vous habituer à l'interface utilisateur.

Le menu de navigation au bas de la page agit comme un hub central pour accéder à toutes les options. De là, vous pouvez charger une mise en page à partir de la bibliothèque, enregistrer votre mise en page et effacer votre mise en page. Vous pouvez également accéder aux paramètres de la page et afficher l'historique de vos modifications.

Pack de mise en page de construction Divi

En bas à gauche de la page, il y a un menu qui vous permet d'accéder aux paramètres de Divi Builder, de passer en vue filaire, de zoomer et dézoomer sur votre mise en page et de visualiser votre mise en page en mode bureau, tablette et mobile.

En bas à droite, il existe des options pour rechercher, accéder à l'aide et enregistrer votre page.

Ne vous inquiétez pas si cela vous semble écrasant, car toutes ces options ont du sens une fois que vous avez passé du temps à utiliser Divi Builder.

Interface du constructeur Divi

Le mode d'affichage filaire est particulièrement utile car il vous permet de voir la structure de votre mise en page.

C'est le moyen idéal d'organiser des sections, des lignes, des colonnes, etc.

Sections et lignes du constructeur Divi

Des dizaines de modules de contenu sont disponibles dans Divi pour vous aider à façonner et styliser votre page.

Vous trouverez des modules pour les commentaires, des comptes à rebours, des images, des cartes, des publications, des portfolios, des curseurs vidéo et plus encore. Toutes les modifications que vous apportez aux modules peuvent être enregistrées dans votre bibliothèque Divi pour être réutilisées à tout moment.

Insérer un module dans Divi

Les thèmes élégants ont réussi à trouver un juste équilibre avec Divi Builder. Ils ont facilité la prise en main et la création de mises en page uniques pour les débutants, mais il existe de nombreuses fonctionnalités avancées dans le générateur de pages qui permettent des modifications et des ajustements supplémentaires.

Personnalisation de la conception de votre site Web

Divi vous offre de nombreuses façons de personnaliser la conception de votre site Web.

Dans la zone de contenu principale, qui est contrôlée par Divi Builder, vous pouvez ajuster chaque module, colonne, ligne et section.

L'espacement, la structure, les bordures, les couleurs, les animations, la position, la visibilité, le CSS et plus encore peuvent tous être modifiés. Le niveau de personnalisation de chaque élément de votre page est impressionnant et si vous faites des erreurs, vous pouvez cliquer pour annuler et refaire vos modifications.

Paramètres de ligne dans WP Builder

Une autre fonctionnalité que j'adore est le Divi Theme Builder.

Cela peut être utilisé pour appliquer un en-tête, un corps et un pied de page globaux à plusieurs zones de votre site Web. C'est un moyen fantastique de dupliquer une mise en page que vous avez créée sur l'ensemble de votre site Web ou sur des parties de celui-ci.

Bibliothèque de création de thèmes Divi

Divi Theme Builder vous permet de créer autant de modèles que vous le souhaitez et vous pouvez les appliquer à différentes zones de votre site Web.

Par exemple, je pourrais appliquer un en-tête et un pied de page aux pages, un autre à mon blog et un autre à des articles et pages spécifiques.

Paramètres du modèle de générateur de thème Divi

Le personnalisateur de thème WordPress est également pris en charge par Divi.

Vous pouvez l'utiliser pour apporter des modifications à votre en-tête, pied de page, menus de navigation et plus encore. De nombreux paramètres différents peuvent être trouvés ici, tels que les couleurs, les bordures et l'espacement.

Personnalisateur de thème WordPress Divi

La mesure dans laquelle vous pouvez modifier la conception de votre site Web à l'aide du personnalisateur de thème WordPress dépend de la manière dont vous avez construit votre page. La plupart des éléments de contenu dans la zone de contenu principale (c'est-à-dire le corps de la page) doivent être modifiés via Divi Builder à la place.

Personnaliser le pied de page

Pour avoir une meilleure idée de la façon dont vous pouvez créer des mises en page uniques et personnaliser vos conceptions, consultez la page de démonstration des thèmes élégants.

Configurer Divi

Le menu d'administration de Divi relie des pages de configuration importantes telles que les options de thème, le générateur de thème et le personnalisateur de thème.

Veuillez noter que Divi Builder n'est pas répertorié dans ce menu. Pour accéder à Divi Builder, vous devez utiliser le bouton "Modifier avec Divi Builder" dans l'éditeur WordPress ou le lien "Activer Visual Builder" qui s'affiche en haut de votre site Web en direct dans la barre d'outils WordPress.

Menu Admin Divi

La page principale des options de Divi est divisée en huit sections : Général, Navigation, Générateur, Mise en page, Annonces, SEO, Intégration et mises à jour.

Dans la section des paramètres généraux, vous pouvez activer et désactiver de nombreux éléments de conception tels que la galerie Divi et le mode de style blog. Les URL de profil de médias sociaux peuvent également être définies ici et vous ajustez le nombre de messages affichés.

Dans les sections suivantes, vous pouvez modifier les menus de navigation de votre site Web et spécifier sur quels types de publications Divi Builder est actif.

Les autres options que vous trouverez dans la page des options de thème incluent les mises en page et les mises en page, une bannière publicitaire 468 × 60, le référencement pour différentes zones de votre site Web et des zones de texte pour insérer du code dans votre site Web pour des scripts tels que Google Analytics.

Assurez-vous d'ajouter également votre nom d'utilisateur et votre clé API Elegant Themes dans la section des mises à jour afin de pouvoir obtenir des mises à jour automatiques et une assistance prioritaire pour Divi.

Options de thème Divi

L'éditeur de rôle intégré de Divi vous donne un contrôle total sur ce que chaque groupe d'utilisateurs WordPress sur votre site Web peut et ne peut pas faire.

Vous pouvez spécifier si un groupe d'utilisateurs particulier peut utiliser Divi Builder, s'il peut ajuster les mises en page, s'il peut accéder à l'assistance, etc.

Éditeur de rôles Divi

Un certain nombre de boutiques et de marchés tiers ont été lancés au cours des dernières années et proposent des thèmes, des mises en page et des plugins Divi. Cela inclut les plugins Divi, Divi Cake, Divi People et Divi Life.

Ces produits peuvent étendre encore plus les fonctionnalités de Divi.

Le centre de support Divi

L'un des derniers ajouts à Divi est le Divi Support Center.

Niché dans le menu d'administration de Divi, le centre de support a été conçu pour aider le personnel d'Elegant Themes à mieux interagir avec les clients.

En haut de la page du centre de support se trouve un rapport sur l'état du système qui vous aide à voir si votre hôte a été correctement configuré pour Divi. Comme vous pouvez le voir, mon installation test de WordPress nécessite quelques ajustements pour héberger Divi efficacement.

État du système du centre d'assistance

L'accès à distance est également disponible. Cela fournira un accès limité à l'équipe d'assistance Divi afin qu'elle puisse résoudre tous les problèmes que vous rencontrez.

Des tutoriels utiles sont également liés sur cette page.

Documentation et aide du centre de support

Divi a également inclus une option de mode sans échec qui désactivera les fonctionnalités et les plugins qui pourraient causer des problèmes de compatibilité.

Les erreurs peuvent également être ajoutées à un journal de débogage pour référence.

Mode sans échec du centre d'assistance

Vous n'êtes pas toujours obligé de contacter directement l'assistance.

Si vous n'êtes pas sûr d'une fonctionnalité, je vous recommande de rechercher dans la zone de documentation de Divi. Vous y trouverez une foule de tutoriels écrits et de tutoriels vidéo.

Vous pouvez également trouver de l'aide via le Divi Meetup Network et le groupe Facebook Divi Theme Users.

Documentation sur le thème Divi

Les thèmes élégants ne restreignent pas non plus l'accès au support. Ils fournissent une assistance à un nombre illimité de sites Web que vous gérez.

Combien coûte Divi ?

Les thèmes élégants ont l'une des politiques de tarification les plus simples et les plus équitables du monde WordPress.

Une licence vous donne un accès complet à tous les produits Elegant Themes et vous pouvez les utiliser sur un nombre illimité de sites Web.

Vous pouvez choisir de payer 89 $ par an ou de payer des frais uniques de 249 $.

Si vous utilisez notre code de réduction Elegant Themes, vous obtiendrez 20 % de réduction supplémentaire sur votre achat.

Tarification Divi

En plus de Divi, un abonnement à Elegant Themes vous permet de télécharger le thème WordPress du magazine – Extra, le plugin WordPress opt-in pour les e-mails – Bloom et le plugin WordPress de partage de médias sociaux – Monarch.

Produits de thèmes élégants

Un abonnement à Elegant Themes est assorti d'une garantie de remboursement de 30 jours. Vous êtes donc libre d'annuler votre abonnement après votre inscription ou de passer du forfait annuel au forfait unique.

Dernières pensées

J'espère que vous avez apprécié ce regard sur le thème Divi WordPress.

Comme vous pouvez le constater, Divi est une solution polyvalente qui porte bien son nom de thème WordPress « tout en un ». Il s'agit d'une solution flexible et facile à utiliser, mais dotée de nombreuses fonctionnalités de personnalisation avancées pour les agences, telles que des extensions tierces, des thèmes enfants, du code CSS, etc.

Vitrine client Divi

Il est important de se rappeler qu'aucun constructeur de pages WordPress n'est parfait. Ils ont tous leurs forces et leurs faiblesses et vous pouvez finir par privilégier une solution pour un projet, mais pas pour les autres.

Bien sûr, Divi se compare très bien aux autres constructeurs de pages WordPress du marché tels que Beaver Builder (notre avis) et Elementor (notre avis) . Ils offrent tous une grande variété de modules de contenu pour vous aider à façonner les publications et les pages de votre site Web, ainsi qu'un système de modèles moderne pour enregistrer des conceptions personnalisées.

L'éditeur WordPress par défaut (Gutenberg) ne dispose pas des fonctionnalités de personnalisation avancées que vous trouverez dans Divi. J'apprécie la simplicité de l'éditeur par défaut, mais dans de nombreuses situations, je le trouve très restrictif. En revanche, Divi vous permet de styliser n'importe quel élément de votre page.

Dans la récente refonte de Divi Builder, les modules de contenu ont été relégués au second plan et ne sont plus aussi importants qu'auparavant. Cette fonctionnalité importante est toujours là, mais je pense que l'interface utilisateur de Beaver Builder et Elementor est beaucoup plus simple.

Dans Beaver Builder, cliquer sur le symbole + chargera les modules, les lignes et les modèles sur le côté droit de la page. Dans Elementor, les modules de contenu sont affichés sur le côté gauche de la page pour un accès facile.

Divi le fait différemment. Vous pouvez cliquer sur n'importe quelle partie de la conception de votre site Web dans Divi pour ajouter un nouveau module de contenu et une fenêtre contextuelle indiquant tous les modules disponibles s'affichera alors.

Bien que je pense que l'interface utilisateur de Divi Builder prend plus de temps à apprendre, le système de modèles de Divi est sans égal. Vous avez le choix entre plus d'un millier de mises en page et vous pouvez enregistrer les modifications apportées à votre bibliothèque et les réutiliser plus tard en toute simplicité. L'ensemble du système fonctionne très bien et la qualité des conceptions proposées est fantastique.

Divi est un thème WordPress tellement riche en fonctionnalités qu'il est impossible de couvrir toutes les fonctionnalités en une seule revue. Je n'ai fait qu'effleurer ce qui est possible avec Divi.

  • Pour avoir une idée complète de ce que vous pouvez faire avec Divi, je vous encourage à consulter la vitrine client Divi et notre article 15 sites Web Classy Divi pour votre inspiration.
  • Vous pouvez également tester Divi dans la page Démo des thèmes élégants.

Pour en savoir plus sur le thème WordPress, consultez la page de vente officielle de Divi.