Astra vs Divi: le nouveau vs l'ancien, quel est le meilleur? (2021)

astra contre divi

Astra et Divi sont deux des thèmes WordPress les plus populaires et les plus utilisés aujourd'hui. Selon BuiltWith, Astra est utilisé par 1.2 million de sites Web tandis que Divi est utilisé par 1.9 million. Ce sont essentiellement les 2 meilleurs thèmes WordPress actifs, du moins au moment de la rédaction de cet article, dans le monde! Il n'est pas étonnant que les gens comparent souvent Divi à Astra.

Les deux sont dotés de fonctionnalités qui permettent à quiconque de créer facilement des sites Web magnifiques et d'aspect professionnel. Cependant, leur approche de cette question est très différente les unes des autres.

C'est pourquoi, dans cet article, nous allons comparer et mettre en évidence les caractéristiques les plus importantes d'Astra et de Divi et discuter de la manière dont elles diffèrent dans leur approche des chantiers. Cela vous aidera à mieux comprendre chaque thème pour vous aider à prendre une décision éclairée sur celui à utiliser pour vos projets.

Commençons!

Récapitulatif

Avant d'entrer dans la comparaison plus approfondie, voici un bref résumé.

 


Astra


logo divi

Prix

À partir de 59 USD par an

89 $ par année

Public cible

Utilisateurs finaux, développeurs, designers, agences

Utilisateurs finaux, développeurs, designers, agences

Version gratuite?

Oui, très bon thème gratuit avec une bonne quantité d'options de personnalisation disponibles

Aucun

Sites de démarrage?

Oui, grand catalogue (152 démos uniques)

Oui, très grand catalogue (205 packs de mise en page)

Modulaire?

Oui

Quelque peu

Performance

⭐⭐⭐⭐⭐

⭐⭐⭐⭐

Personnalisation

⭐⭐⭐⭐⭐

⭐⭐⭐⭐⭐

Compatibilité de Page Builder

Compatible avec les principaux constructeurs de pages ; Élémentor et Beaver Builder peuvent être étendus à l'aide de leurs plugins "Ultimate Addons"

Possède son propre générateur de page intégré, mais il peut être désactivé afin que vous puissiez utiliser un autre générateur de page de votre choix, la compatibilité et la prise en charge d'autres constructeurs de pages ne sont pas garanties

Assistance WooCommerce

Great

Bon

Intégration tierce

Excellent

Bon

Assistance

Bon

Great

Documentation

Excellent

Excellent

Ce que nous aimons

Intégration étroite avec Elementor, Beaver Builderet WooCommerce


✅ Léger et rapide


✅ Des tonnes d'options de personnalisation


✅ Des tonnes de sites de démonstration


✅ Excellent support tiers

✅ Générateur de pages / thèmes natifs


✅ Tarification simple et simple


✅ Collection massive de packs de mise en page et il existe également de nombreuses sources tierces


✅ Des tonnes de paramètres de thème

✅La nouvelle mise à jour de la vitesse est transformationnelle

Ce que nous n'avons pas aimé

❌ Leur équipe de soutien peut parfois être lente, surtout le week-end


❌ Plus cher, surtout si vous voulez plus de sites de démonstration et une meilleure intégration du constructeur de pages

❌ Ne fonctionne pas vraiment bien avec les constructeurs de pages tiers


 

Général

⭐⭐⭐⭐⭐

⭐⭐⭐⭐⭐

Gagnant

 

Meilleure valeur pour plusieurs sites

Site Entreprise

Découvrez Astra ici Bénéficiez de 10% de réduction sur Divi Jusqu'au Décembre 2021 Seulement 


Sans aucun doute, Astra et Divi sont les deux thèmes que vous pouvez choisir arbitrairement et que vous ne pouvez jamais vous tromper.

Astra se concentre sur vous donner la plupart de vos options de personnalisation via le personnalisateur. Avec Astra Pro, un grand nombre d'options sont débloquées. Il existe une option pour modifier presque tout ce que vous pouvez voir, des boutons aux vignettes, et, récemment, même les en-têtes et les pieds de page directement dans le personnalisateur.

Il peut être étendu ou complété avec presque n'importe quel tiers populaire constructeur de page, mais un support spécial pour Elementor et Beaver Builder existe, et à un lesser degré, pour Brizy aussi.

Il s'appuie principalement sur des plugins (tiers et internes) pour obtenir des résultats similaires à Divi.

Si vous comparez un site de démarrage d'Astra à celui de Divi, Astra devra installer divers plugins (et personnaliser divers paramètres) pour le construire, Divi en revanche n'a vraiment besoin que des fichiers de modèle (en .json format) la plupart du temps et il construira le site de démarrage complètement pour vous - aucun plug-in n'est nécessaire.

