Divi vs Avada - Vilket bästsäljande tema är det värt? (2024)

Divi vs Avada - jämför dessa två mest populära teman

Om du har funderat på att sätta upp ett WordPress-tema med ett premiumutseende, har du säkert stött på dessa två stora teman. Men hur väljer du mellan Divi vs Avada?

Avada är det bästsäljande WordPress-temat på ThemeForest, med över 478,661 881,346 XNUMX+ försäljning just nu. Divi, å andra sidan, är det mest flexibla temat från Elegant Themes - det har också ett stort antal kunder - med också över 554,210 861,600 XNUMX+ användare i skrivande stund.

Den som vill tillämpa en multifunktionell mall på sin WordPress-webbplats undrar: vilken? 

Innehåll[Show]

Det är vad den här artikeln handlar om. Efter att ha utfört omfattande tester och utvecklat webbplatser med dessa två teman går vi igenom fördelarna och nackdelarna med båda dessa produkter, så att du kommer att bestämma vilken som skulle passa bättre för dina behov - det är det vi gör bäst på CollectiveRay. Com.

Vi har precis uppdaterat den här artikeln i februari 2024 för att lägga till alla nya detaljer vid behov, så att du kan vara säker på att den här artikeln är så fräsch som den kan bli.

Divi vs Avada

Divi och Avada är två av de mest populära mångsidiga WordPress-temanen. Avada kostar $69 med en licens för en sida, medan Divi kostar $89 per år men är billigare på lång sikt på grund av obegränsad användning av sajter. Divi är snabbare än Avada tack vare en prestandafokuserad uppdatering och har många fler plugins. Totalt sett har Divi ett litet försprång på Avada.

 


Avada vs Divi


divi vs avada

Pris

Börjar på $ 69 per år

$ 89 per år

Målgrupp

Slutanvändare, utvecklare, designers, byråer

Slutanvändare, utvecklare, designers, byråer

Gratis version?

Nej

Nej

Startsidor?

Ja, stor katalog (91 förbyggda webbplatser)

Ja, mycket stor katalog (205 layoutpaket)

Modul?

Ja

Något

prestanda

⭐⭐⭐⭐⭐

⭐⭐⭐⭐

Anpassning

⭐⭐⭐⭐⭐

⭐⭐⭐⭐⭐

Page Builder-kompatibilitet

Har sin egen Fusion Builder men även kompatibel med stora sidbyggare som Elementor

Har sin egen inbyggda sidbyggare, men den kan inaktiveras så att du kan använda en annan sidbyggare efter eget val, kompatibilitet och support för andra sidbyggare garanteras inte

Support för WooCommerce

Great

bra

Tredjepartsintegration

Utmärkt

bra

Support

bra

Great

Dokumentation

Utmärkt

Utmärkt

Vad vi gillar

✅ Tätt integration med Fusion Builder och WooCommerce

✅ Mycket flexibel

✅ Väldokumenterad

✅ Massor av anpassningsalternativ

✅ Bra utbud av färdigbyggda tomter

✅ Utmärkt stöd från tredje part

✅ Inbyggd sida/ Divi-temabyggare

✅ Enkel enkel prissättning

✅ Massiv samling av layoutpaket och det finns många källor från tredje part också

✅ Massor av temainställningar

✅ Ny hastighetsuppdatering är transformerande

Vad vi inte tyckte om

❌ Stora och potentiellt komplexa


❌ Webbplatshastigheten kan drabbas av många plugins 

❌ Fungerar inte riktigt bra med sidbyggare från tredje part


 

Övergripande

⭐⭐⭐⭐⭐

⭐⭐⭐⭐⭐

 

 

Vinnare - Bättre värde för flera webbplatser

Webbplats

Kolla in Avada här Få 10 % RABATT på Divi endast fram till februari 2024 

 

Låt oss börja vår faktiska jämförelse mellan Divi och Avada. 

Varför Divi vs Avada eller ett mångsidigt WordPress-tema?

Konceptet bakom en mångsidig mall som Divi och Avada är självförklarande.

Innan mångsidiga WordPress-teman blev på modet, köpte de flesta som behövde en ny webbplats en ny för varje projekt de kontrakterades för, eller där de satte upp. Problemet med det är inte bara att det är dyrare eftersom du funderar på att köpa ett helt nytt föremål varje gång, utan du var faktiskt tvungen att lära dig hur var och en fungerade. 

Var och en av dessa mallar fungerar faktiskt väldigt annorlunda än varandra, så vanligtvis måste du spendera ytterligare timmar på att ta reda på hur du får det att fungera som du ville ha det.

När Elegant Themes kom ut med Divi i slutet av 2013 satte de en ny standard för vad multifunktionsdesigner egentligen borde innehålla. Detta nya tema riktades faktiskt även till icke-tekniska webbdesigners och webbplatsägare, och som sedan kunde skapa fantastiska webbplatser, bokstavligen på några timmar.

Det är därför inte en tillfällighet att Divi sätter märke när det gäller "All in One" WP-teman.

Det är ett flexibelt ramverk som låter dig producera en webbplats som passar alla organisationer, orsaker eller varumärken. Denna typ av produkt innehåller alla funktioner som din webbplats eventuellt kan behöva. Det gör att du kan marknadsföra produkter och tjänster, bygga en e-handelswebbplats eller en vacker blogg eller utveckla en professionell portfölj. Den stöder integration av sociala medier och är helt lyhörd.

Den extrema nivån av personalisering gör att din webbplats ser unik ut.

Även om du ser många andra webbplatser som bygger på samma mall, kommer de alla att vara väldigt olika. Om du behöver en mall som gör att du kan bygga en webbplats på det enklaste sättet, skulle ett multifunktionellt tema vara det bästa alternativet.

Det finns några potentiella nackdelar med multifunktionella föremål, som du måste tänka på innan du väljer en.

Om du är extremt kräsen när det gäller layout, färger, avstånd och andra aspekter av styling och utseende, kanske du inte får allt du behöver i en multifunktionell produkt.

Du kanske behöver en funktion som mallen inte erbjuder, eller så kommer du inte att kunna använda den funktionen på den exakta platsen du tänker på. Om du vill fixa webbplatsen till en mycket specifik vision behöver du WordPress-utvecklare med avancerade kodningsfärdigheter.

