Divi vs Genesis – Vilka av dessa teman är bäst för din webbplats? (2022)

Så du vill veta om du ska välja Divi vs Genesis för att skapa din nästa webbplats, eller hur? Divi -temat och plugin -plugin av Elegant Themes och Genesis Framework av StudioPress är två av de mest populära temalternativen som är tillgängliga för WordPress -användare. Den förstnämnda har mer än 700,000 XNUMX kunder medan den senare är en produkt som är utformad för att hjälpa till att skapa webbplatser och även en samling barnteman. Resultatet av att använda någon av dem är utvecklingen av front-end på WordPress-webbplatser. Men hur de förhåller sig till det är väldigt annorlunda.

Och den här artikeln syftar till att lösa ditt dilemma.

Detta är ett intressant problem som har pågått ett tag. Båda teman har etablerat sig i branschen, erbjuder ett stort antal funktioner och har en stadig fanskara. Fnless du har praktisk erfarenhet av att använda dessa två artiklar, det är verkligen svårt att välja en över en annan.

Vi har dock haft chansen att använda båda dessa produkter under ganska lång tid. Vi har byggt flera webbplatser med någon av dessa produkter så när det gäller Genesis vs Divi, vi har praktisk kunskap om deras styrka och svaga punkter.

Därför har vi sammanställt denna massiva/ultimata guide för att hjälpa dig att fatta det avgörande beslutet och välja mellan den mest populära produkten ElegantThemes och Genesis från StudioPress. I slutet av denna artikel kommer du att ha en klar uppfattning om vilken du ska välja för att skapa din nästa WordPress -webbplats.

Vi har webbplatser som körs både på Divi och Genesis, och vi har just uppdaterat den här artikeln i December 2022 med helt nya detaljer som behövs för båda dessa två produkter.

Eftersom dessa två inte är av samma typ av mall, låt oss komma igång med en snabb introduktion till båda WordPress-artiklarna.

Divi vs Genesis

Divi är både ett fullt utvecklat WordPress-tema och en sidbyggare med många mallar för att komma igång snabbt. Genesis är en ram för utveckling av teman men har många barnteman som är redo att användas. Divi är en färdig lösning, Genesis är bäst för dem som föredrar att bygga allt själva.

Strängt taget kan du inte jämföra Divi vs Genesis av en enkel anledning, produkten från ElegantThemes är ett fullblåst WordPress-tema, medan det från StudioPress är ett ramverk för att bygga teman. Publiken som dessa två objekt riktar sig till är ganska annorlunda. Divi vänder sig till dem som bara vill köpa något färdigt att använda, medan Genesis riktar sig till dem som gärna bygger temat själva.

Divi 4.0 WP Theme Review

Som en del av vår forskning om denna artikel, CollectiveRay också granskat Divi 4.0 WP-tema, som är en vanlig WordPress-mall som levereras med en kraftfull inbyggd sidbyggare och temabyggare. Det finns många anpassningsalternativ som hjälper dig att tillämpa dina stilar på webbplatsen.

Å andra sidan, Genesis är en temaram. Det betyder att det kommer att fungera som grunden för din webbplats, medan du måste använda ett barntema för att få alla anpassnings- och stylingsalternativ.

Genesis Review

Återigen, med tanke på att vi gick så djupgående in i dessa två teman, har vi också dedikerat en fullständig Genesis framework recension som dess egen artikel om CollectiveRay.

På grund av deras skillnader i kärnstrukturen är Divi och Genesis riktade till olika typer av användare. Till exempel kan du använda produkten från ElegantThemes för att bygga vackra layouter och anpassa layouten med de tillgängliga alternativen. StudioPress ramverk är mer inriktat på prestanda och kodningsstandarder.

Nu när du har en grundläggande förståelse för dessa, låt oss dyka in för att få veta mer om skillnaderna mellan Divi och Genesis.

Få 10% rabatt på Divi fram till December 2022

Besök StudioPress webbplats

Komma igång med din webbplats (Theme vs Framework)

