Sammenligning af Divi og Genesis

Så du vil gerne vide, om du skal vælge Divi eller Genesis til at oprette din næste hjemmeside, ikke sandt? Divi-temaet og builder-pluginet fra Elegant Themes og Genesis Framework fra StudioPress er to af de mest populære temamuligheder, der er tilgængelige for WordPress-brugere. Førstnævnte har mere end 700,000 kunder, mens sidstnævnte er et produkt, der er designet til at hjælpe med at oprette hjemmesider, og også en samling af underordnede temaer. Resultatet af at bruge en af ​​dem er udviklingen af ​​front-end'en til WordPress-hjemmesider. Måden de griber det dog an på er meget forskellig.

Og denne artikel har til formål at løse dit dilemma.

Dette er et interessant problem, der har eksisteret i et stykke tid. Begge temaer har etableret sig i branchen, tilbyder et stort antal funktioner og har en stabil fanskare. Medmindre du har praktisk erfaring med at bruge disse to ting, er det virkelig svært at vælge det ene frem for det andet.

Vi har dog haft mulighed for at bruge begge disse produkter i en ret lang periode. Vi har bygget adskillige hjemmesider med begge disse produkter, sĂĄ nĂĄr det kommer til Genesis vs. Divi, vi har praktisk viden om deres styrker og svagheder.

Derfor har vi sammensat denne massive/ultimative guide for at hjælpe dig med at træffe den afgørende beslutning og vælge mellem de mest populære produkter fra ElegantThemes og Genesis fra StudioPress. Ved udgangen af ​​denne artikel vil du have en klar idé om, hvilken du skal vælge til at oprette din næste WordPress-hjemmeside.

Vi har websteder, der kører på både Divi og Genesis, og vi har lige opdateret denne artikel i Juli 2025 med helt nye detaljer efter behov for begge disse to produkter.

{autotoc}

 

Da disse to ikke er den samme type skabelon, lad os starte med en hurtig introduktion til begge WordPress-elementer.

Divi vs. Genesis

Divi er både et komplet multifunktionelt WordPress-tema og en sidebygger med mange skabeloner, så du hurtigt kan komme i gang. Genesis er et framework til udvikling af temaer, men har mange underordnede temaer, der er klar til brug. Divi er en færdig løsning, og Genesis er bedst for dem, der foretrækker at bygge det hele selv.

Strengt taget kan du ikke sammenligne Divi vs Genesis af én simpel grund, produktet fra ElegantThemes er et fuldgyldigt WordPress-tema, mens det fra StudioPress er et framework til at bygge temaer. Målgruppen, som disse to produkter henvender sig til, er ret forskellig. Divi henvender sig til dem, der bare vil købe noget færdigt til brug, mens Genesis henvender sig til dem, der er glade for at bygge temaet selv.

 

ElegantThemes bedst sælgende tema

Anmeldelse af Divi 4.0 WP-tema

Som en del af vores research i forbindelse med denne artikel, CollectiveRay også anmeldt Divi 4.0 WP-tema, som er en almindelig WordPress-skabelon, der leveres med en kraftfuld sidebygger og et indbygget temabyggersystem. Der er masser af tilpasningsmuligheder, der hjælper dig med at anvende dine stilarter på hjemmesiden.

Genesis-introduktion

 

PĂĄ den anden side, Genesis er et tema-framework. Det betyder, at det vil fungere som fundamentet for din hjemmeside, mens du skal bruge et child theme for at fĂĄ alle tilpasnings- og stylingmulighederne.

Genesis-anmeldelse

Igen, i betragtning af at vi gik sĂĄ dybt ind i disse to temaer, har vi ogsĂĄ dedikeret en fuld Genesis framework anmeldelse som dens egen artikel om CollectiveRay.

På grund af deres forskelle i kernestrukturen er Divi og Genesis målrettet forskellige typer brugere. For eksempel kan du bruge produktet fra ElegantThemes at bygge smukke layouts og tilpasse layoutet med de tilgængelige muligheder. StudioPress' framework er mere fokuseret på ydeevne og kodningsstandarder.

Nu hvor du har en grundlæggende forståelse af disse, lad os dykke ned i at lære mere om forskellene mellem Divi og Genesis.

Få 10% RABAT på Divi indtil Juli 2025

 Besøg StudioPress' hjemmeside