Om du behöver en riktad och förfinad webbplats som är särskilt utformad för din nisch, kommer en multifunktionell webbplats inte att uppfylla dina förväntningar. Om du däremot vill komma igång och hålla saker öppna så att du fortsätter att förbättra webbplatsen när du är på språng, är det en smart sak att välja ett alternativ för flera ändamål.

På den ljusa sidan är dessa två de finaste exemplen på mångsidiga mallar som fungerar för de flesta människors behov. Nu till detaljerna!

Läs mer:  25+ bästa (roliga!) WordPress-teman för artister (gratis och premium)

Avada vs Divi - Funktioner

Både Avada och Divi kommer att lyckas eller misslyckas med sina funktioner. Så vad erbjuder oss mer?

Avada – Översikt över funktioner

Avada

Avada är attraktivt främst på grund av sin flexibilitet. Du kan använda den för nästan alla typer av WordPress-webbplatser genom att använda en av de många förbyggda demowebbplatserna.

Du behöver bara lägga till innehåll och voila – du får en snygg webbplats. Vi har använt detta tema flera gånger i vårt kundarbete med fantastiska resultat och kunden har alltid varit nöjd.

Envato-marknaden är extremt konkurrenskraftig, så att vara den bästsäljande varan där betyder något. Det måste vara riktigt bra.

I likhet med sin konkurrent låter ThemeFusions mallar dig också skapa nästan vilken typ av webbplats som helst.

Du får tillgång till ett omfattande bibliotek med färdigbyggda demo-webbplatser, som du kan använda på din egen webbplats på några minuter.

Om du inte gillar demosidorna kan du alltid börja om från början.

Dessa är de viktigaste funktionerna du kan använda:

  • Stora menyer: flera platser, mega-meny med widgets, hög nivå av anpassning och typografikontroll
  • Inbyggd dra och släpp sidbyggare
  • Överflöd av teman och sidalternativ
  • 120+ designelement
  • Demoimportör med ett klick
  • Översättningsalternativ
  • Kontroll över webbplatsens bredd

Läs mer om Avada

När du har installerat och aktiverat Avada på temansidan förs du sedan till ett välkomstområde.

Det här är i huvudsak en guide för att komma igång för att se till att du har gjort alla viktiga saker.

Du kommer att uppmanas att installera alla WordPress-plugins för beroende och ställa in allt.

Dessa beroenden kommer att vara användbara för att ställa in specifika funktioner och funktioner. De inkluderar Avada LayerSlider, Slider Revolution, WooCommerce, bbPress, The Event Calendar och Contact Form 7. 

För att vara ärlig, har vi funnit att Avada fungerar som bäst när det hålls på ett minimum antal plugins, så vårt råd är att hålla plugins till det enda du faktiskt behöver.

plugins välkomstskärm

Medan Divi är minimalt invasivt med så få intrång som möjligt, tar Avada en mer kraftfull strategi över din adminmeny.

Den visar sig själv genom att visa menyalternativ för Avada, Live Visual Builder högst upp i menyn. Detta innebär att det skjuter de saker du är van vid såsom inlägg, sidor, kommentarer och plugins, längre ner på sidan

Genom vårt försök och fel upptäckte vi att detta inte är idealiskt om du har arbetat med WordPress under en lång tid. Du kommer att finna dig själv att gissa varje gång du väljer ett alternativ.

Vad som är värre är att om du lägger till de andra rekommenderade WordPress-plugin-programmen kommer menyn att bli ännu mer trångt.

Efter att ha använt Avada för vårt projekt måste vi säga att detta är något vi verkligen inte gillar med Avada. 

menyerna skjuts ner

Live Visual Builder är en front-end dra och släpp sidbyggare. Detta är en klar förbättring jämfört med den gamla Fusion-byggaren som vi hade kämpat med tidigare. Det kan aktiveras i ditt innehåll oavsett om det är inlägg, sidor eller andra inläggstyper, vilket gör det mycket tillgängligt.

I motsats till Divis färgglada gränssnitt känns det enkla svarta, vita och blåa färgschemat hos byggaren lite kliniskt.

Det känns som att det designades av en kodare, snarare än en designer.

På den positiva sidan är byggaren snabb, funktionell och mycket lätt att navigera. På en tom sida kommer du att se alternativ för att lägga till en behållare (rad) eller en förgjord layout.

Om du bara kommer igång med byggaren visas också en guidad tur-video.

Även om de flesta användare inte kommer att tycka att byggaren är skrämmande, rekommenderar vi ändå att du tittar på videohandledningen eftersom den förklarar några saker som du kanske känner till.

Den täcker bibliotekssystemet och visar dig andra inställningar och funktioner som kan göra dig lite frustrerad.

exempellayout för fusion builder

fusionsbyggare

När du väl börjar använda byggaren kommer du att börja njuta av att arbeta med den, eftersom den har blivit så snabb och snabb jämfört med de tidigare versionerna som var jobbiga att använda.

Efter att ha arbetat med ett gäng sidbyggare är mitt största klagomål att vissa av dem är så tröga.

Medan Divi Builder inte kan anses vara en av de långsamma byggarna, du kommer fortfarande att känna skillnad mellan de två när du laddar dem sida vid sida.

Enkelt uttryckt är vår erfarenhet av att arbeta med Avadas byggare nu en snabb och trevlig upplevelse.

Som förväntat raderas element lätt, flyttas runt, klonas och konfigureras.

Observera att rader är kända som "Behållare". Element kan släppas i kolumner som placeras i behållare.

När det gäller alla element som du kan införa på en Avada-baserad webbplats, nedan är en översikt. Som du kan se finns det ett omfattande urval av element att lägga till på din webbplats.

Byggaren låter dig också se ändringarna du har gjort och låter dig återgå till dessa ändringar. Det är något annorlunda än redo- eller ångra-knappen som finns med Divi - du måste använda tidslinjen för ändringar för att återgå.

Faktum är att låt oss fortsätta översynen av Divi vs Avada genom att nu titta i detalj på Divis funktioner.

Divi – Översikt över funktioner

Divi - ultimat WordPress-tema och visuell sidbyggare

Med Divi kan du bygga vilken typ av webbplats som helst och njuta av live-responsiva förhandsvisningar. Det är en exceptionell produkt med fantastisk grafik. Även om den kraftfulla sidbyggaren uppfyller behoven hos alla utvecklare, är den också lämplig för personer som inte kan koda.

