Astra vs Divi: het nieuwe versus het oude, welke is het beste? (2021)

astra vs divi

Astra en Divi zijn tegenwoordig twee van de meest populaire en meest gebruikte WordPress-thema's. Volgens BuiltWith, Astra wordt gebruikt door 1.2 miljoen websites, terwijl Divi door 1.9 miljoen wordt gebruikt. Het zijn in feite de top 2 van actieve WordPress-thema's, althans op het moment van schrijven, ter wereld! Het is geen wonder dat mensen Divi vaak met Astra vergelijken.

Beide zitten boordevol functies waarmee iedereen met gemak mooie en professioneel ogende websites kan bouwen. Hun benadering van deze kwestie verschilt echter sterk van elkaar.

Daarom gaan we in dit artikel de belangrijkste kenmerken van de Astra en Divi vergelijken en belichten en bespreken hoe ze verschillen in benadering van bouwplaatsen. Dit zal u helpen een beter begrip te krijgen van elk thema, zodat u een weloverwogen beslissing kunt nemen over welk thema u voor uw projecten wilt gebruiken.

Laten we beginnen!

Samengevat

Voordat we ingaan op de meer diepgaande vergelijking, volgt hier een korte samenvatting.

 


Astra


divi-logo

Prijs

Begint bij $ 59 per jaar

$ 89 per jaar

Doelgroep

Eindgebruikers, ontwikkelaars, ontwerpers, bureaus

Eindgebruikers, ontwikkelaars, ontwerpers, bureaus

Gratis versie?

Ja, heel goed gratis thema met een groot aantal aanpassingsopties beschikbaar

Geen

Startersites?