Kom godt i gang med dit websted (tema vs. framework)

Som du kan gætte ud fra forskellene, fungerer de to ting på helt forskellige måder. Og derfor er opstartsprocessen ikke den samme.

SĂĄdan starter du dit projekt med Divi

Du skal være en ElegantThemes kunden selvfølgelig til at bruge denne vare. Når du har installeret og aktiveret den på din hjemmeside, kan du begynde at designe din hjemmeside.

Divi tilbyder nogle færdiglavede sider (kaldet layouts), som vi vil diskutere i næste afsnit. Du kan bruge disse layouts til at oprette de nødvendige sider til dit websted eller oprette brugerdefinerede designs til dine sider, bygge brugerdefinerede headers, footers og body-skabeloner. Det er også muligt at vælge et eksisterende layout og tilpasse det efter dine behov.

komme i gang

Elementet leveres med en indbygget træk-og-slip-sidebygger kaldet Visual Builder. Du kan bruge denne til at oprette, redigere og administrere brugerdefinerede layouts. Builderen tilbyder dedikerede stylingmuligheder for alle komponenterne i dit layout. Du finder tilpasningsmulighederne for webstedet under Udseende > Tilpas.

Der er en ny funktion kaldet Theme Builder tilføjet som en del af Divi 4.0-udgivelsen i oktober 2019. Du kan nu oprette brugerdefinerede skabeloner til header, footer og body ved hjælp af Divi builder værktøjer og dets moduler og funktioner.

divi temabygger

At starte et projekt med Genesis Framework

Genesis er også et premiumprodukt, hvilket betyder, at du også skal købe det. Du kan dog ikke bruge kernetemaet til at oprette din hjemmeside.

Det er i hvert fald ikke den anbefalede mĂĄde.

Kom godt i gang med genesis

Du skal bruge et passende child theme til at oprette din hjemmeside.

Der findes masser af underordnede temaer til Genesis, hvoraf de fleste er premium. Når du har købt et passende underordnet layout, skal du installere det på dit WordPress-websted. Og det er dér, du kan komme i gang med dit websted.

De tilgængelige tilpasningsmuligheder og layouts varierer afhængigt af din valgte underordnede skabelon.

Divi Layouts vs Genesis Child Themes

Som vi sagde i forrige afsnit, produktet fra ElegantThemes leveres med adskillige færdige layouts (over 100 på tidspunktet for skrivningen af ​​denne artikel). På den anden side har frameworket fra StudioPress også masser af underordnede temaer til oprettelse af forskellige typer hjemmesider.

Lad os fĂĄ nogle flere detaljer om deres forskelle.

Divi-layouts

Layouts findes i to varianter: enkeltsidede layouts og layoutpakker.

Layoutpakker er i bund og grund en komplet hjemmesidepakke, der indeholder design til forsiden, blogsiden, kontaktsiden, landingssider, butiksider osv. Disse layoutpakker minder meget om Genesis' underordnede temaer, eller Elementor s skabeloner.

Der findes forskellige layoutpakker til forskellige brancher, nicher og generelle hjemmesideformål at vælge imellem.

færdiglavede layouts

Du finder layouts i Visual Builder under funktionen "Indlæs fra bibliotek". Der er layouts til splash, vedligeholdelse, kommer snart, landingsside, om, kontakt, team, casestudie sammen med flere variationer til startsiden, blog, butik, projekt og porteføljesiderne, og der er forskellige layoutpakker, der indeholder en samling af sider med et lignende tema, som det nedenfor.

layoutpakke

 

Du kan indlæse et hvilket som helst af disse layouts i indlægseditoren. Derefter har du mulighed for at bruge layoutet, som det er, eller tilpasse det efter dine behov. Hvis du ønsker inspiration, kan du finde vores Divi-eksempler bygget med dette tema kan hjælpe med at inspirere dig.

 

Klik her for at se flere layouts

 

Genesis Child-temaer

Underordnede temaer tilbyder en komplet løsning til at oprette forskellige typer hjemmesider. Der findes både officielle og tredjeparts underordnede skabeloner, som du kan bruge med frameworket.

Genesis børnetemaer