Som du kan gissa från deras skillnader fungerar de två föremålen på helt olika sätt. Och det är därför som startprocessen inte är densamma.

Så här startar du ditt projekt med Divi

Du måste vara en ElegantThemes kunden att använda denna artikel, naturligtvis. När du har installerat och aktiverat den på din webbplats kan du komma igång med att designa din webbplats.

Divi erbjuder några färdiga sidor (kallade layouter), som vi kommer att diskutera i nästa avsnitt. Du kan använda dessa layouter för att skapa de sidor som krävs för din webbplats eller skapa anpassade mönster för dina sidor för att skapa anpassade sidhuvuden, sidfot och kroppsmallar. Det är också möjligt att välja en befintlig layout och anpassa den efter dina behov.

Objektet levereras med en inbyggd drag-och-släpp-sidbyggare som heter Visual Builder. Du kan använda detta för att skapa, redigera och hantera anpassade layouter. Byggaren erbjuder dedikerade stylingsalternativ för alla komponenter i din layout. Du hittar webbplatsens anpassningsalternativ på sidan Utseende> Anpassa.

Det finns en ny funktion som heter Theme Builder tillagd som en del av Divi 4.0 -utgåvan i oktober 2019. Du kan nu skapa en anpassad sidhuvud, sidfot och kroppsmallar med hjälp av Divi builder verktyg och dess moduler och funktioner.

Startar ett projekt med Genesis Framework

Genesis är också en premiumprodukt, vilket innebär att du också måste köpa den. Du kan dock inte använda kärntemat för att skapa din webbplats.

Åtminstone är det inte det rekommenderade sättet.

Du måste använda ett lämpligt barntema för att skapa din webbplats.

Det finns många barns teman tillgängliga för Genesis, varav de flesta är premium. När du har köpt en passande barnlayout måste du installera den på din WordPress-webbplats. Och det är då du kan komma igång med din webbplats.

De tillgängliga anpassningsalternativen och layouterna varierar beroende på vilken barnmall du har valt.

Divi Layouts vs Genesis Child Teman

Som vi sa i föregående avsnitt, produkten från ElegantThemes kommer med flera färdiga layouter (över 100 som vid skrivandet av denna artikel). Å andra sidan har ramarna från StudioPress också många barns teman för att skapa olika typer av webbplatser.

Låt oss få lite mer information om deras skillnader.

Divi-layouter

Layouter finns i två smaker: layouter på en sida och layoutpaket.

Layoutpaket är i huvudsak ett fullständigt webbplatspaket som innehåller mönster för hemsidan, bloggsidan, kontaktsidan, målsidorna, butikssidorna etc. Dessa layoutpaket liknar Genesis-barnens teman, eller Elementor s mallar.

Det finns olika layoutpaket för olika branscher, nischer och allmänna webbplatsändamål att välja mellan.

Du hittar layouterna i Visual Builder under alternativet “Ladda från bibliotek”. Det finns layouter för stänk, underhåll, kommer snart, målsida, om, kontakt, team, fallstudie tillsammans med flera variationer för hemsidan, bloggen, butiken, projektet och portföljsidorna och det finns olika layoutpaket som innehåller en samling sidor med liknande tema, som den nedan.

Du kan ladda någon av dessa layouter i postredigeraren. Sedan har du möjlighet att använda layouten som den är eller anpassa den efter dina krav. Om du vill ha inspiration, vår Divi -exempel byggda med detta tema kan hjälpa dig att inspirera dig.

Klicka här för att se fler layouter

Genesis Child Teman

Barnteman erbjuder en komplett lösning för att skapa olika typer av webbplatser. Det finns både officiella barnmallar och tredjepartsmallar som du kan använda med ramverket.

Du har nu möjlighet officiell katalog innehåller underordnade teman för att skapa ett företag, företag, fotografi, fastigheter (du kan hitta fler alternativ för fastigheter här), tidningar och e-handelswebbplatser.

Det finns flera andra platser som Sicksackpress, Återställd 316, Ubegränsadetc. där du kan få högkvalitativa artiklar till Genesis. Det är också möjligt att anställa en frilansutvecklare för att skapa anpassade underordnade teman och layouter enligt dina krav.