Vi har använt Divi i evigheter nu, av flera anledningar. Temat har gått från klarhet till klarhet och webbplatserna vi har byggt med det är alltid förstklassiga. 

Den främsta anledningen till att Divi har fortsatt att förbättras är detta.

Eftersom Elegant Themes får de flesta av sina inkomster från denna post, investerar de kontinuerligt i den. Vad betyder detta för sina användare? De får ständigt nya uppdateringar, som hjälper dem att göra förbättringar på sina webbplatser.

Divi version 3.0 gav realtidsredigering på förstasidan.

Divi 4.0-versionen kom med en annan spelförändrande funktion: Divi-temabyggaren.

Med detta är det nu möjligt att ändra design, layout och struktur på hela din webbplats. Det låter dig använda den responsiva visuella sidbyggaren för att skapa anpassade sidhuvuden, sidfot och kroppsmallar för varje typ av sida på din webbplats.

Du kan skapa anpassade mönster, layouter och strukturer för olika inläggstyper som blogginlägg, produkter, portföljer och andra.

Utöver det kan du också göra detsamma med anpassade indexsidor tillsammans med andra specialsidor som 404 sidor, sökresultatsidor, arkiv, kategoriflöden och mer. Du kan bokstavligen anpassa utseendet på någon del av hela webbplatsen nu.

divi tema byggare

En webbplats byggd med detta är snygg, ren, elegant och modern. Det ger intrycket av mycket arbete som investerats i det. Ändå gör biblioteket med förbyggda layouter och den enkla sidbyggaren detta till ett av de mest användbara teman där ute. Det bästa med det är att det blir bättre med tiden.

Det här är de mest anmärkningsvärda funktionerna vi har använt och baserat på våra observationer kan du också hitta användbara:

  • Online redigering
  • Anpassningsbart användargränssnitt
  • Dragbara bredder
  • Dra och släpp sidbyggare
  • Responsiv redigering
  • Leads Split Testing Tool
  • Temabyggare

Låt oss ta en titt på vad du kan göra med Divi, så vi förstår det lite bättre:

Temakomponenter du kan använda

I grund och botten får du alla element du behöver för en detaljerad webbplats.

Få 10% rabatt på Divi

Vi fortsätter vår jämförelse mellan Divi och Avada genom att kontrollera vilka färdiga mallar eller demosidor som finns tillgängliga för båda teman.

Avada vs Divi - Tillgängliga mallar

Antalet mallar du får med ett tema är ett mått på hur mycket du kan få ut av det så vi kommer att jämföra Divi vs Avada på deras val av mallar nu. Vi är inte alla utvecklare eller grafiskt begåvade så en färdig mall av hög kvalitet är avgörande.

Avada mallar

Avada levereras med 91 förbyggda webbplatser som täcker ett brett spektrum av industrier. Det finns en riktig blandning av småföretag, e-handel, byråer och andra. Vi har använt flera av dessa för att komma igång och de ger dig verkligen ett försprång i utvecklingen.

Designen är modern, färgstark och välbalanserad och erbjuder massor av alternativ för alla som vill använda något som redan gjorts.

Det finns en väldigt sammanhängande stil genom alla dessa mallar. De är alla genomtänkta, balanserade och skapar en professionell känsla.

Avada Nutritionist är ett exempel på en mer färgstark mall.

Avada Nutritionist

Avada Extreme är ett annat exempel på deras öga för design.

Avada Extreme

Divi mallar

Divi kvantifierar inte hur många mallar det erbjuder men det finns bokstavligen tusentals sidor av dem. När vi utvecklar våra projekt är det svåra att faktiskt gå igenom de flesta av dem, de är så många. Precis som Avada finns det en riktig blandning av genrer och design som täcker de flesta behov.

Designen är antingen riktigt färgstark och livlig eller relativt platt och ointressant (i alla fall i mina ögon). Medan vissa är riktigt bra, laddas vissa demos väldigt långsamt och är ganska oinspirerande.

Definitivt mer blandad back än med Avada även om det finns fler av dem.

Divi YMCA är en bra liten design som engagerar direkt.

Avada vs Divi YMCA

Divi Rebbl är en e-handelsmall som vi gärna skulle använda själva.

Avada vs Divi Rebbl

Avada vs Divi Tema - Temabyggnad

Temabyggande är ett annat centralt inslag i dessa två teman. Det är mycket bra att ha färdiga mallar, men vad händer om du vill ha något unikt? Låt oss se hur temabyggarna jämför i Divi vs Avada.

Avada i aktion: Byggaren

På grund av licensen inkluderar installationen av Avada ytterligare ett steg jämfört med Elegant Themes tema.

Du måste validera din kopia av objektet innan du får tillgång till alla plugins och tillägg. Temat ger dig ett alternativ att använda det utan sådan validering, men du kommer att sakna coola funktioner.

I likhet med sin konkurrent låter den här mallen dig också skapa en webbplats från grunden.

Men det ger dig också coola webbplatsdemos (du kommer att hitta många av dem) som är mycket flexibla, så du kan fortfarande få en webbplats som ser unik ut om du väljer det alternativet.

Demos inkluderar produktsida, fotografi, resor, arkitektur, livsstil och mer. Du kan justera alla aspekter av webbplatsen.

Om du inte är mästaren på koden kommer den här mallen inte att ge dig några problem för det. Faktum är att vi har flera designers som inte kodar, men de har ändå uppnått mycket bra resultatless.

Sidbyggaren är ett dra och släpp-verktyg som låter dig skapa en webbplats från grunden. Den kommer med ett stort urval av förbyggda mallar, som du kan redigera som du vill.

Kolla in en Avada-demo nu

Avada förbyggda mallar

Du kan justera varje sida med ytterligare inställningar relaterade till bakgrunden, sidofält, sidfot, skjutreglage, titelfält och mer.

Den goda nyheten är att den här mallen gör det enkelt att tjäna pengar på webbplatsen - du kan helt enkelt använda widgeten Annonser för att ta med annonsbanners till din webbplats.

Där Avada vinner – Funktioner som saknas i andra mallar

Kom ihåg hur innan vi nämnde hur Elegant Themes mallen gav dig ett bibliotek med layouter (alias sidmallar) att tillämpa på dina sidor och inlägg?