officiel fortegnelse inkluderer underordnede temaer til oprettelse af en virksomhed, entreprenør, fotografering, fast ejendom (du kan finde flere muligheder for fast ejendom link.), magasiner og e-handelswebsteder.

Der er flere andre steder som f.eks. Zigzagpress, Gendannet 316, Appfiniteosv., hvor du kan få varer af høj kvalitet til Genesis. Det er også muligt at ansæt en freelance-udvikler til at oprette brugerdefinerede undertemaer og layouts i henhold til dine krav.

 

Klik for at besøge StudioPress-temakataloget nu

 

Hvilke indstillingsmuligheder har du?

BĂĄde Divi og Genesis tilbyder mange indstillingsmuligheder til at administrere dit websted. Lad os se pĂĄ, hvad disse muligheder er.

Divi-indstillinger

Indstillingsmulighederne findes på siden Temaindstillinger. De tilgængelige muligheder er opdelt i flere faner.

indstillinger

I "Generelt" kan du uploade logoet, faviconet, aktivere fast navigation, knappen "Tilbage til toppen", vise ikonerne for sociale medier og sĂĄ videre.

"Navigation" indeholder forskellige muligheder for at definere, hvordan sider og kategorier skal tilføjes til navigationsmenuen. "Layout" giver dig mulighed for at styre layoutet for enkeltindlæg og sider.

Under "Builder" kan du konfigurere sidebyggerens integration af indlægstyper. Du kan vælge, hvilke indlægstyper der skal kunne tilpasses af den visuelle builder.

UPDATE: Lige siden Divi 3.18, Divi builder bruger nu som standard en fuld visuel sidebygger. Tidligere versioner af den var i høj grad afhængige af den ældre “backend-editor", men dette er nu blevet erstattet af den nye wireframe-tilstand følger med den forbedrede visuelle builder, så den gamle builder er som standard deaktiveret.

Hvis du foretrækker at arbejde med backend-editoren, kan du stadig aktivere den. Gå til fanen Avanceret under "Builder" og deaktiver den nyeste Divi-oplevelse. Bemærk, at du mister adgang til de nyeste funktioner, hvis du vælger at gøre dette.

I fanen "Layout" kan du konfigurere layoutmuligheder for enkeltindlæg. Du kan aktivere eller deaktivere bestemte metadataelementer osv.

Der er en funktion, der giver dig mulighed for at vise en bannerannonce nederst i dine enkelte opslag. Du kan administrere annonceindstillingerne fra afsnittet "Annoncer".

I afsnittet "SEO" kan du angive en brugerdefineret titel, beskrivelse, nøgleord og kanonisk URL til startsiden og enkelte indlæg. Derudover kan du også aktivere metabeskrivelser og kanoniske URL'er til indekssiden.

I afsnittet "Integration" kan du tilføje brugerdefineret kode til headeren og brødteksten på hele webstedet, øverst og nederst på enkelte blogindlæg osv.

Genesis-indstillinger

Alle indstillinger og valgmuligheder findes under menuen "Genesis" på dit dashboard. Der er to typer indstillinger –

  1. Temaindstillinger
  2. SEO-indstillinger

Genesis-indstillinger

I "Temaindstillinger" finder du muligheder for at oprette et brugerdefineret feed, vælge standardwebstedslayout og logo, aktivere breadcrumbs for forskellige sider, aktivere eller deaktivere kommentarer og trackbacks, opsætte indholdsarkivet, tilpasse blogindlæggene samt dedikerede felter til at tilføje brugerdefinerede scripts til webstedets header og footer.

I afsnittet "SEO-indstillinger" finder du muligheder for at tilføje webstedsnavn til de indre sidetitler, definere titel, metabeskrivelse, nøgleord, tags til startsiden og anvende noindex, noarchive osv. på forskellige arkivsider på dit websted.

Er der andre funktioner i Genesis vs Divi, du har brug for at kende til?

Nu hvor vi har en grundlæggende forståelse af disse to elementer, er det tid til at tjekke, hvilke andre funktioner disse to tilbyder brugerne.

Andre funktioner fra ElegantThemes

Udover den kraftfulde træk-og-slip-sidebygger kommer dette element også med en intuitiv frontend-editor. Den giver dig mulighed for at klikke på et hvilket som helst element og redigere dets indhold og stil on-the-fly. For eksempel kan du øge bredden eller højden ved at trække elementerne til den ønskede størrelse osv.