Klicka för att besöka temakatalogen för StudioPress nu

Vilka inställningsalternativ har du?

Både Divi och Genesis erbjuder många inställningsalternativ för att hantera din webbplats. Låt oss kolla vad dessa alternativ är.

Alternativ för Divi-inställningar

Inställningsalternativen finns på temalternativssidan. De tillgängliga alternativen är indelade i flera flikar.

I “Allmänt” kan du ladda upp logotypen, favicon, aktivera fast navigering, tillbaka till toppen-knappen, visa ikoner för sociala medier och så vidare.

“Navigering” innehåller olika alternativ för att definiera hur sidor och kategorier ska läggas till i navigeringsmenyn. Med “Layout” kan du styra enskilda inlägg och sidlayouter.

Under ”Builder” kan du konfigurera sidbyggarens inläggstypsintegration. Du kan välja vilka inläggstyper som ska anpassas av den visuella byggaren.

UPPDATERING: Ända sedan Divi 3.18, Divi builder nu som standard för en fullständig visuell sidbyggare. Tidigare versioner av den förlitade sig starkt på den äldre ”backend-redaktör”, Men detta har nu ersatts av det nya trådramsläge åtföljer den förbättrade visuella byggaren, så den gamla byggaren är inaktiverad som standard.

Om du föredrar att arbeta med backend-redigeraren kan du fortfarande aktivera den. Gå in på den avancerade fliken under “Builder” och inaktivera den senaste Divi-upplevelsen. Observera att du förlorar åtkomst till de senaste funktionerna om du väljer att göra detta.

På fliken “Layout” kan du konfigurera alternativ för layout för enstaka inlägg. Du kan aktivera eller inaktivera vissa metadataelement etc.

Det finns en funktion som låter dig visa en bannerannons längst ner i dina enskilda inlägg. Du kan hantera annonsalternativen i avsnittet “Annonser”.

I avsnittet “SEO” kan du ange en anpassad titel, beskrivning, nyckelord och kanonisk URL för hemsidan och enskilda inlägg. Dessutom kan du aktivera metabeskrivning och kanonisk URL för indexsidan också.

I avsnittet “Integration” kan du lägga till anpassad kod i sidhuvudet och huvuddelen på hela webbplatsen, längst upp och längst ner i enstaka blogginlägg etc.

Alternativ för Genesis-inställningar

Alla inställningar och alternativ finns under “Genesis” -menyn på instrumentpanelen. Det finns två typer av inställningar –

1. Temainställningar
2. SEO-inställningar

I “Temainställningar” hittar du alternativ för att skapa en anpassad feed, välja standardwebbplatslayout, logotyp, aktivera brödsmulor för olika sidor, aktivera eller inaktivera kommentarer och trackbacks, ställa in innehållsarkivet, anpassa blogginlägg tillsammans med dedikerade fält för att lägga till anpassade skript till webbplatsens sidhuvud och sidfot.

I avsnittet “SEO-inställningar” hittar du alternativ för att lägga till webbplatsnamn till de inre sidtitlarna, definiera titel, metabeskrivning, nyckelord, taggar för hemsidan och tillämpa noindex, noarchive, etc. på olika arkivsidor i din hemsida.

Några andra funktioner i Genesis vs Divi du behöver veta om?

Nu när vi har en grundläggande underskattning av dessa två saker är det dags att kolla in vilka andra funktioner dessa två erbjuder för användarna.

Andra funktioner från ElegantThemes

Tillsammans med den kraftfulla drag-och-släpp-sidbyggaren kommer den här artikeln också med en intuitiv frontend-redigerare. Det låter dig klicka på valfritt objekt och redigera dess innehåll och stil direkt. Du kan till exempel öka bredden eller höjden genom att dra elementen till önskad storlek och så vidare.

En annan utmärkt funktion hos den visuella byggaren är inline-textredigeringsfunktionen. Du kan klicka på valfri redigerbar text och skriva bort som om du redigerar ett orddokument och ser dina ändringar i realtid.