Enfin, il est plus léger et offre de meilleures performances hors de la boîte par rapport à Divi.

Divi se concentre sur vous donner la plupart de votre personnalisation via son générateur de page / thème natif. Il se présente sous la forme d'un package tout-en-un, contenant tous les outils dont vous avez besoin pour concevoir et créer votre site Web. Cela minimise le besoin de plugins.

Il est fourni avec un créateur de site Web à part entière, le Divi Builder, qui est cuit directement dans son cœur. Il n'y a pas de plugin séparé requis pour l'installation.

Il est également livré avec un formulaire de contact entièrement fonctionnel, des outils de référencement de base et des dizaines de modules WooCommerce, encore une fois, sans avoir besoin d'installer un plugin ou d'activer un module séparé.

Tous ces éléments deviennent disponibles juste après l'installation du thème. Aucun paramètre à configurer ou option à activer du tout.

Malheureusement, il n'y a aucun moyen de désactiver certaines de ces fonctionnalités. Cela signifie qu'ils seront toujours actifs même si vous ne prévoyez pas du tout de les utiliser. Cela peut être un problème en termes de performances.

C'est le résumé de comparaison rapide des deux thèmes. Maintenant, comparons-les plus en détail.

Performance

Divi a récemment publié une énorme mise à niveau des performances et toutes les vitesses incluses dans cette section seront désormais obsolètes.

Divi a réduit le CSS de 94%, y compris le CSS intelligent qui ne charge que ce qui est nécessaire. Tous les CSS bloquant le rendu ont été éliminés pour accélérer encore les temps de chargement.

Divi a également ajouté la mise en cache pour les polices Google, le chargement paresseux pour la feuille de style du bloc Gutenberg, le report jQuery (dommage qu'il l'utilise toujours), le PHP dynamique pour simplement charger les requêtes pour cette page et les styles intelligents pour réduire les CSS en double sur chaque page.

Le nouveau Divi marque désormais 100 sur Google PageSpeed ​​Desktop et 99 sur Google PageSpeed ​​Mobile. C'est en utilisant un hébergeur standard et avant d'utiliser des plugins de mise en cache !

Dans cette section, nous allons voir la vitesse et les performances d'Astra et de Divi.

Voici comment Divi fonctionnait :

Pour ce test, nous avons utilisé WebPageTest. Nous avons utilisé FIOS pour la connexion et avons effectué 9 essais chacun, puis avons pris les résultats médians.

Test un: installation propre

Pour notre premier test, nous avons installé Astra et Divi sur une nouvelle installation WordPress. Astra a le plugin Astra Pro activé avec tous les modules disponibles activés.

Récapitulatif médian entièrement chargé:

 

Temps de chargement

Demandes

Taille de la page

Astra

1.010s

12

89 KB

Divi

1.738s

17

424 KB


Voici une capture d'écran plus détaillée du résultat du test pour Astra:

astra propre

Et voici pour Divi:

divi propre

Hors de la boîte, Astra est nettement plus léger que Divi et il se charge également plus rapidement. C'est naturel puisque Divi a un constructeur de page intégré qui ajoute un poids significatif.

Pour ce test, Astra est le gagnant.

Test deux: installation de démonstration

Pour le deuxième test, nous avons installé un site de démarrage sur le thème du marketing pour les deux.

Astra a tous les plugins tiers nécessaires requis par son site de démarrage avec Astra Pro et tous ses modules disponibles activés.

Divi n'a pas vraiment besoin de plugins tiers, nous avons donc simplement importé un pack de mise en page, puis créé manuellement toutes les pages pour chaque élément de modèle.

Récapitulatif médian entièrement chargé:

 

Temps de chargement

Demandes

Taille de la page

Astra

2.139s

53

611 KB

Divi

2.553s

27

1700 KB


Voici une capture d'écran plus détaillée du résultat du test pour Astra:

astra plein

Et voici pour Divi:

divi plein

Maintenant, c'est intéressant.

Le temps de chargement d'Astra a doublé, sa taille a été multipliée par six et le nombre de demandes a également considérablement augmenté. Cela est dû au fait qu'il a installé plusieurs plugins supplémentaires pour créer une réplique du site de démarrage que nous avons importé.

Divi, en revanche, a vu sa taille augmenter quatre fois, mais le nombre de requêtes n'a pas beaucoup augmenté. Jamais leless, il a tout de même perdu contre Astra en temps de chargement total, bien que cette fois, les résultats soient plus proches.

Verdict de performance

Astra fonctionne mieux que Divi hors de la boîte, mais lorsque les démos sont installées, l'écart entre les deux s'est rétréci. Cependant, Astra a toujours battu Divi en temps de chargement malgré des pertes dans d'autres départements.

Astra gagne en termes de performances. Ses développeurs ont déployé des efforts considérables pour garantir que le thème de base et son plugin atteignent les meilleures performances possibles.

