Divi vs Avada - Lequel de ces deux thèmes les plus vendus en vaut le plus? (2021)

Divi vs Avada - Comparaison de ces deux thèmes les plus populaires

Une comparaison complète entre Avada et Divi - vous décidez donc quel thème vous convient le mieux.

Si vous envisagez de mettre en place un thème WordPress avec un look premium, vous êtes sûrement tombé sur ces deux thèmes majeurs. Mais comment décidez-vous entre Divi et Avada?

Avada est le thème WordPress le plus vendu sur ThemeForest, avec plus 478,661 525,000 XNUMX+ ventes pour le moment. Divi, en revanche, est le thème le plus flexible de Elegant Themes - il a également un grand nombre de clients - avec également plus de 554,210 Plus de 601,000 XNUMX utilisateurs au moment de la rédaction.

Quiconque souhaite appliquer un modèle polyvalent à son site WordPress se demandera: lequel? 

C'est le sujet de cet article. Nous passerons en revue les avantages et les inconvénients de ces deux éléments, afin que vous décidiez lequel conviendrait le mieux à vos besoins - c'est ce que nous faisons de mieux sur CollectiveRay.com.

Nous venons de mettre à jour cet article dans Juin 2021 pour ajouter tous les nouveaux détails si nécessaire, afin que vous puissiez être assuré que cet article est aussi récent que possible.

Divi contre Avada

Divi et Avada sont deux des thèmes WordPress polyvalents les plus populaires. Avada coûte 60 $ avec une licence pour un site, tandis que Divi coûte 89 $ mais vous pouvez l'utiliser pour des sites illimités. Divi a maintenant un constructeur WYSIWYG dans le frontend, tandis que le constructeur Fusion d'Avada fonctionne en backend. 

Un bref résumé de Divi

Divi - Thème WordPress ultime et constructeur de pages visuelles

Ce que nous avons aimé

 Grande flexibilité

 Édition en temps réel

 Test de Split

 Mises en page sympas

 Vous pouvez l'utiliser sur des sites illimités

 Livré avec un générateur de thème

Ce que nous n'avons pas aimé

 Pas de compteur social

 Il est difficile de passer à un autre générateur de page / thème

 

Obtenez 10% de réduction sur Divi jusqu'au Juin 2021

 

Un bref résumé d'Avada

Avada - Thème le plus vendu de tous les temps

Ce que nous avons aimé

 Design très élégant

 Une grande sélection de démos de sites Web

 Polices personnalisées

 Travailler avec Fusion est rapide et efficace

 Grande flexibilité

Ce que nous n'avons pas aimé

 Aucun résultat en temps réel; vous devez enregistrer le travail pour le voir

 Les packages vous permettent de l'utiliser sur un seul site

 Plusieurs plugins supplémentaires requis pourraient gonfler votre site et le ralentir

 Reprend le menu d'administration du backend et abaisse les fonctionnalités standard de WP

Comme il s'agit d'un élément tellement énorme et populaire en soi, nous avons également examiné séparément les thèmes WordPress les plus populaires - Avada. Ayez une lecture, si cela vous intéresse spécifiquement. 

Voir le thème en action maintenant

 

Avant de commencer: pourquoi un thème polyvalent?

Le concept derrière un modèle polyvalent tel que Divi et Avada est explicite.

Avant que les thèmes polyvalents ne deviennent à la mode, la plupart des gens qui avaient besoin d'un nouveau site Web en achetaient un nouveau pour chaque projet pour lequel ils avaient été engagés ou lors de leur mise en place. Le problème avec cela n'est pas seulement que c'est plus cher parce que vous cherchez à acheter un tout nouvel article à chaque fois, mais vous deviez en fait apprendre comment chacun fonctionnait. 

Chacun de ces modèles fonctionne en fait très différemment les uns des autres, vous devrez donc généralement passer un nombre d'heures supplémentaires à déterminer comment le faire fonctionner comme vous le souhaitez.

Quand Elegant Themes est sorti avec Divi vers la fin de 2013, ils ont établi une nouvelle norme quant à ce que les conceptions polyvalentes devraient réellement contenir. Ce nouveau thème était en fait destiné même aux concepteurs de sites Web non techniques et aux propriétaires de sites Web, et qui ont ensuite pu créer des sites Web impressionnants, littéralement en quelques heures.

Ce n'est donc pas un hasard si Divi a fait la différence en ce qui concerne les thèmes WP «All in One».

C'est un cadre flexible qui vous permet de produire un site adapté à toute organisation, cause ou marque. Ce type de produit comprend toutes les fonctionnalités dont votre site Web pourrait avoir besoin. Il vous permet de promouvoir des produits et services, de créer un site e-Commerce ou un beau blog, ou de développer un portfolio professionnel. Il prend en charge l'intégration des médias sociaux et est totalement réactif.

Le niveau extrême de personnalisation rend votre site Web unique.

Bien que vous verrez de nombreux autres sites construits sur le même modèle, ils seront tous très différents. Si vous avez besoin d'un modèle qui vous permet de créer un site Web de la manière la plus simple, un thème polyvalent serait la meilleure option.

Il existe certains inconvénients potentiels des articles polyvalents, que vous devez prendre en compte avant d'en choisir un.

Si vous êtes extrêmement pointilleux sur la mise en page, les couleurs, l'espacement et d'autres aspects du style et de l'apparence, vous pourriez ne pas obtenir tout ce dont vous avez besoin dans un produit polyvalent.