Du vet redan att du kan använda Visual Builder för att skapa en ny layout eller redigera färdiga layouter. Men visste du att du kan spara dessa anpassade layouter?

Ja, du kan spara dina layouter och använda dem på andra inlägg eller sidor.

Fullt responsiv redigering är en annan fantastisk funktion. Alla ändringar du gör i sidbyggaren eller frontend-redigeraren kommer automatiskt att tillämpas på relevanta mobila brytpunkter.

Produkten och Visual Builder levereras också med en inbyggd funktion för delad testning. Det betyder att du enkelt kan testa olika mönster och innehåll för att ta reda på vilken som fungerar bäst för din webbplats. Du kan göra alla dessa utan att använda något extra plugin.

En ny funktion som ger bättre produktivitet är hitta och ersätt stilar särdrag.

Istället för att behöva gå igenom alla element på en sida kan du bara göra en enkel sökning och ersätta för att redigera alla element på en gång. Om du till exempel vill ändra hela sidans teckensnitt kan du använda den här funktionen.

Om du skapar en flerspråkig webbplats med det här objektet från ElegantThemes är ett utmärkt val för dig. Med överlägset RTL -stöd är det redan översatt till 32 språk. Det är också möjligt att översätta det till ditt språk.

Slutligen låter den nya temabyggaren dig anpassa utseendet och känslan på hela din webbplats.

Du kan skapa en uppsättning anpassade sidhuvuden och sidfot och tillämpa den globalt och sedan skapa en annan uppsättning som endast tillämpas på vissa områden på din webbplats. Det är till och med möjligt att skapa en anpassad sidhuvud och sidfot till ett enskilt inlägg eller sida eller till och med till en viss taggs arkivsida.

Temabyggarens anpassningsförmåga överstiger långt från att bara kunna skapa och tilldela nya sidhuvuden och sidfötter. Det ger dig också möjlighet att skapa anpassade kroppsmallar för dina inlägg, sidor och indexsidor. Att skapa dessa mallar görs med samma kraftfulla visuella sidbyggnadsverktyg som du använder för att skapa statiska sidor.

Andra funktioner från StudioPress ramverk

Genesis har en överlägsen kodningsstandard jämfört med de flesta premium WordPress-produkter, vilket är en stark försäljningsargument för ramverket. Eftersom det följer alla kodningens bästa metoder kan detta potentiellt förbättra din webbplatsprestanda.

Den bättre kodkvaliteten och efterlevnaden av bästa praxis leder oss till ett annat inslag i ramverket – stark betoning på säkerhet.

Varje version av ramverket testas av WordPress-utvecklaren Mark Jaquith.

Genesis använder många väldokumenterade krokar över hela webbplatsen, vilket gör det mycket lättare för utvecklarna att anpassa stilarna.

Betraktaless av barnetema du använder, fungerar kroken på din webbplats.

Dessa dagar fokuserar de flesta premiummallarna på att erbjuda mer demo-design och fler funktioner, medan de glömmer bort grundläggande aspekter som tillgänglighet.

Genesis är ett tydligt undantag här. Ramverket följer riktlinjerna för tillgänglighet korrekt för att göra webbplatsen tillgänglig för fysiskt utsatta besökare.

Att ha dedikerade plugins är en annan anmärkningsvärd funktion. Eftersom ramverket har ett stort antal användare finns det många gratis och premium-plugins tillgängliga för det. Du kan använda dessa plugins för att lägga till fler funktioner på din webbplats.

Hur är stödet för Divi vs Genesis-lag?

Båda artiklarna kommer från väletablerade företag, vilket innebär att du kan förvänta dig bättre än genomsnittlig support och kundservice. Låt oss hitta vilken typ av stöd du kan förvänta dig för var och en av dessa.

För det första, ElegantThemes kunder har ett dedikerat supportforum för att få professionell hjälp. Du kan söka i befintliga trådar eller skapa en ny tråd med ditt problem.

Det djupgående dokumentation, videohandledning och detaljerade blogginlägg hjälper dig också att komma igång och dra nytta av olika funktioner.