N'oubliez pas que Divi et Astra ont toutes deux été considérablement mises à jour depuis que ces tests de vitesse ont été effectués. Nous vous recommandons de vérifier les performances individuelles de votre hébergeur pour faire une distinction précise entre les deux.

Options du thème

 Dans cette section, nous allons comparer les interfaces de configuration des paramètres des deux thèmes. Nous parlons de la page «options» où vous pouvez configurer les fonctionnalités et les paramètres. Plongeons-nous!

Options Astra

Vous pouvez accéder aux options d'Astra en allant dans Apparence> Options Astra. La page vous permet de gérer des modules qui sont essentiellement les fonctionnalités de thème que vous pouvez activer ou désactiver.

Vous trouverez également ici des raccourcis vers divers paramètres de personnalisation.

options astra

Il n'y a pas grand chose à configurer ici. Certains modules, mais pas tous, ont leur propre page de paramètres, à laquelle vous pouvez également accéder ici. Il existe également des liens vers diverses pages externes liées à Astra et un raccourci pour installer et activer le plugin Starter Templates qui vous permet d'importer des sites de démarrage.

Voici les modules disponibles que vous pouvez activer ou désactiver si vous avez Astra Pro:

  • Couleurs et arrière-plan ajoute plus d'options de couleur dans le personnalisateur
  • Typographie étend les options de typographie dans le personnalisateur
  • espacement ajoute plus de contrôles d'espacement (tels que la marge, le remplissage, etc.) à plus d'éléments dans le personnalisateur
  • Blogue Pro ajoute la possibilité de styliser les pages de blog et d'archive de blog
  • Menu de navigation ajoute la possibilité de créer des méga menus
  • En-tête collant
  • En-têtes de page vous permet de créer des en-têtes de page personnalisés
  • Layouts personnalisés vous permet de créer un en-tête personnalisé, un pied de page, 404 pages, un contenu personnalisé, un code personnalisé, etc.
  • Mises en page du site ajoute un meilleur contrôle sur la mise en page de votre site
  • Remonter en haut vous permet d'ajouter et de personnaliser un bouton "Faire défiler vers le haut"
  • WooCommerce ajoute des fonctionnalités étendues pour personnaliser votre boutique WooCommerce
  • Téléchargements facile numériques ajoute plus d'options de style à votre magasin EDD
  • LearnDash ajoute plus d'options de style à LearnDash
  • LifterLMS ajoute plus d'options de style à LifterLMS
  • White Label ajoute une marque de marque blanche au thème, supprimant essentiellement toutes les instances d'Astra et de BrainstormForce afin qu'il semble que vous soyez celui qui a développé le thème

Une fonctionnalité intéressante que beaucoup ont peut-être manquée est Génération de fichiers CSS option. Cela permet d'ajouter tous les CSS dynamiques générés par le thème en tant que fichier séparé au lieu d'être en ligne. Ceci n'est disponible que sur Astra Pro.

génération de fichier css

Il ne se passe pas grand-chose d'autre ici, mais ce n'est pas une mauvaise chose. Cela le rend plus facile à utiliser par rapport à celui de Divi, que nous aborderons ensuite.

Découvrez l'ensemble des fonctionnalités d'Astra ici

Options Divi

Les options de Divi sont accessibles via le menu de la barre latérale d'administration Divi.

options divi

Contrairement à Astra, les options de thème de Divi peuvent sembler accablantes au début en raison du grand nombre d'éléments que vous pouvez configurer.

Par exemple, il existe des options liées au référencement, qui, bien que basiques, devraient être plus que suffisantes pour couvrir les besoins de base de votre site en matière de référencement, vous permettant ainsi de ne plus avoir à installer un plugin séparé.