Det är bra, och Avada ger dig det alternativet också.

Men mallen låter dig också importera en hel demowebbplats på några minuter. Det är där den vinner.

En annan viktig styrka med den här produkten är att den är bra att låta dig ta kontroll över en mobilwebbplatss utseende. Du kan utesluta specifika element från att visas i mobilversionen och du kan justera mobila brytpunkter.

Estetik är en stark punkt i denna mall. Divi låter dig också skapa vackra sidor.

Om vi ​​var tvungna att utse en vinnare i denna aspekt, skulle Avada vara den.

Besök malldemon på ThemeForest

Divi in ​​Action: Dra-och-släpp-byggaren

Dra-och-släpp-byggaren är där Divi WordPress-temat verkligen lyser och det är där vi kan se betydande skillnader mellan Divi vs Avada. Vi har skapat många anpassade WordPress-webbplatser och det är hur enkelt som helst med den här mallen.

Skapar sida med ElegantThemes Dra och släpp sidbyggaren

 

När du väl har laddat upp och installerat Divi på din webbplats och aktiverat den kan du bara börja arbeta med den. Du behöver inte installera några plugins alls (till exempel rekommenderar Avada att du installerar specifika plugins). Det rekommenderas ändå att du utför eventuella uppdateringar och se till att du lägger till ditt användarnamn och API-nyckel så att du får full tillgång till funktionerna och uppdateringarna - direkt via adminområdet.

Elegant Themes har tagit en minimalistisk inställning till hur detta integreras i din webbplats. Byggaren är omedelbart tillgänglig när du redigerar innehåll, inlägg och sidor.

Om du har ytterligare anpassade inläggstyper kan du behöva gå till inställningar för att aktivera Divi builder att arbeta med dem.

inställningar för integrering av divi-post

Divi builder fungerar både på back-end och front-end-editor. Medan vissa människor föredrar att arbeta i front-end, andra föredrar back-end-till exempel jag själv, jag föredrar att arbeta i back-end även om ett front-end-gränssnitt är tillgängligt-för mig är det mer tillgängligt med resten av alternativen i WP. Fronten kan jag sedan bara använda när jag behöver finjustera utseende och känsla.

Du kanske förmodligen vet att sidbyggarens nisch är mycket konkurrenskraftig just nu, men sant att säga, byggaren från Elegant Themes hålls faktiskt som nivån att sikta på. Det faktum att det har ett rent gränssnitt, en bra användarupplevelse och fortfarande är snabb - gör det till en perfekt kombination. Även om layouten kan se enkel ut, är det en smart användarupplevelsedesign - den har många användbara inställningar och funktioner som du inte hittar i andra sidbyggare.

Även på vår byrå är vår måttstock när vi diskuterar sidbyggare Divi. Vi jämför de flesta andra sidbyggarna med den här. Kanske för att vi har byggt upp massor av erfarenhet och expertis när vi arbetar med Divi, men även med nyrekryteringar upptäcker vi att de fortfarande kommer igång med Divi snabbare.

Så hur använder du det?

När du klickar på "Använd Divi Builder”-Knappen tillgänglig i din inläggsredigerare, så kommer Builder att dyka upp. Vid det här laget kan du börja redigera genom att dra och släppa innehållsmoduler, kolumner, rader och sektioner efter behov för din webbplats. 

Temat ger dig också möjlighet att börja från grunden genom att skapa din layout.

Det betyder att du väljer det hårda sättet att bygga en webbplats. Men det ger dig också en omfattande lista med färdiga layouter, som du kan justera för att möta behoven på din webbplats. Innan du börjar skapa dina egna föreslår vi att du tittar på de layouter som redan är tillgängliga.

Mallen ger dig också en omfattande lista över färdiga layouter, som du kan justera för att möta behoven på din webbplats. Innan du börjar skapa din egen, föreslår vi att du tittar på de layouter som redan är tillgängliga.

divi förbyggd layout

Det finns flera layouter för dig att välja mellan för tillfället och fler läggs till över tiden, så att du kan skapa din egen tilltalande sida även om du inte har avancerade kodningskunskaper. 

Layouterna täcker allt, från mallar för blogginlägg och snart kommande sidor till flera målsidor och hemsidesdesign. Du kan börja använda flera mallar direkt efter installation av Divi, så det sparar mycket tid.

Mallarna sparar dig från att lägga till anpassad kod samtidigt som du ger mångsidighet och bra prestanda för din webbplats. 

Vi har använt mallarna om och om igen för att se till att vissa återställbara aspekter, såsom kampanjwidgets, kan återanvändas om och om igen i de olika delarna av webbplatserna. Det har sparat oss massor av tid och säkerställer att vi har konsekvens genom hela vår design.

När du redigerar och antingen gör ett misstag eller kanske måste du skapa en liknande layout kan du antingen ta bort eller klona eller kopiera avsnitt med ett klick på en knapp. Det finns specifika inställningar för varje del, vilket ger dig stor kontroll och detalj över hur allt visas.

När det gäller strukturen för hur en sida är uppbyggd visas innehållsmoduler inom kolumner. Dessa kolumner finns i rader som i sin tur ingår i sektioner. Naturligtvis har du full flexibilitet för att enkelt lägga till standardavsnitt, fullbreddssektioner och särskilda sektioner som har kolumner som sträcker sig över flera rader. 

Du kan sedan definiera hur dessa visas i de olika responsiva storlekarna.

sidstruktur infoga kolumner

 

Med Theme Customizer kan du spela med olika element på sidan, som sidhuvud och sidfot, knappar, typografi, widgets, färgscheman och mer. Det som är bra är att du får uppleva resultaten av dessa förändringar i realtid. 

Det är något som ThemeFusions mall inte gör för dig.

divi tema anpassare

Här är kickern.

Som webbdesigner eller ännu mer som icke-teknisk användare är du tvungen att göra misstag som kan bryta din design. Men killarna som utvecklar detta har redan tänkt på detta. Om du gör ett misstag i din layout finns det en ångra-knapp, göra om-knappen och en historik-knapp som låter dig gå tillbaka till din tidigare design.

Visst en livräddare, och vi har upplevt detta flera gånger - verkligen en fantastisk funktion.

sidbyggarhistorik ångra återknapp

 

Front-end vs Back-end-redigering