Å andra sidan har Genesis också en aktiv stödgemenskap för att hjälpa kunder med sina problem. Dessutom kan du kolla in självstudiekurser och kod snippets att själv ta reda på lösningen.

Eftersom Genesis har funnits så länge finns det ett stort antal professionella utvecklare som är bekanta med ramverket och kan hjälpa dig att reda ut alla typer av problem med din webbplats.

För-och nackdelar

Hittills har vi diskuterat användargränssnittet, anpassningsalternativ, barn etc. för båda artiklarna. Nu är det dags att bli mer seriös och ta reda på deras fördelar och nackdelar.

ElegantThemes

Fördelar

• Ny prestandauppdatering (augusti 2021) har laddning av överladdade sidor,
• Levereras med en kraftfull drag-och-släpp-sidbyggare,
• Erbjuder många anpassningsalternativ,
• Massor av färdiga alternativ för att skapa webbplatser utan alltför många ändringar,
• Stiländringar tillämpas automatiskt på alla skärmstorlekar,
• Det gör det mycket lättare för nybörjare att skapa vackra webbplatser,
• Inbyggd textredigering,
• Temabyggare-funktion.

Nackdelar

• Du kan inte migrera till ett annat tema medan du håller din layout intakt,
• Du är inlåst i Divi-ekosystemet.

StudioPress Framework

Fördelar

• Levereras med en enkel alternativpanel,
• Lägger stor vikt vid säkerhet och prestanda,
• Ett stort antal barnteman av hög kvalitet,
• Professionell SEO-optimerad kodning,
• Använder krokar och filter för att hjälpa utvecklarna.

Nackdelar

• Att göra små stiländringar är inte lätt,
• Saknar direkta alternativ för att ändra grundläggande stilar som teckensnitt, färg, etc.,
• Du måste köpa både ramverket och ett barn.

Prissättning av Divi jämfört med Genesis

Därefter, på vår Divi vs Genesis, pratar vi om prissättning, något som vi alltid måste ta hänsyn till. Här är prissättningsplanerna för båda dessa artiklar –

Divi-prissättning

Det finns två medlemsplaner tillgängliga att använda med ElegantThemes, de är för närvarande rabatterade (uteslutande tillgängliga genom CollectiveRay) av 10% fram till December 2022!

Få 10% rabatt på Divi

Genesis Prissättning

Det finns flera alternativ till köp Genesis. Först och främst kan du köpa ramverket för $ 59.95 och få ett barn från tredjepartsutvecklare.

Alternativt kan du köpa en officiellt barntema tillsammans med ramverket för $ 129.95.

Du kan också få Genesis Pro-medlemskapet som inkluderar ramverket, alla befintliga officiella barnprodukter och framtida utgåvor, support och 1 års gratis webbhotell från WP Engine.

Detta är ett paket som är mest meningsfullt för webbdesigners och byråer och kostar 360 $ / år. Om du bara har 3 klienter och använder ett Genesis-tema för var och en av dem, har du redan lönsamt!

Användare omdömen

Låt oss ta en minut för att kolla in några faktiska recensioner från användarna.

Divi

“Om du vill ha en mycket lättanvänd sidbyggare som innehåller massor av riktigt användbara och väldesignade moduler för att lägga till ett antal element till dina sidor, som i vissa fall annars skulle kräva köp av ett premium-plugin för att få tillgång till, detta är ett utmärkt val. ” – Athemes

“… en kraftfull multifunktionell produkt som kan hjälpa dig att bygga en vacker, professionell webbplats utan att behöva veta någon kod.” – Colin Nykomling

“Version 3.0 är både intuitiv och enkel att använda. Oavsett om du gillar att bygga anpassade sidlayouter i backend eller använda den visuella byggaren, kommer du att vara nöjd med hur bra detta gör jobbet.” – WP Superstjärnor

Genesis

“WordPress-artiklarna från StudioPress är idealiska för alla som vill ha en extremt välbyggd, snygg design som de enkelt kan installera och ha igång på sin webbplats med så lite krångel som möjligt.” – Vinnande WP