Vous aurez peut-être besoin d'une fonctionnalité que le modèle n'offre pas, ou vous ne pourrez pas utiliser cette fonctionnalité à l'endroit exact que vous avez en tête. Si vous souhaitez fixer le site Web à une vision très spécifique, vous aurez besoin Développeur WordPress avec des compétences de codage avancées.

Si vous avez besoin d'un site Web ciblé et raffiné spécialement conçu pour votre niche, un site polyvalent ne répondra pas à vos attentes. Si, d'un autre côté, vous voulez commencer et garder les choses ouvertes, afin de continuer à améliorer le site Web en déplacement, choisir une option polyvalente est une chose intelligente à faire.

Du bon côté, ces deux exemples sont les meilleurs exemples de modèles polyvalents qui répondent aux besoins de la plupart des gens. Maintenant, dans les détails!

Lire la suite:  25+ meilleurs thèmes WordPress (amusants!) Pour les artistes (gratuits et premium)

Divi - Aperçu des fonctionnalités

Avec Divi, vous pouvez créer tout type de site Web et profiter de prévisualisations réactives en direct. C'est un produit exceptionnel avec de superbes graphismes. Bien que le puissant générateur de pages réponde aux besoins de tout développeur, il convient également aux personnes qui ne peuvent pas coder.

Étant donné qu'Elegant Themes tire l'essentiel de ses revenus de cet article, il y investit continuellement. Qu'est-ce que cela signifie pour ses utilisateurs? Ils reçoivent constamment de nouvelles mises à jour, ce qui les aide à améliorer leurs sites.

La dernière version de Divi - la version 3.0 apporte l'édition en temps réel sur la première page. Regardez la vidéo ci-dessous pour avoir un aperçu de ce à quoi ressemble l'utilisation de ce générateur de thèmes et de pages visuelles.

1ALjCZkKuUM

La dernière version, Divi 4.0, apporte une autre fonctionnalité qui change la donne: le générateur de thèmes.

Grâce à cela, il est désormais possible de modifier la conception, la mise en page et la structure de l'ensemble de votre site Web. Il vous permet d'utiliser le générateur de pages visuelles réactives pour créer des en-têtes, des pieds de page et des modèles de corps personnalisés pour chaque type de page de votre site.

Vous pouvez créer des conceptions, des mises en page et des structures personnalisées pour divers types d'articles tels que des articles de blog, des produits, des portefeuilles et autres.

En plus de cela, vous pouvez également faire de même avec des pages d'index personnalisées ainsi que d'autres pages spéciales telles que 404 pages, pages de résultats de recherche, archives, flux de catégories, etc. Vous pouvez littéralement personnaliser l'apparence de n'importe quelle partie de l'ensemble de votre site Web maintenant.

générateur de thème divi

Un site Web conçu avec cela est élégant, propre, élégant et moderne. Cela donne l'impression que beaucoup de travail y est investi. Pourtant, la bibliothèque de mises en page prédéfinies et le simple constructeur de pages en font l'un des thèmes les plus utilisables. La meilleure chose à ce sujet est qu'il ne cesse de s'améliorer avec le temps.

Voici les fonctionnalités les plus remarquables que vous pourrez utiliser:

  • Édition en ligne
  • Interface utilisateur personnalisable
  • Largeurs déplaçables
  • Générateur de pages par glisser-déposer
  • Édition réactive
  • Outil de test de division des leads
  • Générateur de thèmes

Jetons un coup d'œil à ce que vous pouvez faire avec Divi, nous allons donc le comprendre un peu mieux:

Composants de thème que vous pouvez utiliser

Fondamentalement, vous obtenez tous les éléments dont vous avez besoin pour un site Web détaillé.

Obtenez 10% de réduction sur Divi

Divi en action: le générateur de glisser-déposer

Le générateur de glisser-déposer est l'endroit où ce thème brille vraiment. La création d'un site WordPress personnalisé est aussi simple que possible avec ce modèle.

Création d'une page avec le générateur de pages Glisser-Déposer ElegantThemes

 