Ja, grote catalogus (152 unieke demo's)

Ja, zeer grote catalogus (205 lay-outpakketten)

Modulair?

Ja

Enigszins

Performance

⭐⭐⭐⭐⭐

⭐⭐⭐⭐

maatwerk

⭐⭐⭐⭐⭐

⭐⭐⭐⭐⭐

Compatibiliteit met Page Builder

Compatibel met grote paginabuilders; Elementor en Beaver Builder kunnen verder worden uitgebreid met behulp van hun "Ultimate Addons" plug-ins

Heeft zijn eigen ingebouwde paginabuilder, maar deze kan worden uitgeschakeld zodat u een andere paginabuilder naar keuze kunt gebruiken, compatibiliteit en ondersteuning voor andere paginabuilders is niet gegarandeerd

WooCommerce-ondersteuning

Grote

Goed

Integratie met derden

Uitstekend

Goed

Ondersteuning

Goed

Grote

Documentatie

Uitstekend

Uitstekend

Wat we leuk vinden

✅ Nauwe integratie met Elementor, Beaver Builderen WooCommerce


✅ Lichtgewicht en snel


✅ Tal van customizer-opties


✅ Tal van demosites


✅ Uitstekende ondersteuning van derden

✅ Native pagina-/themabouwer


✅ Enkele duidelijke prijsstelling


✅ Enorme verzameling lay-outpakketten en er zijn ook veel bronnen van derden


✅ Talloze thema-instellingen

✅Nieuwe snelheidsupdate is transformationeel

Wat we niet leuk vonden

❌ Hun ondersteuningsteam kan soms traag zijn, vooral in het weekend


❌ Duurder, vooral als u meer demosites en een betere integratie van de paginabuilder wilt

❌ Werkt niet echt goed met paginabuilders van derden


 

globaal

⭐⭐⭐⭐⭐

⭐⭐⭐⭐⭐

Winnaar

 

Betere waarde voor meerdere sites

Website

Bekijk hier de Astra Krijg 10% KORTING op Divi tot september 2021 Maar 


Astra en Divi zijn ongetwijfeld thema's die je willekeurig kunt kiezen en die nooit fout kunnen gaan.

Astra richt zich op het geven van de meeste van uw aanpassingsopties via de customizer. Met Astra Pro wordt een groot aantal opties ontgrendeld. Er is een optie om bijna alles wat je kunt zien te bewerken, van knoppen tot miniaturen, en sinds kort zelfs kop- en voetteksten rechtstreeks in de customizer.

Het kan worden uitgebreid of aangevuld met bijna elke populaire derde partij page builder, maar speciale ondersteuning voor Elementor en Beaver Builder bestaat, en om een lesser mate, ook voor Brizy.

Het vertrouwt meestal op plug-ins (zowel van derden als intern) om vergelijkbare resultaten als Divi te bereiken.

Als je een starterssite van Astra vergelijkt met die van Divi, dan zal Astra verschillende plug-ins moeten installeren (en verschillende instellingen aanpassen) om hem te bouwen, Divi daarentegen heeft eigenlijk alleen de sjabloonbestanden nodig (in .json formaat) meestal en het zal de startsite volledig voor u bouwen - geen plug-ins nodig.

Ten slotte is het lichter en levert het betere prestaties uit de doos in vergelijking met Divi.

Divi richt zich op het geven van de meeste van uw aanpassingen via de native pagina-/themabouwer. Het wordt geleverd als een alles-in-één pakket met alle tools die u nodig hebt om uw website te ontwerpen en te bouwen. Dit minimaliseert de noodzaak voor plug-ins.

Het is gebundeld met een volwaardige websitebouwer, de Divi Builder, die tot in de kern wordt gebakken. Er is geen aparte plug-in nodig om te installeren.

Het wordt ook geleverd met een volledig functionerend contactformulier, basis-SEO-tools en tientallen WooCommerce-modules, nogmaals, zonder dat u een plug-in hoeft te installeren of een afzonderlijke module hoeft te activeren.

Al deze worden direct na installatie van het thema voor u beschikbaar. Geen instellingen om te configureren of optie om te activeren.

Helaas is het niet mogelijk om sommige van deze functies uit te schakelen. Dat betekent dat ze altijd actief zullen zijn, zelfs als u niet van plan bent ze te gebruiken. Dit kan een probleem zijn als het gaat om prestaties.

Dat is de snelle vergelijkingssamenvatting van beide thema's. Laten we ze nu in meer detail vergelijken.

Performance

Divi heeft onlangs een enorme prestatie-upgrade uitgebracht en alle snelheden in deze sectie zijn nu verouderd.

Divi heeft CSS met 94% verminderd, inclusief intelligente CSS die alleen laadt wat nodig is. Alle renderblokkerende CSS is geëlimineerd om de laadtijden verder te versnellen.

Divi heeft ook caching toegevoegd voor Google Fonts, lazy-load voor het Gutenberg-blokstijlblad, jQuery-uitstel (jammer dat het het nog steeds gebruikt), dynamische PHP om query's voor die pagina te laden en slimme stijlen om dubbele CSS op elke pagina te verminderen.

De nieuwe Divi scoort nu 100 op Google PageSpeed ​​Desktop en 99 op Google PageSpeed ​​Mobile. Dat is met het gebruik van een standaard webhost en voordat u caching-plug-ins gebruikt!

In dit gedeelte gaan we de snelheid en prestaties van de Astra en Divi bekijken.

Hier is hoe Divi presteerde:

Voor deze test gebruikten we WebPageTest. We gebruikten FIOS voor verbinding en deden elk 9 testruns en namen vervolgens de mediaanresultaten.

Test één: schone installatie

Voor onze eerste test hebben we Astra en Divi geïnstalleerd op een nieuwe WordPress-installatie. Astra heeft de Astra Pro-plug-in ingeschakeld met alle beschikbare modules geactiveerd.

Mediaan volledig geladen samenvatting:

 

Laadtijd

Aanvragen

Pagina grootte

Astra

1.010s

12

89 KB

Divi

1.738s

17

424 KB


Hier is een meer diepgaande screenshot van het testresultaat voor Astra:

astra schoon

En hier is voor Divi:

divi schoon

Uit de doos is Astra aanzienlijk lichter dan Divi en laadt hij ook sneller. Dit is natuurlijk omdat Divi een ingebouwde paginabuilder heeft die aanzienlijk gewicht toevoegt.

Voor deze test is Astra de winnaar.

Test twee: demo-installatie

Voor de tweede test hebben we voor beide een startsite met een marketingthema geïnstalleerd.

Astra heeft alle benodigde plug-ins van derden die nodig zijn voor de startsite, samen met Astra Pro en alle beschikbare modules die zijn geactiveerd.

Divi heeft niet echt plug-ins van derden nodig, dus we hebben zojuist een lay-outpakket geïmporteerd en vervolgens handmatig alle pagina's voor elk sjabloonstuk gemaakt.

Mediaan volledig geladen samenvatting:

 

Laadtijd

Aanvragen

Pagina grootte

Astra

2.139s

53

611 KB

Divi

2.553s

27

1700 KB


Hier is een meer diepgaande screenshot van het testresultaat voor Astra:

astra vol

En hier is voor Divi:

divi vol

Nu, dit is interessant.

De laadtijd van Astra verdubbelde, de omvang nam zes keer toe en ook het aantal verzoeken nam aanzienlijk toe. Dit komt door het feit dat het verschillende extra plug-ins heeft geïnstalleerd om een ​​replica te maken van de starterssite die we hebben geïmporteerd.

Divi daarentegen liet zijn omvang vier keer toenemen, maar het aantal verzoeken nam niet zoveel toe. nooit deless, het verloor nog steeds van Astra in totale laadtijd, hoewel deze keer de resultaten dichterbij zijn.

Prestatieoordeel

Astra presteert out-of-the-box beter dan Divi, maar wanneer demo's worden geïnstalleerd, wordt de kloof tussen de twee kleiner. Astra versloeg Divi echter nog steeds in laadtijd, ondanks verlies op andere afdelingen.

Astra wint op het gebied van prestaties. De ontwikkelaars hebben veel moeite gedaan om ervoor te zorgen dat het basisthema en de plug-in de best mogelijke prestaties leveren.

Vergeet niet dat zowel Divi als Astra beide aanzienlijk zijn bijgewerkt sinds deze snelheidstests zijn uitgevoerd. We raden aan om de individuele prestaties op uw webhost te controleren om een ​​nauwkeurig onderscheid tussen de twee te maken.

Thema Opties

 In deze sectie gaan we de configuratie-interfaces van beide thema's vergelijken. We hebben het over de pagina "opties" waar u functies en instellingen kunt configureren. Laten we erin duiken!

Astra-opties

U krijgt toegang tot de opties van Astra door naar Uiterlijk > Astra-opties te gaan. Op de pagina kunt u modules beheren die in feite de themafuncties zijn die u kunt in- of uitschakelen.

U vindt hier ook snelkoppelingen naar verschillende customizer-instellingen.

astra opties

Er valt hier niet veel te configureren. Sommige, maar niet alle modules hebben hun eigen instellingenpagina, die u hier ook kunt openen. Er zijn ook links naar verschillende Astra-gerelateerde externe pagina's en een snelkoppeling om de plug-in Starter Templates te installeren en te activeren waarmee u starterssites kunt importeren.

Dit zijn de beschikbare modules die u kunt activeren of deactiveren als u Astra Pro heeft:

  • Kleuren en achtergrond voegt meer kleuropties toe in de customizer
  • Typografie breidt de typografie-opties in de customizer uit
  • Spacing voegt meer afstandbedieningen (zoals marge, opvulling, enz.) toe aan meer elementen in de customizer
  • Blog Pro voegt de mogelijkheid toe om blog- en blogarchiefpagina's op te maken
  • Nav Menu voegt de mogelijkheid toe om megamenu's te maken
  • Sticky Header
  • Paginakopteksten laat je aangepaste paginakoppen maken
  • Aangepaste lay-outs stelt u in staat om een ​​aangepaste koptekst, voettekst, 404-pagina's, aangepaste inhoud, aangepaste code, enz.
  • Site-indelingen voegt betere controle toe over de lay-out van uw site
  • Scroll naar boven laat je een "scroll to top"-knop toevoegen en aanpassen
  • WooCommerce voegt uitgebreide mogelijkheden toe om uw WooCommerce-winkel aan te passen
  • Makkelijk Digitale Downloads voegt meer stylingopties toe aan je EDD-winkel
  • LearnDash voegt meer stylingopties toe aan LearnDash
  • LifterLMS voegt meer stylingopties toe aan LifterLMS
  • White Label voegt white label branding toe aan het thema, waarbij in feite alle instanties van Astra en BrainstormForce worden verwijderd, zodat het lijkt alsof jij degene bent die het thema heeft ontwikkeld

Een geweldige functie die velen misschien hebben gemist, is de CSS-bestand genereren keuze. Wat dit doet, is dat alle dynamische CSS die door het thema wordt gegenereerd, als een apart bestand wordt toegevoegd in plaats van inline. Dit is alleen beschikbaar op Astra Pro.

css-bestand genereren

Er gebeurt hier niet veel anders, maar dat is niet erg. Het maakt het gemakkelijker te gebruiken in vergelijking met Divi's, die we hierna zullen bespreken.

Bekijk hier de volledige functieset van Astra

Divi-opties

Divi's opties zijn toegankelijk via het admin-zijbalkmenu Divi.

divi opties

In tegenstelling tot Astra kunnen de thema-opties van Divi in ​​het begin overweldigend aanvoelen vanwege het enorme aantal items dat u kunt configureren.

Er zijn bijvoorbeeld opties met betrekking tot SEO, die, hoewel eenvoudig, meer dan genoeg zouden moeten zijn om de basis SEO-behoeften van uw site te dekken, zodat u de noodzaak om er een aparte plug-in voor te installeren, overbodig maakt.

We zullen hier niet alle beschikbare opties behandelen, maar we geven u een idee van wat u kunt configureren:

  • logo
  • Kleurenpalet
  • Lay-out, post metadata, opmerkingen, etc.
  • Google Maps en API-sleutels
  • Google Fonts
  • Pictogrammen en URL voor sociale media
  • Aantal weergaven van post- en WooCommerce-producten
  • Knop "Naar boven"
  • Navigatiemenu, vervolgkeuzemenu; de mogelijkheid om een ​​bepaald menu uit te sluiten of op te nemen op bepaalde pagina's, categorieën, enz.
  • Mogelijkheid om Divi-paginabuilder in of uit te schakelen voor bepaalde berichttypen
  • Advertenties onder aan uw berichten en pagina's onder de inhoud van één bericht
  • SEO-instellingen, aangepaste metatitel, aangepaste metabeschrijving, scheidingstekens, enz.
  • Aangepaste code invoegen, beheren en configureren op verschillende delen van uw thema (koptekst, berichttekst, voettekst, enz.)
  • Divi Theme Builder specifieke opties
  • Met Roleditor kunt u configureren welke instellingen zichtbaar zijn voor welke gebruikersrollen
  • Uw Divi-lay-outbibliotheek of -verzameling
  • "Ondersteuningscentrum"-pagina die een statusrapport over uw site biedt en links weergeeft naar verschillende externe pagina's met betrekking tot: Elegant Themes en Divi

Bekijk hier de volledige functieset van Divi

Thema Opties Oordeel

Divi heeft veel meer thema-opties om te configureren in vergelijking met Astra, en dat is te verwachten omdat het meer een compleet pakket is, inclusief niet alleen een thema, maar ook een volwaardige themabouwer samen met andere minifuncties zoals advertentiezones en SEO-controle. Hoewel Astra niet in de buurt komt als het gaat om thema-opties, compenseert het het aantal customizer-opties dat het heeft, die we hierna zullen bespreken.

Customizer-opties

We hebben gezien hoe Divi Astra overtroefde in het aantal beschikbare thema-opties, maar het tegenovergestelde is waar als het gaat om customizer-opties, vooral als je Astra Pro-modules hebt ingeschakeld.

Astra-aanpasser

De customizer van Astra is een van de meest uitgebreide op de markt, zeker als je Astra Pro hebt. Zelfs de gratis versie wordt geleverd met tal van opties, waardoor het een van de, zo niet de beste, gratis WordPress-thema's op de markt is.

Met Astra Pro verandert de customizer in een krachtpatser, die je de mogelijkheid biedt om bijna elk hoekje en gaatje van je thema aan te passen zonder een enkele regel code te schrijven.

We zullen hier niet uitgebreid ingaan op de customizer, omdat er een hele handleiding voor zou kunnen worden geschreven.

astra woocommerce-aanpasser

Een belangrijke functie die niet over het hoofd kan worden gezien, zijn de aanpassingsopties van WooCommerce. Met Astra Pro heb je enorme controle over het uiterlijk van je WooCommerce-winkel.

U kunt de kleuren en het lettertype van de producttitel, het uiterlijk van de "toevoegen aan winkelwagen"-knop, de randradius van de miniatuur en meer configureren. U kunt uren in de customizer doorbrengen om elk klein ding naar uw wens aan te passen.

Met zo'n enorm aantal opties zou je denken dat het gemakkelijk zou zijn om ze te importeren en exporteren, zodat je een soort startpunt kunt creëren dat je voor je projecten kunt gebruiken. Maar het tegendeel is waar.

Astra heeft geen ingebouwde import- en exportfunctie voor hun customizer-instellingen. Gelukkig kun je echter een gratis plug-in installeren waarmee je deze functie kunt toevoegen, maar deze is een beetje inferieur in vergelijking met die van Divi.

import export customizer astra

De optie bevindt zich op een plaats die enigszins onlogisch is: op de instellingenpagina van de Astra-opties. Het zou intuïtiever zijn als het op de customizer-pagina staat, net als bij Divi.

import export

Sinds versie 3.0 kwam Astra met een nieuwe feature: de header en footer builder. Dit is direct toegankelijk in de customizer.

header footer builder

Het is een combinatie van slepen-en-neerzetten en aanpassen van kop- en voetteksten waarmee u een aangepaste kop- en voettekst kunt ontwerpen. Momenteel zijn er geen opties om dit te gebruiken om een ​​koptekst te maken die alleen op bepaalde pagina's of delen van uw site wordt weergegeven.

Divi-aanpasser

Divi's customizer ontbreekt in vergelijking met Astra Pro. In feite is het misschien zelfs maar vergelijkbaar of misschien zelfs slechter in vergelijking met de gratis versie van Astra.

divi-aanpasser

Alle basisopties zoals lettertypestijl, spatiëring en kleuren zijn aanwezig, maar het mist de meer geavanceerde functies die u in Astra kunt vinden, zoals meer marge, opvulling en geavanceerde kleurregelingen.

Als het gaat om WooCommerce-aanpassing, wordt Divi weggeblazen door Astra. Er is helemaal geen enkele aangepaste optie.

Als je Divi doet denken dat het een geweldig alternatief voor Astra zou zijn in termen van customizer-opties, neem je waarschijnlijk de verkeerde beslissing.

Dat gezegd hebbende, was Divi niet echt bedoeld om te worden ontworpen met behulp van de realtime WordPress-aanpasser. De aantrekkingskracht ligt in de native themabouwer die het heeft.

We willen graag de import- en exportfunctie van Divi noemen. Zo had het in Astra moeten zijn.

divi import export customizer

Het staat midden in de customizer, waardoor het gemakkelijk toegankelijk is.

Aanpasser Opties Oordeel

Astra blaast Divi uit het water als het gaat om beschikbare customizer-opties.

Als u op zoek bent naar een thema dat veel gebruikmaakt van de customizer om uw website te ontwerpen, is Astra waarschijnlijk de betere keuze.

Divi's gebrek aan customizer-opties betekent echter niet dat het al heeft verloren van Astra. De kracht ligt in de ingebouwde themabouwer.

Compatibiliteit met Page Builder

Paginabuilders maken het gemakkelijk om professioneel ogende websites te ontwerpen zonder ook maar een enkele regel code te schrijven. Als zodanig zijn ze snel in populariteit gegroeid en zijn ze ook heel snel vooruitgegaan, met geavanceerde functies die complexere ontwerpen mogelijk maken.

Als gevolg hiervan zijn thema's, zowel gratis als betaald, begonnen met het toevoegen van ondersteuning voor hen. Bijna alle thema's die tegenwoordig op de markt zijn, bieden ondersteuning voor paginabuilders zoals Elementor, Beaver Builder, WPBakery en anderen.

In deze sectie gaan we kijken naar de compatibiliteit van de paginabuilder van Astra en Divi.

Compatibiliteit met Astra Page Builder

Astra is nauw geïntegreerd met Elementor, Beaver Builder, en Brizy met speciale integratie met de eerste twee.

Met Astra's Mini-Agency Bundle-abonnementen kunt u kiezen tussen Ultimate Addons voor Elementor of Ultimate Addons for Beaver Builder (of beide als u de Agency Bundle krijgt). Deze add-ons voegen tonnen widgets of modules toe die ze verder uitbreiden.

Instellingen op paginaniveau

Instellingen op paginaniveau spelen een belangrijke rol om ervoor te zorgen dat een pagebuilder gemakkelijk zijn werk kan doen.

U zou bijvoorbeeld lay-outs, zijbalken en zichtbaarheid van elementen rechtstreeks in de pagina-instellingen zelf moeten kunnen definiëren en niet via de paginabuilder om mogelijke conflicten te voorkomen. Astra wordt geleverd met uitgebreide aanpassingsopties op paginaniveau.

instellingen op paginaniveau astra

U kunt het aantal zijbalken bepalen, de te gebruiken inhoudslay-out, welke secties worden weergegeven, enz.

Hierdoor kunt u uw gewenste paginabuilder met weinig tot geen belemmering gebruiken.

Als u bijvoorbeeld een bestemmingspagina wilt maken met behulp van een paginabuilder, wilt u misschien de meeste secties uitschakelen en een inhoudslay-out over de volledige breedte gebruiken.

Aan de andere kant, als u uw blogpagina wilt aanpassen met behulp van een paginabuilder, dan is het eenvoudig om secties en elementen in te schakelen die handig zijn voor een blogpagina.

Astra geeft je veel vrijheid als het gaat om pagebuilders. Brainstorm Force, de ontwikkelaars, hebben er alles aan gedaan om ervoor te zorgen dat Astra compatibel is met zoveel mogelijk paginabuilders.

Divi's Page Builder-compatibiliteit

Het belangrijkste verkoopargument van Divi is zijn eigen paginabuilder, dus als u dit thema gebruikt, wordt verwacht dat u de ingebouwde Divi-themabuilder gebruikt.

.Divi Theme Builder is een van de beste pagebuilders/theme builders die momenteel op de markt zijn, en wedijvert met Elementor en Beaver Builder.

Het volstaat te zeggen dat u niet naar een externe paginabuilder hoeft te zoeken als u Divi gebruikt, omdat het technisch gezien zelf een paginabuilder is.

Maar als je om de een of andere reden hebt besloten om het Divi-thema te gebruiken met een paginabuilder van derden, dan zou je blij zijn te horen dat het nog steeds redelijk compatibel is met de populaire die er zijn.

Instellingen op paginaniveau

Divi heeft bijna geen aangepaste instellingen op paginaniveau. Alles wordt bestuurd via Divi builder plaats.

instellingen op paginaniveau

Dit maakt het een beetje moeilijk om te koppelen met andere paginabuilders, vooral de lesseh bekende. Maar als je iets als Elementor gebruikt, waarmee je de pagina er direct in kunt configureren, dan komt het meestal goed.

Uiteindelijk wil je nog steeds de ingebouwde Divi-themabouwer voor naad gebruikenless integratie en compatibiliteit.

Compatibiliteitsoordeel van Page Builder

Astra is gebouwd om goed te werken op veel paginabuilders die er zijn. Het is ontworpen als een flexibel thema dat met elke paginabuilder kan worden gebruikt.

Divi daarentegen werkt prima met grote pagebuilders, maar het is duidelijk dat het alleen om compatibiliteit met zijn eigen native pagebuilder geeft.

Wie wint? Het is moeilijk in te schatten. Astra kan met bijna elke paginabuilder worden gebruikt, terwijl Divi helemaal geen voorstander lijkt van het gebruik van paginabuilders van derden, omdat Divi technisch gezien een paginabuilder is.

Sterker nog, als je Divi aanschaft, krijg je ook een plug-inversie (alleen de bouwer zelf) en kun je deze desgewenst met Astra gebruiken.

Dus als u overweegt verschillende paginabuilders te gebruiken, is Astra waarschijnlijk degene die u zoekt. Maar als je wilt naadless en gegarandeerde compatibiliteit, dan is Divi de juiste keuze.

Over paginabuilders gesproken, velen van hen hebben tegenwoordig volledige mogelijkheden voor het maken van thema's, waardoor je prachtige kop- en voetteksten kunt ontwerpen, dus in de volgende sectie gaan we de mogelijkheden voor het bouwen van thema's van Astra en Divi vergelijken.

Thema bouwen

Met een WordPress-themabouwer kunt u uw website bouwen met slepen en neerzetten. Dit is vergelijkbaar met een paginabuilder, alleen gebruik je het om je hele website te bouwen in plaats van slechts een enkele pagina of blogpost.

In dit gedeelte gaan we de mogelijkheden voor het bouwen van thema's van de Astra en Divi met elkaar vergelijken.

Astra Thema-bouwfunctie

Astra vertrouwde vroeger op paginabuilders om thema's te bouwen, maar in 3.0 hebben ze een native header- en footer-builder toegevoegd die toegankelijk is via de customizer.

astra header footer builder

De header footer-builder van Astra is behoorlijk krachtig, maar in vergelijking met die van Divi komt hij nog steeds niet in de buurt. Het mist enkele van de meer geavanceerde functies die Divi heeft. Bovendien is het niet volledig slepen en neerzetten. Je gaat de customizer gebruiken voor het grootste deel van een bewerkingssessie.

Divi Thema-bouwfunctie

Thema bouwen is Divi's brood en boter. Dit is de belangrijkste reden waarom u deze zou verkiezen boven de Astra.

Het wordt geleverd met krachtige tools en functies waarmee u elk element en elke pagina van uw website volledig kunt ontwerpen.

Gaan naar Divi > Themabouwer stelt u in staat uw themasjabloonbestanden te bekijken en te beheren.

divi thema-bouwer

U gebruikt de ingebouwde pagina om kop-, voettekst- en hoofdtekstsjablonen te ontwerpen. Vervolgens kunt u die sjablonen globaal toepassen of op specifieke berichten, pagina's, aangepaste berichttypen of op een blogbericht dat tot een specifieke categorie behoort.

Je hoeft niet helemaal opnieuw te beginnen. Wanneer u een nieuwe sjabloon maakt, heeft u ook de mogelijkheid om vooraf gemaakte lay-outs uit de Divi-bibliotheek te importeren. Hiermee kunt u uw projecten een vliegende start geven.

Thema bouwen oordeel

Over het algemeen wint de themabouwfunctie van Divi om vele redenen van die van Astra. Een daarvan is dat Divi zijn eigen native pagebuilder gebruikt om kop- en voetteksten te ontwerpen en twee, het heeft gewoon veel meer opties om mee te spelen, waardoor het gemakkelijker wordt om complexere kop- en voetteksten te bouwen.

Daarnaast heeft Divi een flexibelere tool voor het maken van thema's. U kunt sjablonen ontwerpen die u naar andere websites kunt importeren. Deze kunnen worden gebruikt als startsjablonen waarmee uw nieuwe projecten snel aan de slag kunnen.

Over starterssjablonen gesproken, laten we in de volgende sectie eens kijken naar de startsites van beide thema's.

Startersites

Zowel Astra als Divi beschikken over een grote catalogus met starterssites.

Astra Startersites: Starterssjablonen

Om toegang te krijgen tot de starterssites van Astra, moet u de plug-in Starter Templates installeren. Zonder dit kunt u helemaal geen starterssites importeren. Ze noemen hun starterssites "startersjablonen".

Op het moment van schrijven biedt Astra in totaal 150 unieke starterssjablonen aan. Het aantal keuzes dat u heeft, hangt af van de paginabuilder die u gebruikt en het type licentie dat u bezit.

Als je Astra Free of Astra Pro gebruikt, heb je toegang tot maximaal 69 unieke starterssjablonen.

  • 69 gebouwd met Elementor
  • 38 gebouwd met Beaver Builder
  • 54 gebouwd met Gutenberg
  • 17 gebouwd met Brizy

Als je Mini Agency Bundle en hoger gebruikt, krijg je een extra:

  • 81 meer gebouwd met Elementor voor een totaal van 150
  • 66 meer gebouwd met Beaver Builder voor een totaal van 104
  • 23 meer gebouwd met Brizy voor een totaal van 40

Op het moment van schrijven zijn er geen premium sjablonen voor Gutenberg.

Bij het importeren van een starterssjabloon heeft u de mogelijkheid om de volledige site te importeren of om alleen afzonderlijke pagina's te selecteren. U kunt bijvoorbeeld de 'Over ons'-sjabloon van een starterssjabloon alleen importeren als u dat wilt.

importeer sjablonen voor starters

Het is ook belangrijk om te vermelden dat, afhankelijk van de sjabloon die u kiest, extra plug-ins worden geïnstalleerd die vereist zijn voor de startsjabloon. Er lijkt geen manier te zijn om te kiezen welke plug-ins je wel of niet wilt installeren.

Klik hier om alle Astra Starter-sites te zien

Divi-startsites: lay-outpakketten

Divi calls their starter sites “Layout Packs”. At the time of this writing, Divi offers 205 layout packs. You can check out of Divi examples to see how these can work when implemented on live sites.

Een lay-outpakket is in feite een verzameling van verschillende lay-outs die bij elkaar zijn gebundeld. Een lay-out is een sjabloon van één pagina. Momenteel zijn er in totaal 1509 lay-outs om uit te kiezen.

divi lay-outpakketten

Al deze lay-outpakketten zijn gebouwd met Divi Builder. Er zijn geen andere lay-outpakketten of starterssites die met andere paginabuilders zijn gebouwd.

Een nadeel van Divi's lay-outpakket is dat het de pagina's niet automatisch voor u maakt. U moet elke pagina zo nodig handmatig maken en vervolgens de lay-out voor die pagina importeren.

U moet bijvoorbeeld een over-pagina maken, deze bewerken met Divi Builder, laad de lay-out voor de pagina 'Over' en ga naar de volgende.

Dat klinkt misschien vervelend, maar het geeft je betere controle over welke pagina's je moet maken in plaats van dat je meteen een hele startsite moet importeren en vervolgens ongebruikte pagina's, bestanden en andere gegevens die je niet nodig hebt, moet verwijderen.

Klik hier om alle lay-outpakketten van Divi te bekijken

Oordeel starterssites

Divi wordt geleverd met veel meer starterssites dan Astra, maar het nadeel is dat ze allemaal zijn gebouwd met Divi Builder.

Astra's starterssites zijn misschien minder in aantal, maar u hebt de flexibiliteit om een ​​sjabloon te kiezen die is gebouwd met uw favoriete paginabuilder, waardoor u de vrijheid heeft om degene te kiezen die u wilt gebruiken.

Beide thema's hebben gebruikers uitstekend een startpunt geboden om hun projecten een vliegende start te geven. Het is een gelijkspel!

Tarieven

Een van de grootste factoren bij het kiezen van een premium thema is de prijsstelling. Gelukkig kun je nooit fout gaan met Astra of Divi. We zijn ervan overtuigd dat wat u ook kiest, uw geld goed besteed zal worden!

nooit deless, weten we dat ze heel verschillende prijsmodellen hebben. Deze prijsmodellen zijn zo anders dan de andere dat als u een beperkt budget heeft, u zeker zult twijfelen om de ene boven de andere te kiezen.

In deze sectie gaan we de prijzen van beide thema's behandelen. Het is belangrijk op te merken dat beide thema's kan worden gebruikt op onbeperkt aantal sites ongeacht de prijsklasse of het type dat u kiest.

Astra-prijzen

Astra wordt geleverd in drie prijsniveaus (vier als je de gratis versie meetelt).

 

jaar-

Levensduur

Astra Pro

$ 59

$ 249

Mini Agency-bundel

$ 169

$ 499

Agentschap bundel

$ 249

$ 699


astra prijzen

  • Astra Pro ontgrendelt alle pro-modules. Premium starterssites zijn niet beschikbaar in deze laag.
  • Mini Agency-bundel ontgrendelt de premium starterssites naast de pro-modules. Het bevat ook een keuze uit een add-on voor het maken van pagina's (bijv. Ultimate Add-on voor Elementor of Beaver Builder) samen met hun WP Portfolio-plug-in.
  • Agentschap bundel wordt geleverd met zowel Ultimate Addons voor Elementor als Beaver Builder samen met extra plug-ins genaamd Convert Pro en Schema Pro, toegang tot Skilljet Academy en alle andere toekomstige plug-ins die ze mogelijk vrijgeven.

Ze bieden een 14 dagen niet-goed-geld-terug-garantie voor het geval u van gedachten verandert na het kopen van een licentie.

Klik hier om Astra . te krijgen

Divi-prijzen

De prijzen van Divi zijn duidelijk. Er zijn slechts twee soorten: jaarlijks en levenslang. De jaarlijkse prijs is $ 89 per jaar, terwijl de levenslange prijs $ 249 is.

divi prijzen

Welk prijsmodel u ook kiest, u krijgt overal toegang tot Elegant Themes heeft te bieden:

  • Divi-thema
  • Divi Builder (plug-inversie - zodat u deze desgewenst op thema's van derden kunt gebruiken)
  • Extra Thema (een tijdschriftachtig thema)
  • Monarch-plug-in
  • Bloom-plug-in

Ze bieden een geld-terug-garantie van 30 dagen, waarbij je onvoorwaardelijk om terugbetaling kunt vragen als je om wat voor reden dan ook niet tevreden bent.

Klik hier om Divi . te krijgen

Prijsoordeel

Op het eerste gezicht is Astra Pro goedkoper dan Divi, als we kijken naar de jaarprijs. Bij levenslange prijzen zijn beide thema's echter gelijk geprijsd.

De dingen veranderen echter als we rekening houden met Astra's hogere plannen. Als u toegang wilt tot premium starterssites, moet u $ 169 per jaar betalen - dat is bijna het dubbele van de prijs van Divi.

En als je wilt profiteren van alles wat Brainstorm Force te bieden heeft, dan is het jaarlijkse prijskaartje $ 249 - dat is al de levenslange prijs voor Divi.

Over het algemeen is Astra Pro met basisstartsites het goedkoopst. Dit is perfect voor degenen die alleen de premium-modules nodig hebben, samen met de vrijheid die het biedt door u niet vast te leggen aan een enkele paginabuilder. Het is ook de beste keuze als je een WooCommerce-winkel wilt bouwen.

Maar als we de Mini Agency Bundle en Divi vergelijken, die qua features (premium starterssites, extra plugins, etc.) de beste match is, dan wint Divi. Voor een lagere prijs krijg je toegang tot meer starterssites en meer extra's.

Het is een beetje moeilijk om een ​​winnaar te kiezen in deze sectie, aangezien elke persoon verschillende behoeften en budgetten heeft. Het komt allemaal neer op wat je nodig hebt, aan wat voor soort project je werkt en hoeveel je budget is.

Maar als we het alleen in termen van prijsstelling bekijken, wint Divi zeker. Voor een enkel prijskaartje krijg je het volledige pakket: thema's, plug-ins en een paginabuilder. Het is helemaal niet nodig om tussen verschillende niveaus te kiezen.

Conclusie

Astra en Divi streven ernaar om het bouwen van prachtige sites op heel verschillende manieren te vereenvoudigen.

Astra richt zich op het geven van de meeste van uw aanpassingsopties via de aanpasser. Het kan worden uitgebreid of aangevuld met bijna elke paginabuilder van derden, maar de beste integratie zou zijn met Elementor en Beaver Builder.

Daarnaast hebben de ontwikkelaars hard gewerkt om het snel en lichtgewicht te maken. Het is aanzienlijk lichter dan Divi, dankzij de modulaire aanpak. Maar zelfs met alle pro-modules geactiveerd, is het nog steeds lichter en sneller dan Divi uit de doos.

Divi richt zich op het geven van alles wat je nodig hebt om prachtige websites te bouwen zonder afhankelijk te zijn van tools van derden. Het is een thema met een ingebouwde pagina-/themabouwer. Hiermee hoef je niet op zoek naar een pagebuilder en hoef je je ook geen zorgen te maken over compatibiliteit en eventuele instabiliteiten die zich kunnen voordoen.

Dit heeft echter zijn eigen nadelen. Aangezien Divi een alles-in-één pakket is, is het aanzienlijk zwaarder dan de Astra en zijn de prestaties uit de doos slechter.

Die prestatiestraf is geminimaliseerd met de update van augustus 2021 en Divi concurreert nu dichter dan ooit tevoren met Astra. We raden u aan uw eigen tests uit te voeren op uw eigen webserver om te beslissen welke het beste voor u werkt.

Uiteindelijk is het een kwestie van persoonlijke voorkeur, budget en type project waaraan je werkt. We geven je enkele tips op basis van wat we denken:

  • Als u een persoonlijke website of een kleine website bouwt, kan Astra vanwege zijn prestaties de betere keuze zijn
  • Als u een WooCommerce-website bouwt, kan Astra de betere keuze zijn vanwege de WooCommerce-integratie
  • Als u een website moet bouwen die een complex ontwerp nodig heeft, kan Divi de betere keuze zijn, omdat het een thema en een paginabuilder in één is en dat betekent native integratie - dit verwijdert mogelijke onverenigbaarheden die tot hindernissen kunnen leiden bij het implementeren van zeer complexe ontwerpen
  • Als u een website moet bouwen die stabiliteit en elegantie nodig heeft, kan Divi opnieuw de betere keuze zijn, omdat het een native pagebuilder heeft
  • Als je een krap budget hebt, is Astra Free een heel goed thema
  • Als je een goedkope levenslange prijs wilt, is Divi goedkoper en komt het met een heleboel andere extra's

En daarmee is onze vergelijking rond! Hopelijk heb je al besloten welk thema je wilt krijgen. Ga je voor Divi? Of ga je voor Astra? Laat het ons weten in de reacties!

Over de auteur
David Attard
Auteur: David AttardWebsite: https://www.linkedin.com/in/dattard/
David heeft de afgelopen 18 jaar in of rond de online / digitale industrie gewerkt. Hij heeft uitgebreide ervaring in de software- en webdesign-industrie met WordPress, Joomla en niches eromheen. Als digitale consultant richt hij zich op het helpen van bedrijven om een ​​concurrentievoordeel te behalen door een combinatie van hun website en digitale platforms die vandaag beschikbaar zijn.

Nog een ding... Wist je dat mensen die nuttige dingen zoals dit bericht delen er ook GEWELDIG uitzien? ​
Alstublieft laat een nuttig geef commentaar met je mening, deel dit dan op je Facebook-groep (en) die dit nuttig zouden vinden en laten we samen de vruchten plukken. Bedankt voor het delen en aardig zijn!

Disclosure: Deze pagina kan links bevatten naar externe sites voor producten die we geweldig vinden en die we van harte aanbevelen. Als u producten koopt die we aanbevelen, kunnen we een verwijzingsvergoeding verdienen. Dergelijke vergoedingen hebben geen invloed op onze aanbevelingen en we accepteren geen betalingen voor positieve beoordelingen.

Auteur (s) Uitgelicht op:  Inc Magazine-logo   Sitepoint-logo   CSS Tricks-logo    webdesignerdepot-logo   WPMU DEV-logo   en nog veel meer ...