“Detta är utan tvekan ett av de bästa WordPress-teman. Det har en fantastisk design, mördande barnobjekt, premiumsupport och överkomligt pris. Plus att ingen av ovanstående funktioner kräver kodning eller något, så du är definitivt i goda händer.” – WP Kube

“Ramverket från StudioPress är ett riktigt professionellt och högkvalitativt WP-ramverk att använda. Det är mycket kraftfullt när det gäller anpassning. Det ser professionellt ut och det går inte så snyggt med bilder. “- 1stWebDesigner

Vilken ska du välja? Divi eller Genesis?

Och nu, den stora frågan – vilken av dessa ska du välja för din webbplats?

Svaret var förr ganska enkelt.

Genesis brukade vara snabbare och fungerade bättre. Dock, en ny prestandauppdatering från Divi har katapulterat WordPress -temat inför större delen av tävlingen.

Koden bakom Divi är nu smalare och smartare än någonsin tidigare och ger seriösa prestandauppgraderingar jämfört med den gamla versionen.

Så mycket att Divi nu får 100 på Google PageSpeed ​​Desktop och 99 på Google PageSpeed ​​Mobile. Det träffar till och med 100% på GTmetrix!

Det uppnås genom att krympa CSS med 94% och använda intelligent CSS som bara laddar det som krävs för sidan som visas. Divi har också introducerat smarta stilar för att minska dubbelarbete inom CSS och lagt till infogade formatmallar för att minska laddningstider.

Kombinerat med dynamisk PHP, cachning för Google -teckensnitt, JavaScript -optimeringar, Gutenberg Stylesheet -uppskov, jQuery -uppskov och infogade formatmallar, är Divi nu många gånger snabbare än tidigare!

Om du vill skapa en professionell webbplats med huvudfokus på SEO och säkerhet bör du välja Genesis. Det kommer också att vara ett utmärkt val för expertutvecklare. Vanliga personer kan behöva anlita en utvecklare eller köpa ett plugin från tredje part för anpassning.

Å andra sidan bör du välja Divi när du vill skapa en snygg webbplats med många anpassningsalternativ, men utan att behöva krångla med kod. Du kan använda de färdiga layouterna eller använda den inbyggda Visual Builder för att skapa unika layouter och hantera deras stilar direkt från instrumentpanelen. Det gör att ElegantThemes alternativ ett lämpligt alternativ för nybörjare eller en vanlig individ utan kodningsupplevelse.

Och med den nya Theme Builder-funktionen kan nybörjare skapa professionella webbplatser utan att behöva lära sig att skriva en enda kodrad alls.

Avancerade användare och utvecklare kan å andra sidan skapa fantastiska webbplatser mycket snabbare än att behöva skriva massor av kod från grunden. Det gör att ElegantThemes alternativ ett lämpligt alternativ inte bara för nybörjare eller en vanlig individ utan kodningsupplevelse utan också för utvecklare som vill utnyttja sin tid mest effektivt.

Besök ElegantThemes webbplats för att lära dig mer

Klicka här för att besöka StudioPress webbplats nu

slutord

Som du kan se är det inte ett enkelt val att välja mellan Divi vs Genesis. Båda erbjuder en imponerande mängd funktioner för att locka olika typer av användare. Det beror på din budget, erfarenhet och krav för att välja vilken du ska gå med.

Så vilken har du bestämt dig för att använda på din nästa webbplats? Låt oss veta i kommentarerna nedan. Och om du vill ha annan information om någon av dessa produkter, låt oss också veta det. Vi hjälper dig gärna.

Om författaren

Författare: David Attardwebbplats: https://www.linkedin.com/in/dattard/

David har arbetat i eller runt online / digital industrin under de senaste 18 åren. Han har stor erfarenhet av mjukvaru- och webbdesignindustrin med WordPress, Joomla och nischer som omger dem. Som digital konsult fokuserar han på att hjälpa företag att få en konkurrensfördel med en kombination av deras webbplats och digitala plattformar som finns idag.