Nous ne couvrirons pas toutes les options disponibles ici, mais nous allons vous donner une idée de ce que vous pouvez configurer:

  • Logo
  • Palette de couleurs
  • Mise en page, métadonnées de publication, commentaires, etc.
  • Google Maps et clés API
  • Google Fonts
  • Icônes de médias sociaux et URL
  • Nombre d'affichage des produits Post et WooCommerce
  • Bouton "Vers le haut"
  • Menu de navigation, menu déroulant; la possibilité d'exclure ou d'inclure un certain menu sur certaines pages, catégories, etc.
  • Possibilité d'activer ou de désactiver le générateur de page Divi sur certains types de publication
  • Des publicités au bas de vos articles et des pages sous le contenu de l'article unique
  • Paramètres de référencement, méta-titre personnalisé, méta-description personnalisée, séparateurs, etc.
  • Insérez, gérez et configurez du code personnalisé sur diverses zones de votre thème (en-tête, corps de l'article, pied de page, etc.)
  • Options spécifiques de Divi Theme Builder
  • L'éditeur de rôle vous permet de configurer les paramètres qui seront visibles pour quels rôles d'utilisateur
  • Votre bibliothèque ou collection de mises en page Divi
  • La page « Centre d'assistance » qui fournit un rapport d'état sur votre site et affiche des liens vers diverses pages externes liées à Elegant Themes et Divi

Découvrez l'ensemble des fonctionnalités de Divi ici

Verdict des options du thème

Divi a beaucoup plus d'options de thème à configurer par rapport à Astra, et c'est normal car il s'agit plus d'un package complet, comprenant non seulement un thème, mais également un générateur de thème à part entière ainsi que d'autres mini-fonctionnalités telles que les zones publicitaires. et contrôle SEO. Bien qu'Astra ne se rapproche pas des options de thème, il compense le nombre d'options de personnalisation dont il dispose, que nous aborderons ensuite.

Options de personnalisation

Nous avons vu comment Divi a devancé Astra dans le nombre d'options de thème disponibles, mais le contraire est vrai en ce qui concerne les options de personnalisation, en particulier si vous avez activé les modules Astra Pro.

Personnalisateur Astra

Le personnalisateur d'Astra est l'un des plus étendus du marché, surtout si vous avez Astra Pro. Même la version gratuite est livrée avec des tonnes d'options, ce qui en fait l'un des meilleurs thèmes WordPress gratuits du marché, sinon le meilleur.

Avec Astra Pro, le personnalisateur se transforme en une centrale électrique, vous offrant la possibilité de personnaliser presque tous les coins et recoins de votre thème sans écrire une seule ligne de code.

Nous ne couvrirons pas le personnalisateur en profondeur ici, car un guide entier pourrait être écrit juste pour cela.

personnalisateur astra woocommerce

Une caractéristique majeure à ne pas négliger est les options de personnalisation de WooCommerce. Avec Astra Pro, vous avez un contrôle immense sur l'apparence et la convivialité de votre boutique WooCommerce.

Vous pouvez configurer les couleurs et la police du titre du produit, l'aspect et la convivialité du bouton «Ajouter au panier», le rayon de bordure de la vignette, etc. Vous pouvez passer des heures dans le personnalisateur à peaufiner chaque petite chose à votre guise.

Avec un si grand nombre d'options, vous penseriez qu'il serait facile de les importer et de les exporter afin de pouvoir créer une sorte de point de départ que vous pouvez utiliser pour vos projets. Mais le contraire est vrai.

Astra n'a pas de fonction d'importation et d'exportation intégrée pour ses paramètres de personnalisation. Heureusement, cependant, vous pouvez installer un plugin gratuit qui vous permet d'ajouter cette fonctionnalité, mais c'est un peu inférieur à celui de Divi.

import export personnalisateur astra

L'option est située à un endroit qui n'a pas de sens: dans la page des paramètres Astra Options. Ce serait plus intuitif si c'était juste sur la page de personnalisation, tout comme celle de Divi.

Importations et exportations

Depuis la version 3.0, Astra a mis au point une nouvelle fonctionnalité: le générateur d'en-tête et de pied de page. Ceci est accessible directement dans le personnalisateur.

générateur de pied de page d'en-tête

C'est une combinaison de générateur d'en-tête et de pied de page par glisser-déposer et de personnalisation qui vous permet de concevoir un en-tête et un pied de page personnalisés. Actuellement, il n'y a aucune option pour l'utiliser pour créer un en-tête qui n'apparaîtra que sur certaines pages ou zones de votre site.

Personnalisateur Divi

Le personnalisateur de Divi fait défaut par rapport à Astra Pro. En fait, cela pourrait même être à égalité ou peut-être même pire que la version gratuite d'Astra.

personnalisateur de divi

Toutes les options de base telles que le style de police, l'espacement et les couleurs sont présentes, mais il manque les fonctionnalités plus avancées que vous pouvez trouver dans Astra, telles que plus de marge, de remplissage et de commandes de couleur avancées.

En ce qui concerne la personnalisation de WooCommerce, Divi est époustouflé par Astra. Il n'y a pas du tout une seule option personnalisée.

Si vous faites penser à Divi que ce serait une excellente alternative à Astra en termes d'options de personnalisation, vous prenez probablement la mauvaise décision.

Cela étant dit, Divi n'était pas vraiment destiné à être conçu à l'aide du personnalisateur WordPress en temps réel. Son attrait réside dans le générateur de thème natif dont il dispose.

Nous aimerions mentionner la fonction d'importation et d'exportation des personnalisateurs de Divi. C'est comme ça que ça aurait dû être à Astra.

personnalisateur d'exportation d'importation de divi

C'est juste dans le personnalisateur, ce qui le rend facilement accessible.

Verdict des options de personnalisation

Astra fait sortir Divi de l'eau en ce qui concerne les options de personnalisation disponibles.

Si vous recherchez un thème qui utilise fortement le personnalisateur pour concevoir votre site Web, Astra est probablement le meilleur choix.

Cependant, le manque d'options de personnalisation de Divi ne signifie pas qu'il a déjà perdu contre Astra. Sa force réside dans son générateur de thème intégré.

Compatibilité de Page Builder

Les constructeurs de pages facilitent la conception de sites Web d'aspect professionnel sans écrire une seule ligne de code. En tant que tels, ils ont rapidement gagné en popularité et ils ont également progressé très rapidement, offrant des fonctionnalités avancées qui permettent des conceptions plus complexes.

En conséquence, les thèmes, à la fois gratuits et payants, ont commencé à les prendre en charge. Presque tous les thèmes sur le marché aujourd'hui incluent un certain niveau de support pour les constructeurs de pages comme Elementor, Beaver Builder, WPBakery et autres.

Dans cette section, nous allons jeter un œil à la compatibilité du constructeur de pages d'Astra et de Divi.

Compatibilité Astra Page Builder

Astra est étroitement intégré à Elementor, Beaver Builder, et Brizy avec une intégration particulière avec les deux premiers.

Les forfaits Mini-Agency Bundle d'Astra vous permettent de choisir entre Ultimate Addons pour Elementor ou Ultimate Addons pour Beaver Builder (ou les deux si vous obtenez le pack Agence). Ces modules complémentaires ajoutent des tonnes de widgets ou de modules qui les étendent davantage.

Paramètres au niveau de la page

Les paramètres au niveau de la page jouent un rôle important pour garantir qu'un créateur de page puisse facilement faire son travail.

Par exemple, vous devez pouvoir définir les mises en page, les barres latérales et la visibilité des éléments directement dans les paramètres de la page et non via le générateur de page pour éviter d'éventuels conflits. Astra est livré avec de nombreuses options de personnalisation au niveau de la page.

paramètres au niveau de la page astra

Vous pouvez contrôler le nombre de barres latérales, la mise en page du contenu à utiliser, les sections affichées, etc.

Cela vous permet d'utiliser le créateur de page de votre choix avec peu ou pas d'obstacles.

Par exemple, si vous souhaitez créer une page de destination à l'aide d'un générateur de page, vous pouvez désactiver la plupart des sections et utiliser une mise en page de contenu pleine largeur.

D'un autre côté, si vous souhaitez personnaliser votre page de blog à l'aide d'un générateur de page, il est facile d'activer les sections et les éléments utiles pour une page de blog.

Astra vous donne beaucoup de liberté en matière de création de pages. Brainstorm Force, les développeurs, ont fait de grands efforts pour s'assurer qu'Astra soit compatible avec autant de constructeurs de pages que possible.

Compatibilité de Divi's Page Builder

Le principal argument de vente de Divi est son propre constructeur de pages, donc lorsque vous utilisez ce thème, il est prévu que vous utilisiez le générateur de thème Divi intégré.

.Divi Theme Builder est l'un des meilleurs constructeurs de pages/constructeurs de thèmes sur le marché aujourd'hui, rivalisant avec Elementor et Beaver Builder.

Autant dire que vous n'aurez pas besoin de rechercher un constructeur de page tiers si vous utilisez Divi car il s'agit techniquement d'un constructeur de page lui-même.

Mais, si pour une raison quelconque, vous décidiez d'utiliser le thème Divi avec un constructeur de pages tiers, vous seriez heureux d'apprendre qu'il est toujours tout à fait compatible avec les plus populaires.

Paramètres au niveau de la page

Divi n'a pratiquement aucun paramètre personnalisé au niveau de la page. Tout est contrôlé via Divi builder au lieu.

paramètres au niveau de la page divi

Cela rend un peu difficile le jumelage avec d'autres constructeurs de pages, en particulier le lesseuh-connus. Mais si vous utilisez quelque chose comme Elementor, qui vous permet de configurer la page directement à l'intérieur, alors tout ira bien.

En fin de compte, vous voudrez toujours utiliser le générateur de thème Divi intégré pour la coutureless intégration et compatibilité.

Verdict de compatibilité de Page Builder

Astra est conçu pour fonctionner correctement sur de nombreux constructeurs de pages. Il est conçu pour être un thème flexible qui peut être utilisé avec n'importe quel constructeur de page.

Divi, d'autre part, fonctionne bien avec les principaux constructeurs de pages, mais il est clair qu'il ne se soucie que de la compatibilité avec son propre constructeur de pages natif.

Qui gagne? C'est difficile à dire. Astra peut être utilisé avec presque tous les constructeurs de pages, tandis que Divi ne semble pas du tout préconiser l'utilisation de constructeurs de pages tiers, car, techniquement, Divi est un constructeur de pages.

En fait, lorsque vous achetez Divi, vous obtenez également une version du plugin (uniquement le constructeur lui-même) et vous pouvez l'utiliser avec Astra si vous le souhaitez.

Donc, si vous envisagez d'utiliser différents constructeurs de pages, Astra est probablement celui que vous voudrez. Mais si tu veux de la coutureless et compatibilité garantie, alors Divi est la voie à suivre.

En parlant de constructeurs de pages, beaucoup d'entre eux sont de nos jours dotés d'une capacité de création de thèmes complète, vous permettant de concevoir de merveilleux en-têtes et pieds de page, donc dans la section suivante, nous allons comparer les capacités de création de thèmes d'Astra et de Divi.

Construction de thème

Un générateur de thème WordPress vous permet de créer votre site Web en utilisant le glisser-déposer. Ceci est similaire à un constructeur de page, vous ne l'utilisez que pour créer l'intégralité de votre site Web au lieu d'une seule page ou d'un article de blog.

Dans cette section, nous allons comparer les capacités de création de thèmes d'Astra et de Divi.

Fonction de construction de thème Astra

Thèmes Astra utilisé pour s'appuyer sur les constructeurs de pages pour créer des thèmes, mais dans la version 3.0, ils ont ajouté un constructeur d'en-tête et de pied de page natif accessible via le personnalisateur.

constructeur de pied de page d'en-tête Astra

Le constructeur de pied de page d'en-tête d'Astra est assez puissant, mais comparé à celui de Divi, il ne se rapproche toujours pas. Il manque certaines des fonctionnalités les plus avancées de Divi. En plus de cela, il ne s'agit pas entièrement de glisser-déposer. Vous allez utiliser le personnalisateur pour la majorité d'une session d'édition.

Fonction de création de thème Divi

La construction à thème est le pain et le beurre de Divi. C'est la principale raison pour laquelle vous le choisiriez plutôt qu'Astra.

Il est livré avec des outils et des fonctionnalités puissants qui vous permettent de concevoir complètement chaque élément et chaque page de votre site Web.

Aller à Divi > Thème Builder vous permet d'afficher et de gérer vos fichiers de modèle de thème.

générateur de thème divi

Vous utiliserez la page intégrée pour concevoir des modèles d'en-tête, de pied de page et de corps. Ensuite, vous pouvez appliquer ces modèles globalement ou à des articles, pages, types d'articles personnalisés ou à un article de blog appartenant à une catégorie spécifique.

Vous n'avez pas besoin de partir de zéro. Lors de la création d'un nouveau modèle, vous avez également la possibilité d'importer des mises en page prédéfinies depuis la bibliothèque de Divi. Cela vous permet de relancer vos projets.

Verdict de construction de thème

Dans l'ensemble, la fonction de création de thème de Divi l'emporte sur Astra pour de nombreuses raisons. L'un est que Divi utilise son propre constructeur de pages natif pour concevoir les en-têtes et les pieds de page et deux, il a juste beaucoup plus d'options avec lesquelles jouer, ce qui facilite la création d'en-têtes et de pieds de page plus complexes.

De plus, Divi dispose d'un outil de création de thèmes plus flexible. Vous pouvez concevoir des modèles que vous pouvez importer vers d'autres sites Web. Ceux-ci peuvent être utilisés comme modèles de démarrage qui peuvent aider vos nouveaux projets à démarrer rapidement.

En parlant de modèles de démarrage, jetons un coup d'œil aux sites de démarrage des deux thèmes dans la section suivante.

Sites de démarrage

Astra et Divi disposent d'un large catalogue de sites de démarrage.

Sites de démarrage Astra: modèles de démarrage

Pour accéder aux sites de démarrage d'Astra, vous devrez installer le plugin Starter Templates. Sans cela, vous ne pourrez pas du tout importer de sites de démarrage. Ils appellent leurs sites de démarrage des «modèles de démarrage».

Au moment d'écrire ces lignes, Astra propose un total de 150 modèles de démarrage uniques. Le nombre de choix dont vous disposez dépend du constructeur de pages que vous utilisez et du type de licence que vous possédez.

Si vous utilisez Astra Free ou Astra Pro, vous avez accès à jusqu'à 69 modèles de démarrage uniques.

  • 69 construit avec Elementor
  • 38 construit avec Beaver Builder
  • 54 construit avec Gutenberg
  • 17 construit avec Brizy

Si vous utilisez Mini Agency Bundle et plus, vous obtenez un supplément:

  • 81 autres construits avec Elementor pour un total de 150
  • 66 autres construits avec Beaver Builder pour un total de 104
  • 23 autres construits avec Brizy pour un total de 40

Au moment d'écrire ces lignes, il n'y a pas de modèles premium pour Gutenberg.

Lors de l'importation d'un modèle de démarrage, vous avez la possibilité d'importer le site complet ou de sélectionner uniquement des pages individuelles. Par exemple, vous ne pouvez importer le modèle «À propos de nous» d'un modèle de démarrage que si vous le souhaitez.

importer des modèles de démarrage

Il est également important de mentionner qu'en fonction du modèle que vous choisissez, des plugins supplémentaires requis par le modèle de démarrage seront installés. Il ne semble pas y avoir de moyen de choisir les plugins que vous souhaitez installer ou non.

Cliquez ici pour voir tous les sites Astra Starter

Sites de départ Divi: packs de mise en page

Divi appelle leurs sites de démarrage « Layout Packs ». Au moment d'écrire ces lignes, Divi propose 205 packs de mise en page. Vous pouvez consulter Exemples Divi pour voir comment ceux-ci peuvent fonctionner lorsqu'ils sont mis en œuvre sur des sites en direct.

Un pack de mise en page est essentiellement une collection de plusieurs mises en page regroupées. Une mise en page est un modèle d'une seule page. Actuellement, vous avez le choix entre 1509 mises en page.

mise en page divi

Tous ces packs de mise en page sont construits avec Divi Builder. Il n'y a pas d'autres packs de mise en page ou sites de démarrage qui ont été construits avec d'autres constructeurs de pages.

Un inconvénient du pack de mise en page de Divi est qu'il ne créera pas automatiquement les pages pour vous. Vous devrez créer manuellement chaque page selon vos besoins, puis importer la mise en page de cette page.

Par exemple, vous devrez créer une page à propos, la modifier avec Divi Builder, chargez la mise en page de la page à propos, puis passez à la suivante.

Cela peut sembler fastidieux, mais cela vous donne un meilleur contrôle sur les pages à créer au lieu d'avoir à importer instantanément un site de démarrage entier, puis à supprimer les pages inutilisées, les fichiers et autres données dont vous n'avez pas besoin.

Cliquez ici pour voir tous les packs de mise en page de Divi

Verdict des sites de démarrage

Divi est livré avec beaucoup plus de sites de démarrage qu'Astra, cependant, l'inconvénient est que tous ont été construits en utilisant Divi Builder.

Les sites de démarrage d'Astra sont peut-être moins nombreux, mais vous avez la possibilité de choisir un modèle construit avec votre constructeur de pages préféré, vous donnant la liberté de choisir celui que vous souhaitez utiliser.

Les deux thèmes ont fait un excellent travail en fournissant aux utilisateurs un point de départ pour relancer leurs projets. C'est une cravate!

Prix

L'un des principaux facteurs du choix d'un thème premium est le prix. Heureusement, vous ne pouvez jamais vous tromper avec Astra ou Divi. Nous sommes convaincus que quoi que vous choisissiez, votre argent sera bien dépensé!

Jamais leless, nous savons qu'ils ont des modèles de tarification très différents. Ces modèles de tarification sont si différents des autres que si votre budget est serré, vous aurez certainement des doutes avant de choisir l'un plutôt que l'autre.

Dans cette section, nous allons couvrir les prix des deux thèmes. Il est important de noter que les deux thèmes peut être utilisé sur sites illimités peu importe le niveau de prix ou le type que vous choisissez.

Tarifs Astra

Astra est disponible en trois niveaux de prix (quatre si vous comptez la version gratuite).

 

Annuel

Durée de vie

Astra Pro

$59

$249

Pack Mini Agence

$169

$499

Bundle Agence

$249

$699


tarification astra

  • Astra Pro déverrouille tous les modules pro. Les sites de démarrage Premium ne sont pas disponibles dans ce niveau.
  • Pack Mini Agence déverrouille les sites de démarrage premium en plus des modules pro. Il comprend également un choix d'un module complémentaire de création de page (c'est-à-dire Ultimate Addon pour Elementor ou Beaver Builder) ainsi que leur plugin WP Portfolio.
  • Bundle Agence est livré avec les deux Ultimate Addons pour Elementor et Beaver Builder ainsi que des plug-ins supplémentaires appelés Convert Pro et Schema Pro, l'accès à Skilljet Academy et tout autre plug-in futur qu'ils pourraient publier.