I de tidigare versionerna av Divi, särskilt före version 3.18, aktiveras front-end-redigeraren, även kallad "Visual Builder" enkelt via administratörsområdet genom att aktivera den med knappen "Använd Visual Builder". Du kan också aktivera den med växlingsknappen "Aktivera Visual Builder" i administratörsfältet i framsidan av din webbplats (du måste vara inloggad för att kunna göra detta).

Ända sedan WordPress 5.0 och den nya Gutenberg -redaktören fungerar inte Divis backend -editor längre, så när Divi 3.18 släpptes, Elegant Themes gjort betydande förbättringar och ändringar i backend-redigeringsfunktionerna. Men mer om det senare.

Visual Builder använder ett något annorlunda gränssnitt än byggaren som används i backend- eller adminområdet. Även om det inte är särskilt svårt att använda, är det lite mer jobbigt och lite less lätt att flytta runt delar, särskilt om du har en stor och komplex sida.

Om du behöver se mer information måste du klicka på ellips-knappen (tre punkter) som ger fler alternativ som laddning från biblioteket, rensa den aktuella layouten och relevanta sidinställningar efter behov.

Det finns också en meny som laddas längst ner till vänster på sidan - detta är särskilt användbart när du arbetar med din layout. Menyn låter dig faktiskt visa din sida så som den ser ut i mobil-, surfplatt- och skrivbordsläge, medan utzoomningsalternativen visar hela layouten.

Det sista vi vill tala om när det gäller byggaren är alternativet som kallas "Wireframe View". Denna vy döljer faktiskt din design och laddar din layout som den visas i standardbyggaren. Denna nya funktion låter dig sömmalessväxla enkelt mellan wireframe (back-end) -läge och visuell editor.

Även om det ursprungligen var ett sätt för användare att enkelt växla mellan front-end och back-end-byggaren, har det sedan dess blivit den nya back-end-redigeraren och ersätter helt den gamla som fungerar med den klassiska WordPress-postredigeraren.

visuell byggare

 

 

Nu när vi pratar om back-end-redigeraren...låt oss diskutera det i detalj.

Sedan WordPress 5.0 och Divi 3.18 släpptes är den klassiska Divi-backredigeraren nu inaktiverad som standard. Det beror på att Gutenberg blev WordPress nya standardinläggsredigerare. Den gamla Divi-backredigeraren utvecklades för att arbeta med de äldre ”klassiska”Inläggsredigerare, så nu passar det inte längre det aktuella scenariot. Så Elegant Themes släppte en ny uppdatering och gjorde det så att Gutenberg -redaktören nu kan använda läget för visuell sidbyggare.

Att skapa en ny sida i Gutenberg visar nu följande skärm:

nya gutenberg

Genom att klicka på Använda Divi Builder -knappen startar omedelbart den visuella byggaren med alternativ för att skapa en sida från grunden, importera en befintlig layout eller klona en sida.

Den nya trådramvy ersätter i huvudsak den äldre backend-redigeraren. Det kan enkelt nås med ett enkelt klick på en knapp när du är i det visuella byggläget.

trådram

Divi vs Avada - Bakåtkompatibilitet

Bakåtkompatibilitet är en mindre funktion men kan vara användbar om en ny uppdatering bryter mot din design eller om du vill återgå till att använda den klassiska WordPress-redigeraren.

Avada bakåtkompatibilitet

Så vitt vi kunde säga fungerar Avada tillräckligt bra med WordPress-blockredigeraren för att bygga inlägg och sidor. Vi skapade flera blogginlägg med hjälp av en Avada-demosida och blockredigeraren och de såg ut och fungerade bra.

Den övergripande designen tog på sig Avada-stilen, medan vi kunde lägga till innehåll och bilder med blockredigeraren.

Avada säger också att det kan rullas tillbaka till tidigare versioner, men vi försökte inte det.

Divi bakåtkompatibilitet

För dem som fortfarande känner sig bekväma med att använda den klassiska WordPress-blockredigeraren, har Divi ett alternativ som låter dig återgå till det.

Genom att gå till Divi > Builder > Advanced Open water, kan du aktivera Klassisk redaktör, som är WordPress ursprungliga inläggsredigerare.

Du behöver inte använda ett externt fristående WordPress-plugin för att aktivera detta!

möjliggör klassisk wordpress-redigerare

Även om det kan verka som en enkel funktion, är det ett bra sätt att säkerställa bakåtkompatibilitet för de användare som fortfarande är bekväma med den tidigare användarupplevelsen och arbetssättet

Om du aktiverar det här alternativet kommer du att kunna ha hela backend Divi builder uppleva igen. Om du är på Gutenberg hade detta inte varit möjligt.

klassisk redaktör

Den gamla back-end använder den nya wireframe-vyn, men du kan fortfarande gå längre tillbaka och uppleva den äkta klassiska Divi backend-upplevelsen.

Kommer till Divi > Builder > Advanced Open water, det finns alternativet "Aktivera den senaste Divi-upplevelsen". Om du verkligen älskar den klassiska Divi-backend-redigeraren, kommer du att vilja att det här alternativet är inaktiverat.

Ganska snyggt! Särskilt för dem som gärna arbetar på det sätt de är vana vid.

klassisk redaktör klassisk backend

Ovanstående är samma sida som vi såg tidigare, men den här gången använder den den klassiska editorn och den klassiska Divi back-end editorn.

Du missar några av de senaste funktionerna på detta sätt. Men om du klickar på Bygg på fronten knappen, kommer du att kunna använda det nyare wireframe-läget.

Divi fungerar också tillräckligt bra med WordPress-blockredigeraren så att vi kan skapa inlägg och sidor med båda användargränssnitten.

Få 10 % RABATT på Divi fram till februari 2024

Divi Theme Builder

Divi har en fantastisk funktion: Theme Builder.

Tillbaka i sina tidigare versioner hade Divi vissa begränsningar när det gäller anpassning. Även om det kommer med en bra anpassare och kraftfull sidbyggare, saknades fortfarande något: möjligheten att skapa anpassade sidhuvud, sidfot och kroppsmallar.

Denna specifika funktion är vad som har gjort det möjligt för oss att skapa fullständiga anpassade webbplatser från grunden utan begränsningar.

Läs mer: Divi vs Elementor - Vilken Pagebuilder är mest värd pengarna?