En anden fremragende funktion i den visuelle builder er den indlejrede tekstredigeringsfunktion. Du kan klikke på enhver redigerbar tekst og skrive, som om du redigerer et Word-dokument, og se dine ændringer i realtid.

Du ved allerede, at du kan bruge Visual Builder til at oprette et nyt layout eller redigere de færdige layouts. Men vidste du, at du kan gemme disse brugerdefinerede layouts?

Ja, du kan gemme dine layouts og bruge dem på andre indlæg eller sider.

Andre funktioner fra ElegantThemes

Fuldt responsiv redigering er en anden god funktion. Alle de ændringer, du foretager i sidebyggeren eller frontend-editoren, vil automatisk blive anvendt på de relevante mobile breakpoints.

Produktet og Visual Builder leveres også med en indbygget split-test-funktion. Det betyder, at du nemt kan teste forskellige designs og indhold for at finde ud af, hvilket der fungerer bedst til dit websted. Du kan gøre alt dette uden at bruge yderligere plugins.

En ny funktion, der øger produktiviteten, er find og erstat stilarter funktion.

I stedet for at skulle gennemgå alle elementer på en side, kan du blot udføre en simpel søgning og erstat for at redigere alle elementer på én gang. Hvis du f.eks. vil ændre hele din sides skrifttype, kan du bruge denne funktion.

find og udskift

 

Hvis du opretter en flersproget hjemmeside, skal du bruge dette element fra ElegantThemes er et fremragende valg for dig. Med overlegen RTL-understøttelse er den allerede oversat til 32 sprog. Det er også muligt at oversætte den til dit sprog.

Endelig giver den nye temabygger dig mulighed for at tilpasse udseendet og følelsen af ​​hele dit websted.

Du kan oprette et sæt brugerdefinerede overskrifter og sidefødder og anvende dem globalt, og derefter oprette et andet sæt, der kun anvendes på bestemte områder af dit websted. Det er endda muligt at oprette en brugerdefineret overskrift og sidefod til et enkelt indlæg eller en side eller endda til et bestemt tags arkivside.

Temabyggerens tilpasningsmuligheder går langt ud over blot at kunne oprette og tildele nye overskrifter og sidefødder. Den giver dig også mulighed for at lave brugerdefinerede brødtekstskabeloner til dine indlæg, sider og indekssider. Oprettelse af disse skabeloner udføres ved hjælp af de samme kraftfulde visuelle sideopbygningsværktøjer, som du bruger til at oprette statiske sider.

Andre funktioner fra StudioPress' framework

Genesis har en overlegen kodningsstandard sammenlignet med de fleste premium WordPress-produkter, hvilket er et stærkt salgsargument ved frameworket. Da det følger alle bedste praksisser for kodning, kan dette potentielt forbedre din hjemmesides ydeevne.

Den bedre kodekvalitet og overholdelse af bedste praksis fører os til et andet træk ved frameworket – stærk vægtning af sikkerhed.

Hver udgivelse af frameworket testes af WordPress' ledende udvikler, Mark Jaquith.

Andre Genesis-funktioner

Genesis bruger masser af veldokumenterede hooks på tværs af hjemmesiden, hvilket gør det meget nemmere for udviklerne at tilpasse stilarterne.

Uanset hvilket child theme du bruger, vil hook'en fungere pĂĄ dit websted.

Nu om dage fokuserer de fleste premium-skabeloner på at tilbyde flere demodesigns og flere funktioner, mens de glemmer grundlæggende aspekter som tilgængelighed.

Genesis er en klar undtagelse her. Frameworket følger korrekt tilgængelighedsretningslinjerne for at gøre webstedet tilgængeligt for fysisk handicappede besøgende.

At have dedikerede plugins er en anden bemærkelsesværdig funktion. Da frameworket har et stort antal brugere, er der mange gratis og premium-plugins tilgængelige til det. Du kan bruge disse plugins til at tilføje flere funktioner til dit websted.

Hvordan er supporten for Divi vs Genesis-holdene?

Begge varer kommer fra veletablerede virksomheder, hvilket betyder, at du kan forvente bedre support og kundeservice end gennemsnittet. Lad os finde ud af, hvilken type support du kan forvente for hver af disse.

