Si vous recherchez un nouveau thème pour votre site, il existe probablement deux options dont vous avez probablement déjà entendu parler: Divi by Elegant Themes et Avada, le best-seller numéro un sur ThemeForest.
Les deux thèmes WordPress sont complètement polyvalents. Cela signifie que peu importe le type de site Web que vous créez – que ce soit un blog de base, une boutique en ligne complète ou tout autre intermédiaire – l'utilisation d'Avada ou de Divi vous apportera de nombreuses fonctionnalités et options.
Cependant, bien qu'il s'agisse de grands thèmes WordPress, il existe quelques différences clés. Alors, pour vous assurer de choisir celui qui convient à votre projet, lisez la suite.
Nous commencerons par un aperçu de chaque article avant de continuer pour comparer son apparence, ses principales caractéristiques et son rapport qualité-prix global. Commençons…
Présentation de Divi
Divi est le thème principal d'Elegant Themes, l'une des sociétés de thèmes WordPress les plus populaires du secteur.
Divi est un thème polyvalent WordPress le plus vendu de Elegant Themes.
Lancé en 2013, Divi a été continuellement amélioré et mis à jour, et a été renforcé avec chaque nouvelle version.
Caractéristiques principales de Divi
Grâce à un ensemble de fonctionnalités en constante augmentation ainsi qu'à des améliorations constantes, Divi peut désormais être utilisé pour créer presque n'importe quel type de site Web. Peu importe la taille de votre projet, utiliser Divi ne sera pas excessif et ne vous laissera pas en vouloir plus.
Générateur de page visuelle par glisser-déposer Divi
La principale caractéristique de ce thème est Divi Builder, un outil de création de pages par glisser-déposer conçu pour aider les utilisateurs à créer facilement leurs propres mises en page personnalisées.
Divi Builder vous permet de personnaliser votre contenu via un éditeur visuel frontal.
Au départ, Divi Builder était un outil de création de pages back-end. Cependant, après une mise à jour, ce générateur de page dispose désormais d'un éditeur visuel WYSIWYG frontal, ce qui signifie que vous obtenez un aperçu en direct de votre page tout en y travaillant. Vous pouvez simplement cliquer sur un élément pour commencer à travailler dessus, y compris la modification de texte en ligne.
Le nouveau et amélioré Divi Builder comprend l'édition en ligne de texte pointer-cliquer en ligne.
Pour obtenir la bonne disposition de vos pages, vous pouvez faire glisser et déposer des éléments en place et redimensionner rapidement les sections avec votre souris. Le passage à la nouvelle vue filaire montre la disposition de la page et les noms des modules qu'elle contient, ce qui permet de voir facilement ce qui se trouve sur votre page et comment elle est structurée.
Le passage en mode filaire vous donne une vision claire de la structure de votre page et des modules qu'elle contient.
L'ajout de la fonction d'historique illimité d'annulation et de rétablissement, ainsi que la possibilité de copier et coller des éléments de page, est également utile. Dans l'ensemble, cette mise à jour a considérablement amélioré Divi Builder, offrant une expérience d'édition de contenu intuitive.
Divi Builder vous permet d'annuler ou de rétablir facilement vos modifications de page via le panneau d'historique.
Divi Builder vous permet de créer des mises en page personnalisées pour les publications et les pages à l'aide de lignes et de colonnes. Ces lignes et colonnes peuvent être complétées avec l'un des 43 modules de contenu.
Une large sélection de modules peut être ajoutée à votre contenu avec Divi Builder.
En plus des modules de contenu assez standard comme le texte, les images, les boutons et les galeries, vous trouverez une sélection puissante de fonctionnalités, qui nécessitent généralement l'installation de plugins supplémentaires pour l'utilisation. Ces modules comprennent des tableaux de prix, des curseurs, des témoignages, des portefeuilles et bien plus encore.
Ceci est un exemple du module de tableau des prix que vous pouvez insérer dans votre contenu et personnaliser avec Divi.
Tous les modules Divi Builder peuvent être personnalisés via l'interface visuelle, avec une vue en direct de vos modifications au fur et à mesure que vous les apportez. Pour cette raison, vous pouvez vous assurer que chaque élément de votre site Web fonctionne avec sa conception globale. Vous pouvez également ajouter votre propre CSS personnalisé pour personnaliser vos mises en page et les éléments qu'elles contiennent.
Vous pouvez modifier les propriétés d'un module individuel ou personnaliser les paramètres par défaut pour toutes les instances d'un module via Divi Builder.
Avec Divi Builder, il est également très facile de personnaliser la configuration globale ou par défaut d'un module. Lors de l'utilisation du nouveau éditeur global par défaut, vous pouvez personnaliser les propriétés par défaut d'un module, telles que les polices ou les couleurs, directement via l'interface Divi Builder lors de la création d'une page. Les modifications que vous apportez s'appliqueront à toutes les instances de ce module sur votre site.
Il convient de noter que Divi Builder est désormais également disponible en tant que plugin WordPress autonome qui peut être utilisé en conjonction avec n'importe quel thème. Pour plus d'informations, lisez rapidement notre revue du plugin Divi Builder.
Divi Theme Builder
Après la mise à niveau vers la version quatre, Divi dispose désormais d'un outil de création de thème qui vous permet de personnaliser votre site Web au-delà des zones de page et de publication.
Divi Theme Builder vous permet de créer des en-têtes, pieds de page et autres modèles personnalisés pour votre site Web.
Le lancement du Divi Theme Builder Cela signifie que vous pouvez désormais créer des en-têtes, pieds de page, modèles de publication et mises en page personnalisés pour d'autres parties de votre site Web. Vous pouvez également créer plusieurs en-têtes ou pieds de page, puis les affecter à différents types de contenu sur votre site. Par exemple, vous pouvez créer un style d'en-tête pour votre page d'accueil et un autre pour vos articles de blog. Ensuite, via les paramètres de Divi Theme Builder, vous pouvez attribuer automatiquement ces modèles à des parties spécifiques de votre site.
Les paramètres de Divi Theme Builder facilitent l'attribution de modèles à des parties spécifiques de votre site.
En plus des nouveaux packages de conception de sites Web, Elegant Themes produit également des modules préconfigurés. packages de générateur de thème pour vous aider à démarrer avec cette nouvelle fonctionnalité Divi.
Dispositions et modèles prédéfinis
Au moment de la rédaction du présent rapport, Divi Builder comptait 1 036 mises en page, dont 140 packages de sites Web, bien que de nouvelles mises en page soient ajoutées régulièrement. Pour cette raison, vous pouvez utiliser l'un des packages de sites Web prédéfinis ou mélanger et assortir des mises en page individuelles pour créer votre propre site Web personnalisé. Bien sûr, utiliser Divi Builder pour créer votre propre conception de site Web à partir de zéro est également une option.
Divi comprend des mises en page individuelles, ainsi que des packages de conception de sites Web complets, pour vous aider à démarrer.
Chacune de ces mises en page prédéfinies peut être modifiée via Divi Builder, vous donnant un excellent contrôle sur l'apparence de votre site Web. Une fois que vous avez fait vos personnalisations, vous pouvez enregistrer vos propres conceptions pour une utilisation répétée.
Les packages de sites Web Divi couvrent un large éventail de projets.
L'équipe Elegant Themes publie régulièrement de nouveaux packages de conception Divi, certains étant annoncés sur le blog Elegant Themes. De plus, au lieu d'utiliser des photos et des graphiques génériques, cette bibliothèque tentaculaire de mises en page et de démos de sites Web comprend des photos et des illustrations originales créées par des designers d'Elegant Themes.
Vous pouvez utiliser ces photos, illustrations et autres contenus open source sans restrictions de licence sur les sites Web que vous créez avec Divi, y compris les projets commerciaux.
Ceci est un autre des packages de site Web de Divi qui peut être importé dans votre tableau de bord WordPress.
Une critique valable de Divi dans le passé était que, contrairement à Avada et à d'autres thèmes polyvalents WordPress populaires, Divi n'incluait pas de démos complètes du site Web; à la place, il ne fournissait que des modèles de page individuels. L'équipe d'E Thèmes élégants a entièrement corrigé ce problème, et les utilisateurs de Divi ont désormais accès à certaines des démos de sites Web de la plus haute qualité disponibles aujourd'hui, et d'autres sont ajoutées tout le temps.
Divi Leads Split Test Tool
Les Divi Leads L'outil de test fractionné a été ajouté dans une autre mise à jour. Ce puissant outil d'optimisation permet de créer très facilement plusieurs variantes de vos éléments de page, tels que des boutons, des images ou des appels à l'action, puis de les afficher à différents segments de votre public, afin que vous puissiez découvrir quelle version produit les meilleurs résultats. .
La fonctionnalité de test Divi Leads A / B vise à éliminer les conjectures de l'optimisation du site Web.
Le test fractionné est vital pour tout site Web créé avec un objectif spécifique en tête. Grâce à Divi Leads, l'ensemble du processus d'optimisation de votre site Web pour des taux de conversion cibles plus élevés est désormais un jeu d'enfant.
En cliquant sur un élément dans votre mise en page Divi Builder, vous avez la possibilité de créer une ou plusieurs variantes de cet élément. Vous pouvez définir votre objectif, puis vous asseoir et attendre que les résultats arrivent.
Options de thème
Grâce au panneau d'options de thème Divi, vous pouvez apporter un large éventail de modifications à votre site Web. Cela couvre l'intégration des médias sociaux, le nombre de messages à afficher en même temps et comment les présenter, les paramètres de navigation et de menu, et la gestion des annonces.
Vous pouvez personnaliser les paramètres globaux de votre site Web via le panneau Options du thème Divi.
Cependant, lorsqu'il s'agit de vraiment personnaliser l'apparence de votre site Web, la plupart des options de thème pertinentes se trouvent via l'outil de personnalisation intuitif de WordPress.
Grâce à cette interface, vous pouvez personnaliser les paramètres de mise en page, les options de typographie, les propriétés d'en-tête, les éléments de pied de page, les styles de bouton, les schémas de couleurs, etc.
Vous pouvez personnaliser de nombreux aspects de l'apparence de votre site Web via WordPress Customizer.
Étant donné que tout cela se fait via le Customizer, vous obtenez un aperçu en direct de vos modifications au fur et à mesure que vous les apportez.
Portabilité entre sites
Un autre domaine où Divi brille est sa portabilité – c'est-à-dire la facilité avec laquelle vous pouvez déplacer votre travail, vos paramètres, vos mises en page et d'autres actifs entre des sites Web Divi.
Si vous êtes un concepteur Web créant des sites clients ou si vous possédez plusieurs sites Web WordPress, cela risque d'être un énorme tirage, ce qui pourrait vous faire économiser beaucoup de temps et d'efforts en vous permettant d'importer et d'exporter rapidement du contenu entre les projets.
Informations sur les prix Divi
Pour accéder à Divi, vous devrez rejoindre le club Elegant Themes et payer 89 $ pour un an d'accès à tous ses produits, y compris le génial thème Extra, qui vaut le détour si vous ne le connaissez pas encore. et une gamme d'accessoires.
Vous avez également la possibilité de payer des frais uniques de 249 $ pour un accès à vie à tous les plugins et thèmes d'Elegant Themes, y compris les versions actuelles et futures, ainsi qu'un accès à vie aux mises à jour et au support du produit.
Il y a une garantie de remboursement de 30 jours qui vous permet d'essayer Divi et les autres produits Elegant Themes sans risque.
Résumé Divi
Divi a beaucoup à offrir. Si vous n'êtes pas programmeur, mais que vous souhaitez tout de même avoir un contrôle total sur l'apparence et le fonctionnement de votre site Web, Divi est une excellente option de thème.
Présentation de Avada
Devenir le thème WordPress le plus vendu sur le méga marché populaire ThemeForest n'est pas facile.
Avada est le best-seller numéro un sur le marché ThemeForest.
Mais, avec plus de 550 000 ventes (le double de son concurrent le plus proche sur ThemeForest), Avada se classe sans doute au premier rang!
Fonctionnalités clés d'Avada
Comme Divi, Avada est un véritable thème polyvalent qui peut être utilisé pour créer presque n'importe quel type de site Web. Que vous ayez besoin d'un portfolio en ligne, d'un site professionnel hors ligne ou d'un site d'actualités riche en contenu, Avada vise à vous fournir tout ce dont vous pourriez avoir besoin.
Sites Web de démonstration pré-construits
L'une des principales raisons pour lesquelles Avada convient à presque tous les types de sites Web WordPress est qu'il a accès à un large choix de sites de démonstration pré-construits Cela peut être appliqué à votre site WordPress en quelques clics.
Les démos sur le site Web Avada sont variées et magnifiquement conçues.
Comme Divi et sa bibliothèque de packages de conception de sites Web, Avada vous permet d'importer rapidement un site Web de démonstration complet. Après cela, il ne vous reste plus qu'à ajouter votre propre contenu. Si l'une des versions de démonstration correspond à votre projet, la vitesse à laquelle vous pouvez obtenir votre site Web en ligne sera probablement très attrayante.
Avec la sortie de la version six d'Avada, il y a maintenant 55 démos de sites Web à choisir. Ceux-ci incluent l'agence, la photographie, la salle de gym, le café, l'hôtel, l'architecture, les voyages, le mode de vie, la mode et plusieurs démos de sites Web de boutiques en ligne.
Vous pouvez prévisualiser les démos Avada à partir du tableau de bord WordPress, puis importer votre design préféré en quelques clics.
Le processus d'importation fonctionne très bien et vous pouvez vraiment jeter les bases de votre nouveau site Web en un rien de temps.
Fusion Builder
Pour vous aider à modifier l'une des démos et conceptions incluses ou à créer les vôtres, Avada présente Fusion Builder, un outil de création de page par glisser-déposer personnalisé pour WordPress.
Avada Fusion Builder dispose désormais d'une interface visuelle avant moderne.
Après une récente mise à jour, Avada dispose désormais d'un éditeur visuel frontal moderne qui vous donne un aperçu en direct de votre page tout en travaillant dessus comme le Divi Builder. Grâce à cela, la personnalisation du contenu pré-construit et la création de vos propres mises en page à partir de zéro devraient être plus rapides et plus intuitives. Le panneau d'historique qui vous permet d'annuler les actions récentes est également un ajout bienvenu.
Vous pouvez cliquer sur un élément et commencer à le modifier en ligne, directement via l'interface Fusion Builder.
En plus de pouvoir faire glisser et déposer des éléments sur la page, la possibilité de modifier du texte en ligne accélère vraiment les choses. Cependant, si vous préférez travailler dans un éditeur d'arrière-plan pour certaines tâches, vous pouvez facilement basculer entre les deux modes à votre convenance.
Avada Fusion Builder vous permet de passer en mode filaire pour une vue plus claire de la structure de mise en page.
Comme Divi Builder, les mises en page dans Avada se composent de lignes et de colonnes qui peuvent être complétées par une sélection utile de modules.
Avada et Divi incluent plusieurs des mêmes éléments, mais Avada en a un peu plus que Divi.
Avada et Fusion Builder ont désormais plus de 65 articles, anticipant Divi et ses 43 modules de contenu. Ces éléments vous permettent d'ajouter des boutons, des tableaux de prix, des curseurs, des témoignages et des produits de votre boutique en ligne à vos créations personnalisées.
Un exemple de l'élément de tableau de prix Avada personnalisable.
Mises en page prédéfinies
À l'aide de Fusion Builder, vous pouvez importer n'importe lequel des modèles individuels des démos Avada vers la publication ou la page sur laquelle vous travaillez. Pour cette raison, peu importe que vous importiez une démo complète de site Web sur votre site ou non, vous pouvez toujours accéder individuellement à tout le contenu préconstruit d'Avada pendant que vous créez votre site Web.
Avec Avada, vous pouvez importer les démos complètes du site Web, ainsi que les modèles individuels qui composent les démos.
Avec Fusion Builder, vous pouvez également enregistrer vos propres dispositions personnalisées pour les réutiliser sur votre site Web.
Éléments de Fusion Builder
De nombreux éléments qui peuvent être insérés dans les mises en page Fusion Builder sont également disponibles lors de l'utilisation de l'éditeur de publication et de page WordPress standard. Cela signifie que vous pouvez facilement améliorer le contenu existant sans avoir à le modifier via Fusion Builder. Si vous souhaitez simplement ajouter un bouton ou un tableau des prix à une page, cette fonction devrait être utile.
Les éléments de Fusion Builder peuvent être insérés dans des publications et des pages via l'éditeur WordPress par défaut.
Que vous insériez ces éléments dans votre contenu via Fusion Builder ou l'éditeur WordPress, vous pouvez facilement personnaliser leur apparence grâce à un ensemble intuitif de contrôles.
Options de thème
Avada vous permet de personnaliser presque tous les aspects de votre site Web, y compris les polices, les couleurs et les paramètres de mise en page, via le tableau de bord des options de thème ou l'interface de personnalisation de WordPress.
La prise en charge de WordPress Customizer vous permet de modifier certaines parties de votre site Web avec un aperçu en direct de vos modifications.
Comparé à Divi, il n'y a pas autant de paramètres et d'options disponibles dans le personnalisateur WordPress intuitif. Au lieu de cela, vous êtes plus susceptible de trouver les contrôles pour les modifications que vous souhaitez apporter dans le tableau de bord des options de thème situé dans le tableau de bord WordPress. L'inconvénient est que vous n'obtenez pas d'aperçu en direct de l'effet que vos paramètres ont comme vous le faites lorsque vous travaillez dans WordPress Customizer.
Presque tous les aspects de votre site Web peuvent être personnalisés via le panneau d'options de thème d'Avada.
Encore une fois, comme avec Divi, l'objectif est de former des non-codeurs à créer le site Web qu'ils ont toujours voulu, tout au long d'une série d'outils et de paramètres de personnalisation visuelle. Cependant, si vos besoins sont plus exigeants, vous avez toujours la possibilité d'ajouter votre propre CSS personnalisé via le panneau d'options de thème.
Informations sur les tarifs Avada
Avada est disponible sur le marché ThemeForest pour 60 $, ce qui inclut six mois de support de ThemeFusion, les développeurs de thèmes. Cette période d'assistance peut être étendue à 12 mois pour 18 $ supplémentaires, plus des mises à jour à vie du thème sont incluses avec chaque achat!
Remarque: Pour un examen encore plus approfondi de ce thème, consultez notre examen pratique du thème Avada WordPress.
Divi vs Avada: principales caractéristiques comparées
Comme vous pouvez le voir, au moins sur le papier, Divi et Avada partagent un ensemble de fonctionnalités similaires. Les deux thèmes offrent un nombre impressionnant de mises en page prédéfinies, les deux sont équipés de constructeurs de pages par glisser-déposer personnalisés, et les deux offrent de nombreuses options de personnalisation pour les non-codeurs.
Cependant, comme c'est souvent le cas, le problème réside dans les détails, donc pour vous aider à décider si Avada ou Divi est la meilleure option pour votre site, voyons comment ses fonctionnalités se comparent.
Aspect général
Les deux thèmes ont fière allure: les mises en page et les packages de sites Web prédéfinis de Divi sont d'un très haut niveau, tandis que les sites de démonstration prédéfinis d'Avada ont également l'air très professionnels.
Si vous souhaitez créer un site Web pour une agence de marketing numérique, Divi dispose d'un ensemble de modèles prêts à l'emploi.
Divi a maintenant plus de contenu pré-construit qu'Avada, avec 140 packages de sites Web comprenant 1036 modèles individuels. Cependant, étant donné qu'Avada dispose de 55 démos de sites Web, chacune avec son propre ensemble de modèles individuels, vous ne manquerez pas d'options si vous choisissez encore ce thème. De plus, avec n'importe quel thème, grâce à des constructeurs de pages par glisser-déposer faciles à utiliser, vous n'êtes pas limité au contenu pré-construit.
Avada propose des démos pour tous les types de sites Web, y compris une option pour créer un blog de style de vie.
Quand il s'agit de décider quel thème a le meilleur design, c'est vraiment à vous d'explorer les mises en page et les démos pour découvrir celles qui conviennent le mieux à votre projet.
Constructeurs de pages
Les deux thèmes vous permettent désormais de créer des mises en page personnalisées pour vos publications et pages via des éditeurs visuels de glisser-déposer. En utilisant des sections, des lignes et des colonnes, vous pouvez créer des dispositions personnalisées, puis insérer les modules disponibles pour ajouter des éléments à votre contenu.
Les constructeurs de pages mis à jour pour les deux thèmes se comparent favorablement aux meilleurs plugins de création de pages WordPress indépendants disponibles aujourd'hui. Donc, que vous choisissiez Divi ou Avada, vous n'aurez pas à vous soucier du manque de fonctionnalités liées au générateur de page.
Cependant, Divi Builder possède certaines fonctionnalités qui l'élèvent au-dessus d'Avada Fusion Builder. L'un est le fonction de synchronisation sélective, ce qui vous permet de créer un module personnalisé utilisé sur l'ensemble de votre site. Les modifications que vous apportez à ce module s'appliqueront à chaque instance de celui-ci, bien que vous puissiez choisir laquelle de ces modifications sera synchronisée avec les modules, comme uniquement les paramètres de conception mais pas les paramètres de contenu.
Conceptions et démos prédéfinies
Les deux thèmes vous donnent accès à une multitude de contenus prédéfinis, y compris des démonstrations complètes de sites Web et des modèles de page individuels. L'équipe Elegant Themes ajoute régulièrement à la bibliothèque de packages du site Web Divi, et ces modèles ont été conçus à un niveau particulièrement élevé. Cependant, cela ne signifie pas que les démos sur le site Web d'Avada manquent de design ou ne sont pas ajoutées à intervalles réguliers.
Le fait que les deux thèmes incluent des éditeurs par glisser-déposer pour personnaliser le contenu prédéfini signifie que, quel que soit le type de site Web que vous souhaitez créer, vous devriez pouvoir faire le travail avec Divi ou Avada.
Quand il s'agit de décider si Avada ou Divi ont le meilleur contenu pré-construit, cela dépend vraiment de vos goûts personnels et des exigences de votre site Web.
Options de personnalisation
Avec la possibilité de modifier la bibliothèque d'éléments de page via l'outil de personnalisation intuitif de WordPress (ainsi que de nombreux autres aspects de son site Web), Divi offre des options de personnalisation inégalées.
Cela ne signifie pas qu'Avada est manquant, mais comme les options de thème d'Avada sont un peu plus limitées, Divi vous donne plus de contrôle sur l'apparence de votre site, tout en vous donnant un aperçu en direct de vos modifications personnalisées. qui les exécute.
Autres différences notables
Une autre différence principale entre Divi et Avada est la Outil de test divisé Divi Leads. Si vous souhaitez optimiser votre site Web pour de meilleurs résultats, qu'il s'agisse de plus de ventes, d'augmentation du nombre de pages vues ou d'un autre objectif, l'outil Divi Leads vous offre un moyen rapide et facile de tester A / B sur vos options de conception et de contenu. . Cependant, bien qu'Avada n'inclue pas de fonctionnalité similaire, vous pouvez installer votre propre choix de plugin d'optimisation de conversion sur votre site Web.
Avada comprend deux plugins WordPress tiers premium: Slider Revolution et LayerSlider. Divi comprend quelques curseurs différents, mais ils ne peuvent pas rivaliser avec la puissance de ces deux plugins de diaporama. Donc, si vous êtes attiré par l'idée de publier des diaporamas animés avancés sur votre site Web, Avada a tout ce dont vous aurez besoin.
Meilleur rapport qualité / prix
Avec Divi disponible pour 89 $ et Avada pour 60 $, les deux options représentent un excellent rapport qualité-prix. Cependant, pour 89 $, vous avez non seulement accès à Divi, mais aussi au génial thème Elegant Themes Extra, ainsi qu'à ses plugins.
Réflexions finales
Malheureusement, il est impossible de dire lequel de ces deux thèmes est vraiment le meilleur. Désolé! Les deux sont des produits de haute qualité qui plairont à ceux qui veulent la liberté de créer tout type de site Web qu'ils aiment tout en profitant d'une large sélection de conceptions et de démos préconfigurées professionnelles.
L'outil de test divisé Divi Leads est une fonctionnalité intéressante, car presque tous les sites Web ont été créés avec un certain objectif en tête, qu'il s'agisse de plus de ventes ou simplement de plus de pages vues. Cela dit, il convient également de rappeler qu'il existe d'autres Plugins de test fractionnés WordPress disponiblesChoisir Avada ne signifie donc pas dire non à l'optimisation du taux de conversion.
Divi et Avada sont tous deux des thèmes solides, et décider lequel est le mieux pour votre projet se résumera probablement à celui de ces deux thèmes incroyables qui offre les fonctionnalités et le contenu pré-construit dont vous avez besoin.