Med den nya versionen kan du nu anpassa praktiskt taget alla delar av din webbplats. Elegant Themes tog makten hos sidbyggaren och utvidgade den till hela webbplatsen.

divi tema byggare

Medan möjligheterna att använda anpassade sidhuvuden och sidfötter är ganska uppenbara, kan inte samma sägas för anpassade kroppsmallar.

Användning och användningsfall av dessa kan vara lite vaga för en oerfaren användare. Men för en byrå som vår, där våra kunder kommer med många olika krav och specifikationer, gav möjligheten att vara fullt flexibel och Divi-temabyggaren oss denna möjlighet.

Enkelt uttryckt, med anpassade kroppsmallar kan du skapa en anpassad design som ändrar layout, struktur och design för dina inlägg, sidor, produkter, kategoriflöden och mer.

Som standard har ett blogginlägg till exempel sin titel i början. När vi använder den nya temabyggaren kan vi göra det så att titeln visas direkt efter den utvalda bilden, eller före, vad du föredrar.

Vi kan också ställa in vilket typsnitt, färg och storlek texten ska visas, lägga till anpassade element i alla blogginlägg samtidigt och mer!

Det fina är att vi kan använda de olika Divi-modulerna på vilket sätt vi vill. Ta till exempel Divi-modulen för sociala delningsikoner.

Genom att använda temabyggaren kan vi skapa en anpassad kroppsmall för blogginlägg som har modulen för social delning, till exempel, under rubriken.

När du väl har sparat det har alla inlägg sociala delningsikoner, utan att behöva installera en extern plugin för det!

Möjligheterna till design och användning är nu bara bundna av din kreativitet.

Men vad händer om du vill utesluta vissa inlägg från att ha en social delningsikon? Eller vad händer om du inte vill att vissa inlägg har den anpassade mallen?

Temabyggaren låter dig också göra det innefattar or utesluta delar av din webbplats från en mall.

inkluderar utesluta

Vi kan säga att, bokstavligen, din fantasi sätter gränsen med Divi 4.0. Efter att ha arbetat med den här produkten sedan den kom ut kan vi inte förstå hur vi faktiskt brukade fungera utan den!

Där Divi vinner - Funktioner som saknas i andra teman

Testverktyget för Leads-delning gör det enkelt för dig att skapa flera versioner av en sida och se vilken som fungerar bäst i handling. Delad testning är en viktig del av varje webbplats utveckling, och du behöver inte betala för en extra tjänst om du använder den här mallen.

Realtidsaspekten är dess starkaste fördel. Du ser alla förändringar du gör i realtid, helt enkelt för att temat ger dig ett frontend-redigeringsalternativ.

Du hittar inte sådana funktioner i andra sidbyggare, som Visual Composer (åtminstone inte hittills).

En annan stor fördel med detta tema är att du kan använda det på flera webbplatser utan extra avgifter. Hur coolt är inte det?

För att öka det goda innebär en ny uppdatering av Divi i augusti 2021 snabbare sidladdningstider och allvarligt imponerande prestanda. Genom att använda smarta CSS-tricks har utvecklarna krympt CSS med 94%, tagit bort CSS-blockerande CSS, tagit bort all kopiering i filer och justerat det så att endast den CSS som krävs för sidan används.

Allt konspirerar för att göra Divi snabbare än någonsin!

Divi är jättebra, inte konstigt att det är ett av de mest sålda WordPress-teman genom tiderna! 

fusion ändrar historik

Avada i aktion: The Fusion Builder

På grund av licensen inkluderar installationen av Avada ytterligare ett steg jämfört med Elegant Themes tema: du måste validera din kopia av objektet innan du får åtkomst till alla plugins och tillägg. Temat ger dig möjlighet att använda det utan sådan validering, men du kommer att sakna coola funktioner.

I likhet med sin konkurrent låter den här mallen dig också skapa en webbplats från grunden. Men det ger dig också coola webbplatsdemos (du hittar över 90 av dem) som är mycket flexibla, så du kan fortfarande få en webbplats som ser unik ut om du väljer det alternativet. Demos inkluderar produktsida, fotografi, resor, arkitektur, livsstil och mer. Du kan justera alla aspekter av webbplatsen. 

Fusion Builder är ett drag-och-släpp-verktyg som låter dig skapa en webbplats från grunden. Den levereras med ett stort urval av förbyggda mallar, som du kan redigera som du vill.

 

Kolla in en Avada-demo nu

 

Avada förbyggda mallar

Du kan justera varje sida med ytterligare inställningar relaterade till bakgrunden, sidofältet, sidfoten, skjutreglagen, titelraden och mer. Den goda nyheten är att den här mallen gör det enkelt att tjäna pengar på webbplatser - du kan helt enkelt använda Ads-widgeten för att få annonsbannrar till din webbplats.

Avada vs Divi - Användarvänlighet: Hur snabbt kan du skapa en webbplats?

När det gäller att prata om Divi vs Avada är användarvänlighet den största fördelen med flerfunktionsmallar. Båda mallarna låter dig skapa en webbplats baserad på layouter eller sidmallar. Inlärningskurvan för dem båda är skonsam. Men de är inte bara "skinn" och kräver att vänja sig vid.

Det är seriös mjukvara vi pratar om. Om du vill få ut alla fördelarna med båda dessa produkter måste du leka. För att bygga upp expertis måste några av våra designers ägna ett par timmar åt att leka med husdjursprojekt.

Medan ThemeFusion har en omfattande kunskapsbas och coola videohandledning som gör ditt jobb riktigt enkelt. Oavsett vilken funktion du vill använda kan du enkelt lära dig hur du gör det. Divis riktlinjer är mer organiserade och lättare att läsa för avslappnade användare. Du får också praktiska videohandledning för varje post du vill implementera.

Det finns ingen ren vinnare i denna kamp: inlärningskurvan är ungefär lika med båda dessa föremål. De är relativt lätta att använda för personer utan avancerade kodningsförmåga.

Vittnesmål från användare

Förutom våra egna projekt, tester och fullständig granskning. Det är viktigt att se vad riktiga användare har att säga om Divi vs Avada, så att du också baserar ditt beslut på andras erfarenheter. Båda sajterna har vittnesmål från användare. Här är en glimt:

Andrew Palmer från SomebodysHero.co.uk är imponerad av Elegant Themes:

"Efter att ha upptäckt Elegant Themes för ungefär 4 år sedan och använder i stort sett alla mallar på mina klientwebbplatser - det är klart att säga att mitt företag är byggt på Elegant Themes. För cirka 7 månader sedan upptäckte jag detta tema och använde min vän och klient Pat Sharp som ett test på Divi. Sedan dess har jag överfört cirka 40% av mina kunder till det och fortsätter att slå trumman på temat - dess flexibilitet gör att jag och mina utvecklare kan bygga en webbplats på några dagar snarare än några veckor och det erbjuder allt en kund kan behöva, redo för mobil och om vi behöver göra ändringar i CSS för att ändra hur det ser ut kan vi! ”

Det finns gott om omdömen på ThemeFusions webbplats också. Här är vad en av användarna säger: ”Ni har förstklassig kundtjänst och en fantastisk produkt. En sådan bra mall med oöverträffat stöd. Kan inte tacka dig nog för allt stöd du har erbjudit en nybörjare som jag fick upp webbsidan. Du har räddat mig bokstavligen tusentals dollar. ”

När det gäller oberoende recensioner är Quora en trevlig källa till dem.

Så här säger Sanjeev Mishra, en WordPress-expert, om Divi:

"Detta WordPress-tema är det överlägset bästa temat från Elegant Themes Club och någonstans läste jag att antalet försäljningar hände eftersom Divi är mer än alla andra Elegant Themes'teman kombinerad ... Med den kan du bygga en fin layout för din webbplats och lägga till fantastiskt vackra element. Utan tvekan finns det snyggare artiklar tillgängliga på TF-marknaden eller till och med några bättre teman är tillgängliga på andra klubbar. ”

Här är vad Karol Krol, författare till WordPress Complete, har att säga om Avada, i jämförelse med Divi:

"Avada ger dig mycket mer när det gäller anpassningsbarhet. Den har en enorm alternativpanel där du kan justera i princip vad som helst om din webbplats - saker som layout, stilar, logotyper, rubriker, sakers beteende, etc... Om du vill ha det högsta tillgängliga antalet alternativ och justeringar, gå med Avada. Om du vill designa med dra-och-släpp och se allt i realtid, gå med Divi.”

Utseendet: Vad du kan uppnå med dessa teman

Vi valde tre fantastiska webbplatser byggda med var och en av dessa artiklar, så att du kan se hur de ser ut i praktiken. Från exemplen nedan ser du att båda låter dig bygga professionellt utseende webbplatser med massor av flexibilitet. ThemeFusions skapande kan vinna skönhetstävlingen, men den är nära.

Webbplatser byggda med Divi (exempel)

FashionOrFamine.com

Den första webbplatsen är en snygg sida om mode - se hur ett bra exempel på mallen i aktion ser ut.

Exempel på modewebbplats

FindabilitySciences.com

Det här är mer en företagswebbplats - och du kan se att webbplatsen utstrålar professionalism.

Exempel på företagswebbplats

HowToBeast.com

Och nu för ett helt annat exempel på en webbplats som använder den här mallen, som fortfarande lyckas lysa. Vi kan inte säga att det inte är flexibelt.

Hur man odlar webbplatsens exempel

Nu när vi har sett några webbplatser byggda med ElegantThemes produkt, låt oss se hur webbplatser byggda med ThemeFusions mall jämför.

Webbplatser byggda med Avada - exempel

Liberty-Trails.com

Med hjälp av fantastisk fotografering tar mallen den här webbplatsen till stora höjder.

Avada temaexempel - webbplats för frihetsstigar

Maui.Hawaii.edu

Enkelt, men professionellt, precis vad en universitetswebbplats skulle behöva och vad mallen har gett den här webbplatsen.

Avada-exempel - utbildningsuniversitetets webbplats

YellowMarineConsultancy.com

Lite av en mer ordlig webbplats, Themefusion-mallen skapar fortfarande ett utmärkt resultat

15 avada exempel gul marin konsultverksamhet

Avada vs Divi Prissättning

Den avgörande aspekten när det kommer till Divi vs Avada är förmodligen prissättningen. Genom vår egen användning av båda dessa teman kan vi direkt berätta för dig att Divi är mer värdefullt.

Och vi kommer att förklara för dig hur vi har levt detta värde på vår byrå.

Divi finns i två prissättningsalternativ: $89 per år för utvecklare och $249 för Lifetime Access. (och du får 10% RABATT om du använder vår rabatt)

Få Divi nu med 10 % RABATT fram till februari 2024

Divi vs Avada Price

 

En vanlig licens för Avada kostar $69 ($91 om du vill ha utökat support till 12 månader).

Avada vs Divi Prissättning

Frågan är: vilken ger mest valuta för pengarna?

En årlig Elegant Themes medlemskap kommer att kosta dig $89 per år.

Med detta får du använda det på ett obegränsat antal sajter och du får tillgång till alla produkter från ElegantThemes och det inkluderar Divi Builder plugin, som låter dig ta sin kraft till tredje parts teman.

Den vanliga licensen för ThemeFusions mall kostar $ 69, och det är en engångsavgift. Du får använda den på en enda webbplats. Med detta paket får du 6 månaders support och livstidsuppdateringar.

En utökad licens för mallen kommer med en engångsavgift på $ 2950. Det ger dig 6 månaders support och livstidsuppdateringar.

Det finns ingen tydlig vinnare när det gäller prislappen om du utvecklar en enda webbplats endast. Paketen är olika, så du väljer det bästa värdet för dina behov.

Om du behöver ett tema för en enda webbplats och du vill ha livstidsuppdateringar, skulle Avada vara det bättre alternativet.

MEN

Om du vill använda ditt köp på flera sajter, välj Divi. I det ögonblick du behöver bygga mer än en webbplats, t.ex. är du en webbdesigner eller en byrå, blir Divi omedelbart mer vettigt eftersom du kan fortsätta använda samma Elegant Theme-medlemskap om och om igen för så många webbplatser du vill.

Vår byrå har köpt Divi för flera år sedan med ett livstidsmedlemskap och vi publicerar fortfarande flera webbplatser varje månad baserat på den senaste versionen av detta premiumtema.

Har Divi betalat för sig? Flera gånger om. 

Är Avada dyrt? Jämfört med kostnaden för en fullständig webbplats nu, men i princip gör ju bättre ROI vi fick från att använda Divi det en no-brainer.