Først og fremmest, ElegantThemes Kunder har et dedikeret supportforum, hvor de kan få professionel hjælp. Du kan søge i eksisterende tråde eller oprette en ny tråd med dit problem.

ElegantThemes support

Den dybdegående dokumentation, videovejledninger og detaljerede blogindlæg vil også hjælpe dig med at komme i gang og drage fordel af forskellige funktioner.

På den anden side har Genesis også en aktiv støtte samfund for at hjælpe kunder med deres problemer. Derudover kan du tjekke ud tutorials og kodeuddrag at finde ud af løsningen selv.

Genesis-støtte

Da Genesis har eksisteret i så lang tid, er der et stort antal professionelle udviklere, der er bekendt med frameworket og kan hjælpe dig med at løse eventuelle problemer med dit websted.

Fordele og ulemper

Indtil videre har vi diskuteret brugergrænsefladen, tilpasningsmuligheder, underordnede funktioner osv. for begge elementer. Nu er det tid til at tage det mere seriøst og finde ud af deres fordele og ulemper.

ElegantThemes

FORDELE

  • Ny ydeevneopdatering (august 2021) har superhurtigt indlæst sider,
  • Leveres med en kraftfuld træk-og-slip-sidebygger,
  • Tilbyder mange tilpasningsmuligheder,
  • Masser af færdige muligheder for at oprette hjemmesider uden for mange ændringer,
  • Stilændringer anvendes automatisk pĂĄ alle skærmstørrelser,
  • Det gør det meget nemmere for begyndere at lave flotte hjemmesider,
  • Indlejret tekstredigering,
  • Temabyggerfunktion.

ULEMPER

  • Du kan ikke migrere til et andet tema, mens du bevarer dit layout intakt.
  • Du er lĂĄst fast i Divi-økosystemet.

StudioPress Framework

FORDELE

  • Leveres med et overskueligt indstillingspanel,
  • Lægger stor vægt pĂĄ sikkerhed og ydeevne,
  • Et stort antal børnetemaer af høj kvalitet,
  • Professionel SEO-optimeret kodning,
  • Bruger hooks og filtre til at hjælpe udviklerne.

ULEMPER

  • Det er ikke nemt at lave smĂĄ stilændringer,
  • Mangler direkte muligheder for at ændre grundlæggende stilarter som skrifttype, farve osv.
  • Du skal købe bĂĄde stellet og et barn.

Prissætning af Divi sammenlignet med Genesis

Dernæst, i vores Divi vs Genesis, taler vi om prisfastsættelse, noget vi altid skal tage i betragtning. Her er prisplanerne for begge disse varer –

Divi-prisfastsættelse

Der er to medlemsplaner tilgængelig til brug sammen med ElegantThemes, de er i øjeblikket nedsat (udelukkende tilgængelig gennem CollectiveRay) ved 10% indtil Juli 2025!

FĂĄ 10% RABAT pĂĄ Divi

Genesis-prissætning

Der er flere muligheder for at køb GenesisFørst og fremmest kan du købe frameworket for $59.95 og få et barn fra tredjepartsudviklere.

Genesis-prissætning

Alternativt kan du købe en officielt undertema sammen med rammen for $129.95.

Du kan ogsĂĄ fĂĄ Genesis Pro-medlemskabet, der inkluderer frameworket, alle eksisterende officielle underprodukter og fremtidige udgivelser, support og 1 ĂĄrs gratis hosting fra WP Engine.

Dette er en pakke, der giver mest mening for webdesignere og bureauer, og den kommer til en meget rimelig pris pĂĄ $360/ĂĄr. Hvis du kun har 3 kunder og bruger et Genesis-tema til hver af dem, har du allerede tjent penge!

 

Bruger Udtalelser

Lad os tage et øjeblik til at se på nogle faktiske anmeldelser fra brugerne.

Divi

"Hvis du ønsker en meget brugervenlig sidebygger, der indeholder masser af virkelig nyttige og veldesignede moduler til at tilføje en række elementer til dine sider, som i nogle tilfælde ellers ville kræve køb af et premium-plugin for at få adgang til, er dette et fremragende valg." - Athemer

"... et kraftfuldt multifunktionelt produkt, der kan hjælpe dig med at bygge en smuk og professionel hjemmeside uden at du behøver at kende nogen kode." - Colin nybegynder