Ils offrent une garantie de remboursement de 14 jours sans poser de questions au cas où vous changeriez d'avis après l'achat d'une licence.

Cliquez ici pour obtenir Astra

Prix ​​Divi

La tarification de Divi est simple. Il n'y en a que deux types: annuel et à vie. Le prix annuel est de 89 $ par an tandis que le prix à vie est de 249 $.

prix divi

Quel que soit le modèle de tarification que vous choisissez, vous avez accès à tout Elegant Themes Doit offrir:

  • Thème Divi
  • Divi Builder (version plugin - vous pouvez donc l'utiliser sur des thèmes tiers si vous le souhaitez)
  • Thème supplémentaire (un thème de type magazine)
  • Plug-in Monarch
  • Plugin Bloom

Ils offrent une garantie de remboursement de 30 jours, au cours de laquelle vous pouvez demander un remboursement sans condition si, pour une raison quelconque, vous n'êtes pas satisfait.

Cliquez ici pour obtenir Divi

Verdict de tarification

À première vue, Astra Pro est moins cher que Divi, quand on regarde le prix annuel. Sur la tarification à vie, cependant, les deux thèmes ont le même prix.

Cependant, les choses changent lorsque nous prenons en compte les plans de niveau supérieur d'Astra. Si vous voulez accéder à des sites de démarrage premium, vous devrez payer 169 $ par an, soit presque le double du prix de Divi.

Et si vous voulez profiter de tout ce que Brainstorm Force a à offrir, le prix annuel sera de 249 $ - c'est déjà le prix à vie de Divi.

Dans l'ensemble, Astra Pro avec des sites de démarrage de base est le moins cher. C'est parfait pour ceux qui n'ont besoin que des modules premium ainsi que de la liberté qu'ils offrent en ne vous enfermant pas dans un seul constructeur de page. C'est également le meilleur choix si vous souhaitez créer une boutique WooCommerce.

Mais si on compare le Mini Agency Bundle et Divi, qui est le meilleur match en termes de fonctionnalités (sites de démarrage premium, plugins supplémentaires, etc.) alors Divi l'emporte. Pour un prix moins cher, vous avez accès à plus de sites de démarrage et à plus d'extras.

Il est un peu difficile de choisir un gagnant dans cette section car chaque personne a des besoins et des budgets différents. Tout dépend de ce dont vous avez besoin, du type de projet sur lequel vous travaillez et du montant de votre budget.

Mais si nous regardons cela uniquement en termes de prix, Divi gagne définitivement. Pour un prix unique, vous obtenez le package complet: thèmes, plugins et un constructeur de page. Il n'est pas du tout nécessaire de choisir entre différents niveaux.

Conclusion

Astra et Divi visent à simplifier la construction de beaux sites de manières très différentes.

Astra se concentre sur vous donner la plupart de vos options de personnalisation via le personnalisateur. Il peut être étendu ou complété avec presque tous les constructeurs de pages tiers, mais la meilleure intégration serait avec Elementor et Beaver Builder.

En plus de cela, les développeurs ont travaillé dur pour le rendre rapide et léger. Il est nettement plus léger que Divi, grâce à son approche modulaire. Mais même avec tous les modules pro activés, il est toujours plus léger et plus rapide que Divi prêt à l'emploi.

Divi se concentre sur vous donner tout ce dont vous avez besoin pour créer de beaux sites Web sans compter sur des outils tiers. C'est un thème avec un générateur de page / thème intégré. Avec lui, vous n'avez pas besoin de chercher un constructeur de page et vous n'avez pas non plus à vous soucier de la compatibilité et des instabilités qui pourraient survenir.

Cependant, cela a ses propres inconvénients. Étant donné que Divi est un package tout-en-un, il est nettement plus lourd que l'Astra et ses performances sont pires dès la sortie de la boîte.

Cette pénalité de performance a été minimisée avec la mise à jour d'août 2021 et Divi rivalise désormais plus que jamais avec Astra. Nous vous recommandons d'exécuter vos propres tests sur votre propre serveur Web pour déterminer celui qui vous convient le mieux.

En fin de compte, c'est une question de préférence personnelle, de budget et de type de projet sur lequel vous travaillez. Nous vous donnerons quelques conseils basés sur ce que nous pensons:

  • Si vous créez un site Web personnel ou un petit site Web, Astra pourrait être le meilleur choix en raison de ses performances.
  • Si vous créez un site Web WooCommerce, Astra pourrait être le meilleur choix en raison de son intégration WooCommerce
  • Si vous avez besoin de créer un site Web nécessitant une conception complexe, Divi pourrait être le meilleur choix car il s'agit d'un thème et d'un générateur de page à la fois et cela signifie une intégration native - cela supprime les incompatibilités possibles qui pourraient entraîner des obstacles lors de la mise en œuvre de conceptions très complexes.
  • Si vous avez besoin de créer un site Web qui a besoin de stabilité et d'élégance, Divi pourrait être le meilleur choix, encore une fois, car il dispose d'un constructeur de page natif.
  • Si vous avez un budget serré, Astra Free est un très bon thème
  • Si vous voulez un prix à vie bon marché, Divi est moins cher et il est livré avec un tas d'autres extras

Et cela conclut notre comparaison! J'espère que vous avez déjà décidé quel thème choisir. Allez-vous pour Divi? Ou allez-vous pour Astra? Faites le nous savoir dans les commentaires!

À propos de l’auteure
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 ...