Detta är en absolut vinst värdemässigt och Divi tar spetsen här.

Nya funktioner från Divi

De senaste månaderna har Divi-teamet jobbat hårt och har skapat ett antal nya produkter för Divi-familjen. Bland de nya produkter och tjänster som vi nu har lagt till vår verktygsuppsättning:

  • Divi-marknadsplatsen - en marknadsplats för Divi-plugins och tillägg utvecklade av tredje part
  • Divi Cloud - molnlagring för webbdesigners
  • Divi-team - samarbete för Divi-byråer
  • Divi-hosting - komplett molnvärd för Divi-webbplatser

Kolla in Elegant Themes webbplats för vart och ett av dessa nya erbjudanden och få vår rabatt nedan. 

Få 10 % RABATT endast fram till februari 2024

Avada temarecension

Även om vi har belyst en hel del aspekter av detta tema i den här artikeln, har vi också sett till att vi skriver en komplett, opartisk och detaljerad recension av Avada här. Om du skriver en jämförelse mellan två populära artiklar måste du verkligen fokusera på jämförelserna och skillnaderna snarare än höjdpunkterna i det specifika temat. 

Det är därför vi har valt att skriva en specifik recension för ThemeFusions bästsäljande objekt.

I den artikeln koncentrerar vi oss specifikt till de starka sidorna och problemen med att använda detta tema. Du lär dig mer om sin egen sidbyggare och alla andra funktioner och fördelar som gör detta tema till en framgång.

Divi Temarecension

Denna jämförelse med dessa två jättar i WordPress-industrin skulle inte vara komplett om vi inte nämnde att vi också har gjort det skrivit en mycket detaljerad recension av Divi - efter att ha använt den i flera av våra projekt. Sanningen att säga, som vi också har sagt i den här artikeln, kommer du förmodligen inte att få sparken för att du valde någon av dessa mallar att använda på din webbplats.

I hela artikeln och granskningen dyker vi djupt in i funktionerna i ElegantThemes mest populära mall och ser vad som är bra med det och vad som kan göra med några förbättringar.

Vi tjatar inte, vi kallar en spade för en spade, men det är därför du litar på oss eller hur? Eftersom vi skriver den verkliga upplevelsen vi har haft som en faktisk användare av båda dessa teman.

Det avslutar vår jämförelse mellan Divi och Avada, men låt oss kolla in några vanliga frågor.

Divi vs Avada Vanliga frågor

Vilket är bättre Divi eller Avada?

Divi är bättre än Avada enligt vår åsikt, för när det gäller valuta för pengarna, en engångslivstid Elegant Themes medlemskap kan användas för ett obegränsat antal webbplatser som ger dig bra avkastning på investeringen. Avada är fortfarande ett bra tema och ett av de mest sålda teman genom tiderna. Båda dessa teman är solida val.

Vilken är bäst Divi eller Astra?

När det gäller att jämföra Divi med Astra, tror vi att Divi har fördelen när det kommer till prissättning, men Astra har fördelen när det kommer till hastighet. Du måste göra valet baserat på om du vill ha det bästa livstidsvärdet i form av pengar eller den bästa hastigheten för din webbplats. Båda teman är solida val.

Är Divi det bästa WordPress-temat?

Ja, Divi är det bästa WordPress-temat i många aspekter, även om detta är ett subjektivt val. Som ett WordPress-tema som har funnits i flera år och som alltid utvecklas och förbättras, har Divi hållit sig à jour med WordPress-användarnas behov. Dessutom kommer det med mycket bra livstidspriser, vilket gör det självklara valet för webbdesigners eller byråer som har flera kunder, eftersom det ger en bra ROI.

Divi vs Avada Bottom Line: Vilket tema ska du välja?

När det gäller estetik är båda mallarna ganska snygga. När det gäller användbarhet finns det ingen tydlig vinnare där. När det gäller priset - du väljer det som ger dig mest värde, beroende på dina behov. Så när det gäller att jämföra Divi vs Avada - är vi verkligen nere.

Så vilket är det bättre mångsidiga WordPress-temat: Avada eller Divi? Det tydligaste svaret vi kan ge dig är: det beror på.

Om du vill bygga flera webbplatser och vill se de ändringar du gör i realtid och har möjlighet att anpassa sidhuvud, sidfot och kroppslayout, gå sedan till Divi. Om du inte bryr dig om frontend-redigering vill du få fler anpassningsalternativ och du behöver bara ett tema för en enda webbplats, då är Avada det bättre alternativet för dig.

Och om du planerar att bygga flera webbplatser, så ger Divi dig den bättre långsiktiga investeringen.

Så vilken kommer du att välja?   

Få 10 % RABATT endast fram till februari 2024

Köp Avada nu

Om författaren
David Attard
David har arbetat i eller runt online- och digitalbranschen de senaste 21 åren. Han har stor erfarenhet av mjukvaru- och webbdesignindustrin med WordPress, Joomla och nischer kring dem. Han har arbetat med mjukvaruutvecklingsbyråer, internationella mjukvaruföretag, lokala marknadsföringsbyråer och är nu Head of Marketing Operations på Aphex Media - en SEO-byrå. Som digital konsult ligger hans fokus på att hjälpa företag att få en konkurrensfördel genom att använda en kombination av deras webbplats och digitala plattformar som finns tillgängliga idag. Hans blandning av teknisk expertis i kombination med ett starkt affärsmannaskap ger hans skrifter en konkurrensfördel.

En sak till... Visste du att människor som delar användbara saker som det här inlägget ser fantastiska ut också? ;-)
Tveka inte, lämna en användbara kommentera med dina tankar, dela sedan detta på din Facebook-grupp (er) som skulle tycka att det var användbart och låt oss skörda fördelarna tillsammans. Tack för att du delade och var trevlig!

Upplysningar: Denna sida kan innehålla länkar till externa webbplatser för produkter som vi älskar och rekommenderar helhjärtat. Om du köper produkter vi föreslår kan vi tjäna en remissavgift. Sådana avgifter påverkar inte våra rekommendationer och vi accepterar inte betalningar för positiva recensioner.

Författare Utvalda på:  Inc Magazine-logotyp   Sitepoint-logotyp   CSS Tricks-logotyp    webbdesignerdepot-logotyp   WPMU DEV-logotyp   och många fler ...