"Version 3.0 er både intuitiv og nem at bruge. Uanset om du foretrækker at bygge brugerdefinerede sidelayouts i backend eller ved hjælp af den visuelle builder, vil du blive tilfreds med, hvor godt den klarer opgaven." - WP Superstars

Genesis

"WordPress-elementerne fra StudioPress er ideelle for alle, der ønsker et ekstremt veludviklet og flot design, som de nemt kan installere og have oppe at køre på deres hjemmeside med så lidt besvær som muligt." - WinningWP

"Dette er uden tvivl et af de bedste WordPress-temaer. Det har et fantastisk design, fantastiske underordnede elementer, premium support og en overkommelig pris. Plus ingen af ​​ovenstående funktioner kræver kodning eller noget, så du er helt sikkert i gode hænder." – WP Kube

"Frameworket fra StudioPress er et virkelig professionelt og højkvalitets WP-framework at bruge. Det er meget kraftfuldt med hensyn til tilpasning. Det ser professionelt ud, og det er ikke for prangende med visuelle elementer."" – 1stWebDesigner

 

Hvilken skal du vælge? Divi eller Genesis?

Og nu det store spørgsmål – hvilken af ​​disse skal du vælge til din hjemmeside?

Svaret plejede at være ret simpelt.

Genesis plejede at være hurtigere og præstere bedre. Men en ny ydeevneopdatering fra Divi har katapulteret WordPress-temaet foran det meste af konkurrenterne.

Koden bag Divi er nu mere effektiv og smart end nogensinde før, hvilket giver betydelige forbedringer i ydeevnen i forhold til den gamle version.

Så meget, at Divi nu scorer 100 på Google PageSpeed ​​Desktop og 99 på Google PageSpeed ​​Mobile. Den rammer endda 100% på GTmetrix!

Det opnås ved at reducere CSS'en med 94% og bruge intelligent CSS, der kun indlæser det, der kræves for den side, der vises. Divi har også introduceret smarte stilarter for at reducere dobbeltarbejde i CSS og tilføjet indlejrede stilark for at reducere indlæsningstider.

Kombineret med dynamisk PHP, caching til Google Fonts, JavaScript-optimeringer, Gutenberg Stylesheet-deferral, jQuery-deferral og inline stylesheets er Divi nu mange gange hurtigere end før!

Hvis du vil oprette en professionel hjemmeside med primært fokus på SEO og sikkerhed, bør du vælge Genesis. Det vil også være et fremragende valg for ekspertudviklere. Almindelige brugere skal muligvis hyre en udvikler eller købe et tredjeparts plugin for at tilpasse den.

På den anden side bør du vælge Divi, når du vil oprette en flot hjemmeside med masser af tilpasningsmuligheder, men uden at skulle rode med kode. Du kan bruge de færdige layouts eller bruge den indbyggede Visual Builder til at oprette unikke layouts og administrere deres stilarter direkte fra dashboardet. Det gør... ElegantThemes en passende mulighed for begyndere eller en almindelig person uden nogen form for kodningserfaring.

Og med den nye Theme Builder-funktion kan begyndere lave professionelt udseende hjemmesider uden at skulle lære at skrive en eneste linje kode overhovedet.

Avancerede brugere og udviklere kan derimod lave fantastiske hjemmesider langt hurtigere end at skulle skrive tonsvis af kode fra bunden. Det gør ElegantThemes en passende mulighed ikke kun for begyndere eller en almindelig person uden kodningserfaring, men også for udviklere, der ønsker at udnytte deres tid mest muligt produktivt.

 

Besøg ElegantThemes hjemmeside for at lære mere

Klik her for at besøge StudioPress' hjemmeside nu

 

Afsluttende ord

Som du kan se, er det ikke nemt at vælge mellem Divi og Genesis. Begge tilbyder en imponerende mængde funktioner, der tiltrækker forskellige typer brugere. Det afhænger af dit budget, din erfaring og dine krav, hvilken du skal vælge.

Så hvilken har du besluttet dig for at bruge på din næste hjemmeside? Fortæl os det i kommentarerne nedenfor. Og hvis du ønsker yderligere oplysninger om et af disse produkter, så lad os det også vide. Vi hjælper dig gerne.