Une fois que vous avez téléchargé et installé Divi sur votre site et que vous l'avez activé, vous pouvez simplement commencer à travailler avec. Vous n'avez pas du tout à installer de plugins (par exemple, Avada vous recommande d'installer des plugins spécifiques). Il est toujours recommandé d'effectuer toutes les mises à jour requises et de vous assurer d'ajouter votre nom d'utilisateur et votre clé API afin d'obtenir un accès complet aux fonctionnalités et aux mises à jour - directement via la zone d'administration.

Elegant Themes a adopté une approche minimaliste de la façon dont cela s'intègre à votre site. Le générateur est immédiatement disponible lorsque vous modifiez des contenus, des articles et des pages.

Si vous avez des types de publication personnalisés supplémentaires, vous devrez peut-être accéder aux paramètres pour permettre à Divi Builder de travailler avec eux.

paramètres d'intégration de divi post

Divi builder à partir de la dernière mise à jour, fonctionne à la fois sur le back-end et l'éditeur front-end. Alors que certaines personnes préfèrent travailler dans le front-end, d'autres préfèrent le back-end - par exemple, moi-même, je préfère travailler dans le back-end même si une interface front-end est disponible - pour moi c'est plus accessible avec le reste de les options dans WP. Le front-end que je ne pourrais alors utiliser que lorsque j'ai besoin de peaufiner l'aspect et la sensation finement.

Vous savez probablement que le créneau du constructeur de pages est très compétitif en ce moment, mais, à vrai dire, le constructeur d'Elegant Themes est en fait considéré comme le niveau à viser. Le fait qu'il ait une interface propre, une excellente expérience utilisateur et qu'il soit toujours rapide - en fait une combinaison parfaite. Même si la mise en page peut sembler simple, c'est une conception intelligente de l'expérience utilisateur - elle comporte de nombreux paramètres et fonctionnalités utiles que vous ne trouvez dans aucun autre générateur de page.

Alors, comment l'utilisez-vous?

Une fois que vous avez cliqué sur le bouton «Utiliser Divi Builder» disponible dans votre éditeur de publication, le Builder apparaîtra. À ce stade, vous pouvez commencer à modifier en faisant glisser et en déposant des modules de contenu, des colonnes, des lignes et des sections selon les besoins de votre site. 

Le thème vous donne également la possibilité de partir de zéro en créant votre mise en page.

Cela signifie que vous choisissez la manière la plus difficile de créer un site. Cependant, il vous donne également une liste complète de mises en page prédéfinies, que vous pouvez ajuster pour répondre aux besoins de votre site Web. Avant de commencer à créer les vôtres, nous vous suggérons de consulter les mises en page déjà disponibles.

Cependant, le modèle vous donne également une liste complète de mises en page prédéfinies, que vous pouvez ajuster pour répondre aux besoins de votre site Web. Avant de commencer à créer le vôtre, nous vous suggérons de consulter les mises en page déjà disponibles.

disposition prédéfinie de divi

Vous avez le choix entre 141 mises en page pour le moment et d'autres sont ajoutées au fil du temps, vous pouvez donc créer votre propre page attrayante même si vous ne possédez pas de compétences avancées en codage. 

Les mises en page couvrent tout, des modèles d'articles de blog aux pages à venir en passant par plusieurs pages de destination et conceptions de page d'accueil. Vous pouvez commencer à utiliser plusieurs modèles juste après l'installation de Divi, ce qui vous fait gagner beaucoup de temps.

Les modèles vous évitent d'ajouter du code personnalisé tout en apportant polyvalence et bonnes performances à votre site Web. 

Lorsque vous modifiez et que vous faites une erreur ou que vous devez peut-être créer une mise en page similaire, vous pouvez soit supprimer, soit cloner, soit copier des sections en un clic. Il existe des paramètres spécifiques pour chaque partie, ce qui vous donne un grand niveau de contrôle et de détails sur la façon dont tout est affiché.

En termes de structure de construction d'une page, les modules de contenu sont affichés dans des colonnes. Ces colonnes sont contenues dans des lignes qui sont à leur tour contenues dans des sections. Bien sûr, vous disposez d'une flexibilité totale pour ajouter facilement des sections standard, des sections pleine largeur et des sections particulières qui comportent des colonnes qui s'étendent sur plusieurs lignes. 

Vous pouvez ensuite définir comment ceux-ci sont affichés sur les différentes tailles responsives.

structure de la page insérer des colonnes

 

Le personnalisateur de thème vous permet de jouer avec différents éléments de la page, tels que l'en-tête et le pied de page, les boutons, la typographie, les widgets, les jeux de couleurs, etc. La bonne chose est que vous obtenez l'expérience des résultats de ces changements en temps réel. 

C'est quelque chose que le modèle de ThemeFusion ne fait pas pour vous.

personnalisateur de thème divi

Maintenant, voici le kicker.

En tant que concepteur de sites Web ou encore plus en tant qu'utilisateur non technique, vous êtes tenu de faire des erreurs qui pourraient casser votre conception. Mais les gars qui développent cela ont déjà pensé à cela. Si vous faites une erreur dans votre mise en page, il existe un bouton Annuler, un bouton Rétablir et un bouton Historique qui vous permet de revenir à votre conception précédente.

Sûrement une bouée de sauvetage, et nous en avons fait l'expérience à plusieurs reprises - vraiment une excellente fonctionnalité.

bouton de restauration de l'historique du générateur de page

 

Édition front-end vs back-end

Dans les versions antérieures de Divi, en particulier avant la version 3.18, l'éditeur front-end, également appelé «Visual Builder» est facilement activé via la zone d'administration en l'activant à l'aide du bouton «Utiliser Visual Builder». Vous pouvez également l'activer en utilisant le bouton à bascule «Activer Visual Builder» dans la barre d'administration sur le front-end de votre site Web (vous devez être connecté pour pouvoir le faire).

Depuis WordPress 5.0 et le nouvel éditeur Gutenberg, l'éditeur backend de Divi ne fonctionne plus, donc quand Divi 3.18 est sorti, Elegant Themes a apporté des améliorations et des changements significatifs dans les fonctionnalités d'édition back-end. Cependant, plus à ce sujet plus tard.

Visual Builder utilise une interface légèrement différente de celle du générateur utilisé dans le backend ou la zone d'administration. Bien que ce ne soit pas particulièrement difficile à utiliser, il est un peu plus délicat et un peu moins facile de déplacer des parties, surtout si vous avez une page grande et complexe.

Si vous avez besoin de plus de détails, vous devrez cliquer sur le bouton Points de suspension (trois points) qui fait apparaître plus d'options telles que le chargement à partir de la bibliothèque, effacer la mise en page actuelle et les paramètres de page pertinents si nécessaire.

Il existe également un menu qui se charge en bas à gauche de la page - ceci est particulièrement utile lorsque vous travaillez sur votre mise en page. Le menu vous permet en fait d'afficher votre page telle qu'elle apparaît en mode mobile, tablette et bureau, tandis que les options de zoom arrière vous montreront toute la mise en page.

La dernière chose dont nous voulons parler en termes de constructeur est l'option appelée «Wireframe View». Cette vue masque en fait votre conception et charge votre mise en page telle qu'elle est affichée dans le générateur par défaut. Cette nouvelle fonctionnalité vous permet de basculer facilement entre le mode filaire (back-end) et l'éditeur visuel.

Alors que c'était à l'origine un moyen pour les utilisateurs de basculer facilement entre le constructeur front-end et back-end, il est depuis devenu le nouvel éditeur back-end, remplaçant complètement l'ancien qui fonctionne avec l'éditeur de publication WordPress classique.

constructeur visuel

 

 

 Non, nous parlons de l'éditeur back-end ... discutons-en en détail.

Depuis la sortie de WordPress 5.0 et Divi 3.18, l'éditeur back-end classique de Divi est désormais désactivé par défaut. C'est parce que Gutenberg est devenu le nouvel éditeur de publication par défaut de WordPress. L'ancien éditeur back-end de Divi a été développé pour fonctionner avec l'ancien "classiques»Éditeur de publication, donc maintenant il ne correspond plus au scénario actuel. Alors ElegantThemes a publié une nouvelle mise à jour et l'a fait de telle sorte que l'éditeur Gutenberg puisse désormais utiliser le mode de création de page visuelle.

En fait, la création d'une nouvelle page dans Gutenberg affiche maintenant l'écran suivant:

nouveau gutenberg

En cliquant sur le Utilisez Divi Builder Le bouton lance immédiatement le générateur visuel avec des options pour créer une page à partir de zéro, importer une mise en page existante ou cloner une page.

Le nouvel vue filaire remplace essentiellement l'ancien éditeur back-end. Il est facilement accessible d'un simple clic sur un bouton lorsque vous êtes en mode constructeur visuel.

wireframe

Rétrocompatibilité

Pour ceux qui se sentent encore à l'aise avec l'éditeur de publication WordPress classique, Divi a une option qui vous permet d'y revenir.

En allant à Divi > Constructeur > Avancé, vous pouvez activer le Classique éditeur, qui est l'éditeur de publication original de WordPress.

Il n'est pas nécessaire que vous utilisiez un plugin externe pour activer cela!

activation de l'éditeur wordpress classique

Et bien que cela puisse sembler une fonctionnalité simple, c'est un excellent moyen d'assurer la compatibilité avec les versions antérieures pour les utilisateurs qui sont toujours à l'aise avec l'expérience utilisateur et la façon de travailler précédentes.

Si vous activez cette option, vous pourrez à nouveau bénéficier de l'expérience complète du constructeur Divi back-end. Si vous êtes sur Gutenberg, cela n'aurait pas été possible.

éditeur classique

L'ancienne expérience back-end utilise la nouvelle vue filaire, mais vous pouvez toujours remonter plus loin et découvrir la véritable expérience classique du backend Divi.

Revenir à Divi > Constructeur > Avancé, il y a le "Activez la dernière expérience Divi»Option. Si vous aimez vraiment l'éditeur backend classique de Divi, vous voudrez que cette option soit définie sur désactivée.

Génial! Surtout pour ceux qui sont heureux de travailler de la manière dont ils sont habitués.

éditeur classique backend classique

Ce qui précède est la même page que nous avons vue précédemment, mais cette fois, il utilise l'éditeur classique et l'éditeur back-end classique de Divi.

Il vous manque cependant certaines des dernières fonctionnalités de cette façon, mais si vous cliquez sur le bouton Construire sur le front-end bouton, vous pourrez utiliser le plus récent mode filaire. Il s'agit de l'éditeur backend moderne de Divi, ainsi que du nouveau constructeur de pages visuelles.

Obtenez 10% de réduction sur Divi jusqu'au Juin 2021

Générateur de thèmes Divi

Version 4.0, la dernière itération de Divi Theme est livrée avec une nouvelle fonctionnalité intéressante: le Générateur de Thèmes.

De retour dans ses versions antérieures, Divi avait quelques limitations en termes de personnalisation. Bien qu'il soit livré avec un excellent personnalisateur et un puissant générateur de pages, il manquait encore quelque chose: la possibilité de créer des modèles d'en-tête, de pied de page et de corps personnalisés.

Lire la suite: Divi vs Elementor - Quel Pagebuilder vaut le plus son argent?

Avec la nouvelle version, vous pouvez désormais personnaliser pratiquement n'importe quelle partie de votre site Web. Elegant Themes a pris le pouvoir du constructeur de pages et l'a étendu à l'ensemble du site Web.

générateur de thème divi

Bien que les possibilités d'utiliser des en-têtes et des pieds de page personnalisés soient assez évidentes, il n'en va pas de même pour les modèles de corps personnalisés.

L'utilisation et les cas d'utilisation de ceux-ci peuvent être un peu vagues pour un utilisateur inexpérimenté.

En termes simples, avec des modèles de corps personnalisés, vous pouvez créer une conception personnalisée qui modifie la mise en page, la structure et la conception de vos articles, pages, produits, flux de catégories et plus encore.

Par exemple, par défaut, un article de blog a son titre au début. En utilisant le nouveau générateur de thème, vous pouvez faire en sorte que le titre apparaisse juste après l'image sélectionnée, ou avant, selon votre préférence.

Vous pouvez également définir la police, la couleur et la taille du texte, ajouter des éléments personnalisés à tous vos articles de blog à la fois et plus encore!

La beauté est que vous pouvez utiliser les différents modules Divi comme vous le souhaitez. Par exemple, prenez le module Divi pour les icônes de partage social.

En utilisant le générateur de thème, vous pouvez créer un modèle de corps personnalisé pour vos articles de blog qui a le module de partage social, par exemple, sous le titre.

Une fois que vous l'avez sauvegardé, tous vos messages ont des icônes de partage social, sans avoir à installer un plugin externe pour cela!

Les possibilités de conception et d'utilisation sont désormais uniquement liées à votre créativité.

Mais que se passe-t-il si vous souhaitez exclure certains messages d'avoir une icône de partage social? Ou que faire si vous ne voulez pas que certains articles aient le modèle personnalisé?

Le générateur de thème vous permet également de comprendre or exclure parties de votre site Web à partir d'un modèle.

inclure exclure

Nous pouvons dire que, littéralement, votre imagination est la limite avec Divi 4.0.

Où Divi gagne - Fonctionnalités manquantes dans d'autres thèmes

L'outil de test fractionné Leads vous permet de créer facilement plusieurs versions d'une page et de voir celle qui fonctionne le mieux en action. Les tests fractionnés sont une partie cruciale du développement de chaque site Web et vous n'aurez pas besoin de payer pour un service supplémentaire si vous utilisez ce modèle.

L'aspect temps réel est son principal avantage. Vous verrez chaque modification que vous apportez en temps réel, simplement parce que le thème vous offre une option d'édition frontale.

Vous ne trouverez pas de telles fonctionnalités dans d'autres constructeurs de pages, comme Visual Composer (du moins pas si loin).

Un autre grand avantage de ce thème est que vous pouvez l'appliquer à plusieurs sites sans frais supplémentaires. À quel point cela est cool?

Divi est génial, pas étonnant que ce soit l'un des thèmes WordPress les plus vendus de tous les temps!

 

 

Avada - Aperçu des fonctionnalités

Avada est attrayant principalement en raison de sa flexibilité. Vous pouvez l'utiliser pour presque tous les types de sites WordPress en appliquant l'un des nombreux sites Web de démonstration prédéfinis en quelques minutes. Vous n'aurez qu'à ajouter du contenu et le tour est joué - vous vous retrouvez avec un site Web attrayant.

Le marché Envato est extrêmement compétitif, donc être l'article le plus vendu signifie quelque chose: il doit être vraiment génial. Semblable à son concurrent, le modèle de ThemeFusion vous permet également de créer à peu près n'importe quel type de site Web. Vous avez accès à une vaste bibliothèque de sites de démonstration, que vous pouvez appliquer sur votre propre site en quelques minutes.

Si vous n'aimez pas les sites de démonstration, vous pouvez toujours recommencer à zéro.

Avada

Voici les principales fonctionnalités que vous pouvez utiliser:

  • Grands menus: plusieurs emplacements, méga menu avec widgets, haut niveau de personnalisation et contrôle de la typographie
  • Fusion Builder - le générateur de page glisser-déposer intégré du thème
  • Pléthore d'options de thèmes et de pages
  • Fusion Core (un plugin compagnon qui étend la liste des outils et options)
  • Importateur de démonstration en un clic
  • Options de traduction
  • Contrôle de la largeur du site

Jetez un œil à la vidéo ci-dessous pour avoir un peu une visite vidéo pas à pas du modèle

wlxqO2GPn3U

En savoir plus sur Avada

 

Une fois que vous avez installé et activé Avada dans la page des thèmes, vous êtes ensuite redirigé vers une zone d'accueil - il s'agit essentiellement d'un guide de démarrage pour vous assurer que vous avez effectué toutes les tâches essentielles. Dans cette page, vous serez invité à installer deux plugins requis: Fusion Core et Fusion Builder.

Étant donné que certaines parties du thème utilisent des plugins externes, vous êtes également vivement encouragé à installer les plugins suivants qui vous seront utiles pour configurer des fonctionnalités et des fonctions spécifiques à l'aide d'Avada LayerSlider, Slider Revolution, WooCommerce, bbPress, The Events Calendar et Contact Formulaire 7. 

écran de bienvenue des plugins

 

Alors qu'avec le thème précédent, l'approche était minimale avec le moins d'intrusions possible, Avada adopte une approche plus énergique sur votre menu d'administration. Il se montre en affichant les éléments de menu pour Avada, le générateur et Fusion Slider, en haut du menu. Cela signifie qu'il pousse en fait les éléments auxquels vous êtes habitué, tels que les articles, les pages, les commentaires et les plugins, plus bas dans la page - ce qui n'est pas très agréable si vous travaillez avec WP depuis longtemps et c'est juste l'un des sites Web avec lesquels vous travaillez.

Le pire, c'est que si vous ajoutez les autres plugins recommandés, le menu deviendra encore plus encombré. C'est quelque chose que nous n'aimons vraiment pas chez Avada.

menus poussés vers le bas

Fusion est un constructeur de page back-end par glisser-déposer (aucune vue frontale n'est disponible). Il peut être activé dans votre contenu, qu'il s'agisse de publications, de pages ou d'autres types de publications, à l'aide du bouton «Utiliser Fusion Builder».

Contrairement à l'interface colorée de Divi, la simple palette de couleurs noir, blanc et bleu de Fusion semble un peu clinique. On a l'impression qu'il a été conçu par un codeur plutôt que par un designer.

Du côté positif des choses, le constructeur est rapide, fonctionnel et très facile à naviguer. Sur une page vierge, vous verrez des options pour ajouter un conteneur (ligne) ou une mise en page prédéfinie.

Si vous ne faites que commencer avec le constructeur, la vidéo de visite guidée de 11 minutes s'affiche également. Bien que la plupart des utilisateurs ne trouvent pas le Fusion Builder intimidant, nous vous recommandons tout de même de regarder le didacticiel vidéo car il explique certaines choses que vous connaissez peut-être, comme le système de bibliothèque et vous montre d'autres paramètres et fonctionnalités qui pourraient vous frustrer un peu.

Et comme nous sommes gentils, nous avons trouvé la vidéo et l'avons intégrée ici pour vous.

X92mpPz1COM

interface de création de fusion

 

Une fois que vous aurez commencé à utiliser Fusion, vous commencerez à aimer travailler avec elle, car c'est si rapide et rapide - après avoir travaillé avec un tas de constructeurs de pages, mon plus grand reproche est que certains d'entre eux sont tellement lents. Bien que le Divi Builder ne puisse pas être considéré comme l'un des constructeurs lents, vous ressentirez toujours une différence entre les deux si vous les chargez côte à côte. En termes simples, travailler avec Fusion est une expérience rapide et agréable.

Comme on pouvait s'y attendre, les éléments sont facilement supprimés, déplacés, clonés et configurés.

Notez que, dans Fusion Builder, les lignes sont appelées «Conteneurs». Les éléments peuvent être déposés dans des colonnes qui sont placées à l'intérieur de conteneurs.

exemple de disposition du générateur de fusion

conteneurs de construction de fusion

Comme pour tous les éléments que vous pouvez infuser dans un site basé sur Avada, vous trouverez ci-dessous un aperçu. Comme vous pouvez le voir, il existe un vaste choix d'éléments à ajouter à votre site.

Widgets Avada

Fusion vous permet également de voir les modifications que vous avez apportées et vous permet de revenir à ces modifications. C'est quelque peu différent du bouton de restauration ou d'annulation disponible avec Divi - vous devez utiliser la chronologie des modifications pour revenir.

la fusion change l'histoire

Avada en action: le Fusion Builder

En raison de la licence, l'installation d'Avada comprend une étape supplémentaire par rapport au thème ElegantThemes: vous devrez valider votre copie de l'élément avant d'avoir accès à tous les plugins et extensions. Le thème vous donne la possibilité de l'utiliser sans une telle validation, mais vous manquerez de fonctionnalités intéressantes.

À l'instar de son concurrent, ce modèle vous permet également de créer un site Web à partir de zéro. Cependant, il vous offre également des démos de site Web intéressantes (vous en trouverez plus de 20) qui sont très flexibles, de sorte que vous pouvez toujours obtenir un site Web unique si vous optez pour cette option. Les démos incluent la page produit, la photographie, les voyages, l'architecture, le style de vie, etc. Vous pouvez modifier n'importe quel aspect du site. Si vous n'êtes pas le maître du code, ce modèle ne vous posera pas de problèmes pour cela.

Fusion Builder est un outil de glisser-déposer qui vous permet de créer un site Web à partir de zéro. Il est livré avec un grand choix de modèles prédéfinis, que vous pouvez modifier à votre guise.

 

Découvrez une démo Avada maintenant

 

Modèles pré-construits Avada

Vous pouvez ajuster chaque page avec des paramètres supplémentaires liés à l'arrière-plan, aux barres latérales, au pied de page, aux curseurs, à la barre de titre, etc. La bonne nouvelle est que ce modèle facilite la monétisation de sites Web - vous pouvez simplement utiliser le widget Annonces pour amener des bannières publicitaires sur votre site.

Où Avada gagne - Fonctionnalités manquantes dans d'autres modèles

Rappelez-vous comment avant de mentionner comment le modèle ElegantThemes vous a fourni une bibliothèque de mises en page (alias modèles de page) à appliquer à vos pages et à vos articles? C'est génial, et Avada vous offre également cette option. Cependant, le modèle vous permet également d'importer un site Web de démonstration entier en quelques minutes. C'est là que ça gagne.

Une autre force importante de ce produit est qu'il vous permet de prendre le contrôle de l'apparence d'un site Web mobile. Vous pouvez exclure des éléments spécifiques de l'affichage dans la version mobile et vous pouvez ajuster les points d'arrêt mobiles.

L'esthétique est un point fort de ce modèle. Divi vous permet également de créer de belles pages. Cependant, si nous devions choisir un gagnant dans cet aspect, la création de ThemeFusion serait celle-là.

 

Visitez la démo du modèle sur TF

 

La facilité d'utilisation: à quelle vitesse pouvez-vous créer un site Web avec ces modèles

Quand il s'agit de parler de Divi vs Avada, la facilité d'utilisation est le plus grand avantage des modèles polyvalents. Les deux modèles vous permettent de créer un site Web basé sur des mises en page ou des modèles de page. La courbe d'apprentissage pour les deux est douce. Cependant, ce ne sont pas que des "skins" et il faut s'y habituer.

C'est un logiciel sérieux dont nous parlons. Si vous souhaitez profiter pleinement des avantages de ces deux produits, vous devrez jouer.

Avada a un inconvénient car il impose une étape supplémentaire: vous devez vous inscrire et obtenir un numéro de jeton, et vous devrez le vérifier avant d'accéder aux fonctionnalités premium. Cela peut prendre du temps, mais cela ne prendra pas des heures.

Tandis que ThemeFusion dispose d'une base de connaissances étendue et de didacticiels vidéo sympas qui vous facilitent grandement la tâche. Quelle que soit la fonctionnalité que vous souhaitez utiliser, vous pouvez facilement apprendre à le faire. Les directives de Divi sont plus organisées et plus faciles à lire pour les utilisateurs occasionnels. Vous obtiendrez également des didacticiels vidéo pratiques pour chaque entrée que vous souhaitez implémenter.

Il n'y a pas de vainqueur pur dans cette bataille: la courbe d'apprentissage est à peu près égale avec ces deux éléments. Ils sont relativement faciles à utiliser pour les personnes sans compétences avancées en codage.

Témoignages d'utilisateurs

Il est important de voir ce que les vrais utilisateurs ont à dire à propos de Divi et Avada, vous baserez donc votre décision sur l'expérience des autres. Les deux sites présentent des témoignages d'utilisateurs. Voici un aperçu:

Andrew Palmer de SomebodysHero.co.uk est impressionné par ElegantThemes: «Après avoir découvert Elegant Themes il y a 4 ans et utilisé à peu près tous les modèles de mes sites clients, il est clair que mon entreprise est basée sur Elegant Themes. Il y a environ 7 mois, j'ai découvert ce thème et utilisé mon ami et client Pat Sharp comme test sur Divi. Depuis, j'y ai transféré environ 40% de mes clients et continue de battre le tambour sur le thème - sa flexibilité me permet, à moi et à mes développeurs, de créer un site en quelques jours plutôt qu'en quelques semaines et il offre tout ce qu'un client pourrait avoir besoin, prêt pour le mobile et si nous devons apporter des modifications au CSS pour changer son apparence, nous le pouvons! »

Il ya beaucoup de Avis Client sur le site de ThemeFusion, aussi. Voici ce que dit l'un des utilisateurs: «Vous avez un service client de premier ordre et un produit incroyable. Un si bon modèle avec un support inégalé. Je ne saurais trop vous remercier pour tout le soutien que vous avez offert à un newb comme moi pour ouvrir la page Web. Vous m'avez fait économiser des milliers de dollars. "

Quant aux revues indépendantes, Quora en est une belle source.

C'est ce que Sanjeev Mishra, un expert WordPress, dit à propos de Divi: «Ce thème WordPress est de loin le meilleur thème d'Elegant Themes Club et j'ai lu quelque part que le nombre de ventes avait eu lieu parce que Divi est plus que tous les autres thèmes d'Elegant Themes combinés… En l'utilisant, vous pouvez créer une belle mise en page pour votre site et ajoutez des éléments incroyablement beaux. Sans aucun doute, il y a des articles plus beaux disponibles sur le marché TF ou même certains meilleurs thèmes sont disponibles sur d'autres clubs. »

Voici ce que Karol Krol, auteur de WordPress Complete, a à dire sur Avada, par rapport à Divi: «Avada vous offre bien plus en termes de personnalisation. Il dispose d'un énorme panneau d'options où vous pouvez ajuster pratiquement tout ce qui concerne votre site Web - des choses comme la mise en page, les styles, les logos, les en-têtes, le comportement des choses, etc. Si vous voulez le plus grand nombre d'options et de mises au point disponibles, allez-y avec Avada. Si vous souhaitez concevoir avec glisser-déposer et tout voir en temps réel, optez pour Divi. »

Les looks: ce que vous pouvez réaliser avec ces thèmes

Nous avons sélectionné trois excellents sites Web créés avec chacun de ces éléments, afin que vous puissiez voir à quoi ils ressemblent dans la pratique. À partir des exemples ci-dessous, vous verrez que les deux vous permettent de créer des sites Web d'aspect professionnel avec beaucoup de flexibilité. La création de ThemeFusion peut remporter le concours de beauté, mais c'est proche.

Sites Web créés avec Divi (exemples)

ModeOrFamine.com

Le premier site est un site élégant sur la mode - voyez à quoi ressemble un excellent exemple du modèle en action.

Exemple de site Web de mode

FindabilitySciences.com

Il s'agit davantage d'un site Web d'entreprise - et vous pouvez voir que le site déborde de professionnalisme.

Exemple de site d'entreprise

HowToBeast.com

Et maintenant, pour un exemple complètement différent d'un site utilisant ce modèle, qui parvient toujours à briller. On ne peut pas dire que ce n'est pas flexible.

Exemple de site Web de bête

Maintenant que nous avons vu certains sites créés avec le produit d'ElegantTheme, voyons comment les sites créés à l'aide du modèle de ThemeFusion se comparent.

Sites créés avec Avada - Exemples

Liberty-Trails.com

En utilisant des photographies époustouflantes, le modèle prend ce site à de grandes hauteurs.

Exemple de thème Avada - Site Web de Liberty Trails

Maui.Hawaii.edu

Simple, mais professionnel, exactement ce dont un site Web universitaire aurait besoin et ce que le modèle a donné à ce site.

Exemples Avada - Site Web de l'Université de l'Éducation

YellowMarineConsultancy.com

Un peu plus verbeux, le modèle Themefusion crée toujours un excellent résultat

15 Exemple Avada Yellow Marine Consultancy

Le prix - Avada vs Divi

Une licence standard pour Avada coûte 60 USD (78 USD si vous souhaitez une assistance étendue à 12 mois). Divi propose deux options de tarification: 89 $ par an pour les développeurs et 249 $ pour l'accès à vie. La question est: lequel offre le plus de valeur pour votre argent?

Une licence annuelle ElegantThemes vous coûtera 69 $ par an. Avec cela, vous pouvez l'utiliser sur un nombre illimité de sites et vous avez accès à tous les produits d'ElegantThemes, y compris le plugin Divi Builder, qui vous permet de profiter de thèmes tiers.

La licence régulière pour le modèle de ThemeFusion coûte 60 $, et c'est une redevance unique. Vous pouvez l'utiliser sur un seul site. Avec ce package, vous bénéficiez de 6 mois d'assistance et de mises à jour à vie.

Une licence étendue pour le modèle est livrée avec des frais uniques de 2950 $. Il vous offre 6 mois de support et des mises à jour à vie.

Il n'y a pas de gagnant clair en ce qui concerne le prix. Les forfaits sont différents, vous choisirez donc la meilleure valeur pour vos besoins. Si vous avez besoin d'un thème pour un seul site et que vous souhaitez des mises à jour à vie, Avada serait la meilleure option. Si vous souhaitez utiliser votre achat sur plusieurs sites, optez pour Divi.

Revue du thème Avada

Bien que nous ayons mis en évidence de nombreux aspects de ce thème dans cet article, nous nous sommes également assurés d'écrire un document complet, impartial et détaillé revue d'Avada ici. Vraiment et vraiment, si vous écrivez une comparaison entre deux éléments populaires, vous devez vous concentrer sur les comparaisons et les différences plutôt que sur les faits saillants du thème spécifique. 

C'est pourquoi nous avons opté pour la rédaction d'une critique spécifique pour l'article le plus vendu de ThemeFusion.

Dans cet article, nous nous concentrons spécifiquement sur les points forts et les problèmes liés à l'utilisation de ce thème. Vous découvrirez son propre générateur de page et toutes les autres fonctionnalités et avantages qui font de ce thème un tel succès.

Revue du thème Divi

Cette comparaison avec ces deux géants de l'industrie WordPress ne serait pas complète si nous ne mentionnions pas que nous avons également rédigé une critique très détaillée de Divi - après l'avoir utilisé pour plusieurs de nos projets. À vrai dire, comme nous l'avons également dit dans cet article, vous n'allez probablement pas être renvoyé pour avoir choisi l'un de ces modèles à utiliser sur votre site Web.

Dans l'article complet et la critique, nous plongons profondément dans les fonctionnalités du modèle le plus populaire d'ElegantTheme et voyons quels sont les avantages de celui-ci, et ce qui pourrait faire avec certaines améliorations.

Nous ne tournons pas autour du pot, nous appelons un chat un chat, mais c'est pourquoi vous faites confiance, n'est-ce pas? Parce que nous écrivons la véritable expérience que nous avons eue en tant qu'utilisateur réel de ces deux thèmes.

Bottom Line: Quel thème devriez-vous choisir?

En termes d'esthétique, les deux modèles sont assez sophistiqués. En ce qui concerne la convivialité, il n'y a pas de gagnant clair. Quant au prix, vous choisissez ce qui vous donne le plus de valeur, en fonction de vos besoins. Donc, quand il s'agit de comparer Divi vs Avada, nous sommes vraiment au bout du fil.

Alors, quel est le meilleur thème WordPress polyvalent: Avada ou Divi? La réponse la plus claire que nous puissions vous donner est: cela dépend.

Si vous souhaitez créer plusieurs sites et que vous souhaitez voir les modifications que vous apportez en temps réel et avoir la possibilité de personnaliser l'en-tête, le pied de page et la disposition du corps, optez pour Divi. Si vous ne vous souciez pas de l'édition frontale, vous souhaitez obtenir plus d'options de personnalisation et vous n'avez besoin que d'un thème pour un seul site, alors Avada est la meilleure option pour vous.

Lequel allez-vous choisir?  

 

Obtenez 10% de réduction jusqu'au Juin 2021 Seulement

 

Achetez Avada maintenant

A propos de l'auteur
David Attard
Auteur: David AttardSite Web : https://www.linkedin.com/in/dattard/
David travaille dans ou autour de l'industrie en ligne / numérique depuis 18 ans. Il possède une vaste expérience dans les industries du logiciel et de la conception Web utilisant WordPress, Joomla et les niches qui les entourent. En tant que consultant numérique, son objectif est d'aider les entreprises à obtenir un avantage concurrentiel en utilisant une combinaison de leur site Web et des plates-formes numériques disponibles aujourd'hui.

Encore une chose ... Saviez-vous que les personnes qui partagent des informations utiles comme cet article ont l'air géniales aussi? ;-)
Si vous voulez, vous pouvez laisser un incontournable commentez vos pensées, puis partagez-les sur votre ou vos groupes Facebook qui trouveraient cela utile et récoltons ensemble les avantages. Merci d'avoir partagé et d'être gentil!

Divulgation: Cette page peut contenir des liens vers des sites externes pour des produits que nous aimons et que nous recommandons sans réserve. Si vous achetez des produits que nous suggérons, nous pouvons percevoir des frais de parrainage. Ces frais n'influencent pas nos recommandations et nous n'acceptons pas les paiements pour les avis positifs.

Auteur (s) présenté sur:  Logo du magazine Inc   Logo Sitepoint   Logo CSS Tricks    logo webdesignerdepot   Logo WPMU DEV   et beaucoup plus ...