👉 Divi vs Genesis - Hvilket er bedst for dit websted? (2024)

Så du vil vide, om du skal vælge Divi vs Genesis til at oprette dit næste websted, ikke? Divi -temaet og builder -plugin af Elegant Themes og Genesis Framework af StudioPress er to af de mest populære temaindstillinger, 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 websteder og også en samling af børnetemaer. Resultatet af at bruge en af ​​dem er udviklingen af ​​front-end på WordPress-websteder. Måden de griber det an på er imidlertid meget forskellig.

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

Dette er et interessant problem, der har været i gang i et stykke tid. Begge temaer har etableret sig i branchen, tilbyder et stort antal funktioner og har en stabil fanskare. Unless hvis 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 chancen for at bruge begge disse produkter i ganske lang tid. Vi har bygget flere hjemmesider ved hjælp af et af disse produkter, så når det kommer til Genesis vs Divi, vi har praktisk viden om deres styrke og svage punkter.

Derfor har vi sammensat denne massive/ultimative guide til at hjælpe dig med at træffe den afgørende beslutning og vælge mellem det mest populære produkt fra ElegantThemes og Genesis fra StudioPress. I slutningen af ​​denne artikel har du en klar idé om, hvilken du skal vælge for at oprette dit næste WordPress -websted.

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

Da disse to ikke er den samme type skabelon, lad os komme i gang med en hurtig introduktion til begge WordPress-emner.

Divi vs Genesis

Divi er både et fuldt blankt WordPress-tema og en sidebygger med mange skabeloner, der hurtigt kan komme i gang. Genesis er en ramme for udvikling af temaer, men har mange børnetemaer, der er klar til brug. Divi er en klar løsning, Genesis er bedst for dem, der foretrækker at bygge det hele selv.

Strengt taget kan du ikke sammenligne Divi vs Genesis af en enkel grund, produktet fra ElegantThemes er et fuldstændigt WordPress-tema, mens det fra StudioPress er en ramme til opbygning af temaer. Publikum, som disse to emner er rettet mod, er ganske forskellige. Divi henvender sig til dem, der bare vil købe noget, der er klar til brug, mens Genesis henvender sig til dem, der er glade for selv at bygge temaet.

Divi 4.0 WP-temagennemgang

Som en del af vores forskning i denne artikel, CollectiveRay også gennemgået Divi 4.0 WP-tema, som er en almindelig WordPress-skabelon, der kommer med en kraftfuld sidebygger og indbygget temabygersystem. Der er mange tilpasningsmuligheder, der hjælper dig med at anvende dine stilarter på webstedet.

På den anden side, Genesis er en temaramme. Det betyder, at det vil fungere som grundlaget for dit websted, mens du skal bruge et underordnet tema for at få alle mulighederne for tilpasning og styling.

Genesis anmeldelse

Igen, da 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 mod forskellige typer brugere. For eksempel kan du bruge produktet fra ElegantThemes at bygge smukke layout og tilpasse layoutet med de tilgængelige muligheder. StudioPress's rammer er mere fokuseret på ydeevne og kodningsstandarder.

Nu hvor du har en grundlæggende forståelse af disse, lad os dykke ind for at vide mere om forskellene mellem Divi og Genesis.

Få 10 % rabat på Divi indtil april 2024

 Besøg StudioPress-webstedet

Kom godt i gang med dit websted (tema vs ramme)

Som du kan gætte ud fra deres forskelle, fungerer de to ting på forskellige måder. Og det er derfor, at processen med at komme i gang ikke er den samme.

Sådan starter du dit projekt med Divi

Du skal være en ElegantThemes kunden til at bruge denne vare, selvfølgelig. Når du har installeret og aktiveret det på dit websted, kan du komme i gang med at designe dit websted.

Divi tilbyder nogle færdige sider (kaldet layout), som vi vil diskutere i det 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 ved at oprette tilpassede sidehoveder, sidefødder og body-skabeloner. Det er også muligt at vælge et eksisterende layout og tilpasse det efter dine behov.

Emnet leveres med en indbygget træk-og-slip-sidebygger kaldet Visual Builder. Du kan bruge dette til at oprette, redigere og administrere brugerdefinerede layouts. Byggeren tilbyder dedikerede stylingmuligheder til alle komponenterne i dit layout. Du finder indstillingerne for tilpasning af webstedet i siden Udseende> Tilpas.

Der er tilføjet en ny funktion kaldet Theme Builder som en del af Divi 4.0 -udgivelsen i oktober 2019. Du kan nu oprette en brugerdefineret sidehoved, sidefod og kropsskabeloner ved hjælp af Divi builder værktøjer og dets moduler og funktioner.

Start 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 dit websted.

I det mindste er det ikke den anbefalede måde.

Du skal bruge et passende børnetema til at oprette dit websted.

Der er masser af børnetemaer til rådighed for Genesis, hvoraf de fleste er premium. Når du har købt et passende barnelayout, skal du installere det på dit WordPress-websted. Og det er når du kan komme i gang med dit websted.

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

Divi Layouts vs Genesis Child Temaer

Som vi sagde i det foregående afsnit, produktet fra ElegantThemes leveres med flere færdige layouts (over 100 som på tidspunktet for skrivningen af ​​denne artikel). På den anden side har rammerne fra StudioPress også masser af børnetemaer til oprettelse af forskellige typer websteder.

Lad os få nogle flere detaljer om deres forskelle.

Divi-layout

Layouts har to varianter: enkeltsidelayouts og layoutpakker.

Layoutpakker er i det væsentlige en komplet websitepakke, der indeholder design til startsiden, blogsiden, kontaktsiden, landingssider, butiksider osv. Disse layoutpakker svarer meget til Genesis's børnetemaer, eller Elementor s skabeloner.

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

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

Du kan indlæse et hvilket som helst af disse layout i post -editoren. Derefter har du mulighed for at bruge layoutet som det er eller tilpasse det efter dine krav. Hvis du vil have inspiration, vores Divi -eksempler bygget med dette tema kan hjælpe dig med at inspirere.

Klik her for at se flere layouts

Genesis Børnetemaer

Underordnede temaer tilbyder en komplet løsning til at oprette forskellige typer websteder. Der er både officielle og tredjeparts underordnede skabeloner, som du kan komme til at bruge sammen med rammen.

officielle bibliotek inkluderer underordnede temaer til oprettelse af en virksomhed, virksomhed, fotografering, fast ejendom (du kan finde flere muligheder for fast ejendom link.), magasiner og e-handelswebsteder.

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

Klik for at besøge StudioPress-temakataloget nu

Hvilke indstillinger har du?

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

Indstillinger for Divi-indstillinger

Indstillingerne findes på siden Temaindstillinger. De tilgængelige indstillinger er opdelt i flere faner.

I "Generelt" kan du uploade logoet, favicon, aktivere fast navigation, tilbage til toppen knap, vise ikonerne for sociale medier osv.

“Navigation” inkluderer forskellige muligheder for at definere, hvordan siderne og kategorierne føjes til navigationsmenuen. “Layout” giver dig mulighed for at styre enkeltindlæg og sidelayout.

Under “Builder” kan du konfigurere sidebyggerens integration af posttype. Du kan vælge, hvilke indlægstyper der skal tilpasses af den visuelle bygherre.

UPDATE: Lige siden Divi 3.18, Divi builder nu som standard til en fuld visuel sidebygger. Tidligere versioner af den var stærkt afhængige af den ældre "backend -editor”, Men dette er nu blevet erstattet af det nye wireframe-tilstand ledsager den forbedrede visuelle builder, så den gamle builder er deaktiveret som standard.

Hvis du foretrækker at arbejde med backend-editoren, kan du stadig aktivere det. Gå i fanen avanceret under "Builder" og deaktiver den seneste 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 indstillinger for enkeltpostlayout. Du kan aktivere eller deaktivere bestemte metadataelementer osv.

Der er en funktion, der giver dig mulighed for at vise en bannerannonce i bunden af ​​dine enkeltindlæg. Du kan administrere annonceindstillingerne i afsnittet "Annoncer".

Afsnittet "SEO" giver dig mulighed for at angive en brugerdefineret titel, beskrivelse, nøgleord og kanonisk URL til hjemmesiden og enkeltindlæg. Hvad mere er, kan du også aktivere metabeskrivelse og kanonisk URL til indekssiden.

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

Indstillinger for Genesis-indstillinger

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

1. Temaindstillinger
2. SEO-indstillinger

I "Temaindstillinger" finder du muligheder for at oprette et brugerdefineret feed, vælge standardwebsidelayout, logotype, aktivere brødkrummer til forskellige sider, aktivere eller deaktivere kommentarer og trackbacks, opsætte indholdsarkivet, tilpasse blogindlægene sammen med dedikerede felter for at tilføje brugerdefinerede scripts til webstedsoverskrift og sidefod.

I afsnittet "SEO-indstillinger" finder du muligheder for at føje webstedsnavn til de indre sidetitler, definere titel, metabeskrivelse, nøgleord, tags til startsiden og anvende noindex, noarchive osv. På forskellige arkivsider i din hjemmeside.

Eventuelle andre funktioner i Genesis vs Divi, du har brug for at vide om?

Nu hvor vi har en grundlæggende undervurdering af disse to ting, er det tid til at tjekke, hvilke andre funktioner disse to tilbyder for brugerne.

Andre funktioner fra ElegantThemes

Sammen med den kraftfulde træk-og-slip-side-builder kommer denne vare også med en intuitiv frontend-editor. Det 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 og så videre.

Et andet fremragende træk ved den visuelle bygherre er indbygget tekstredigeringsfunktion. Du kan klikke på en hvilken som helst redigerbar tekst og skrive væk, som om du redigerer et orddokument 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 tilpassede layout?

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

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

Produktet og Visual Builder leveres også med en indbygget split-testfunktion. Det betyder, at du nemt kan teste forskellige designs og indhold for at finde ud af, hvilket der fungerer bedst for dit websted. Du kan gøre alle disse uden at bruge noget ekstra plugin.

En ny funktion, der giver bedre produktivitet er find & erstat stilarter funktion.

I stedet for at skulle gennemgå hvert element på en side, kan du bare gøre en simpel søgning og udskiftning for at redigere alle elementer på én gang. Hvis du f.eks. Vil ændre hele sidens skrifttype, kan du bruge denne funktion.

Hvis du opretter et flersproget websted ved hjælp af dette element fra ElegantThemes er et glimrende valg for dig. Med overlegen RTL -understøttelse er det allerede oversat til 32 sprog. Det er også muligt at oversætte det til dit sprog.

Endelig lader den nye temabygger dig tilpasse udseendet og følelsen af ​​hele dit websted.

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

Temabyggerens tilpasningsfunktion overstiger langt fra bare at være i stand til at oprette og tildele nye sidehoveder og sidefødder. Det giver dig også beføjelse til at lave brugerdefinerede kropsskabeloner til dine indlæg, sider og indekssider. Oprettelse af disse skabeloner sker ved hjælp af de samme kraftfulde visuelle sidebygningsværktøjer, som du bruger til at oprette statiske sider.

Andre funktioner fra StudioPresss ramme

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

Jo bedre kodekvalitet og overholdelse af de bedste fremgangsmåder fører os til et andet træk ved rammen - stærk vægt på sikkerhed.

Hver udgivelse af rammen testes af WordPress lead-udvikler, Mark Jaquith.

Genesis bruger masser af veldokumenterede kroge på hele hjemmesiden, hvilket gør det meget lettere for udviklerne at tilpasse typografierne.

Regardless af barnetemaet, du bruger, fungerer krogen på dit websted.

I disse dage fokuserer de fleste premiumskabeloner på at tilbyde flere demo-designs og flere funktioner, mens de glemmer de grundlæggende aspekter som tilgængelighed.

Genesis er en klar undtagelse her. Rammen følger korrekt tilgængelighed retningslinjer for at gøre webstedet tilgængeligt for fysisk udfordrede besøgende.

At have dedikerede plugins er en anden bemærkelsesværdig funktion. Da rammen har et stort antal brugere, er der masser af gratis og premium plugins til rådighed for det. Du kan bruge disse plugins til at tilføje flere funktioner til dit websted.

Hvordan er supporten fra Divi vs Genesis-hold?

Begge varer kommer fra veletablerede virksomheder, hvilket betyder, at du kan forvente bedre end gennemsnittet support og kundeservice. 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 for at få professionel hjælp. Du kan søge i de eksisterende tråde eller oprette en ny tråd med dit problem.

Dybtgående dokumentation, video tutorials 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. Desuden kan du tjekke tutorials , kodeuddrag at finde ud af løsningen selv.

Da Genesis har eksisteret i så lang tid, er der et stort antal professionelle udviklere, der er fortrolige med rammen og kan hjælpe dig med at sortere enhver form for problemer med dit websted.

Fordele og ulemper

Indtil videre har vi diskuteret brugergrænsefladen, tilpasningsmuligheder, børn osv. For begge emner. Nu er det tid til at blive mere seriøs og finde ud af deres fordele og ulemper.

ElegantThemes

FORDELE

• Ny ydeevneopdatering (august 2021) har indlæsning af sider,
• Leveres med en kraftig træk-og-slip-side-builder,
• Tilbyder masser af tilpasningsmuligheder,
• Masser af færdige muligheder for at oprette websidesider uden for mange ændringer,
• Stilændringer anvendes automatisk på alle skærmstørrelser,
• Det gør det meget lettere for begyndere at oprette smukke websteder,
• Integreret tekstredigering,
• Temabyggerfunktion.

ULEMPER

• Du kan ikke migrere til et andet tema, mens du holder dit layout intakt,
• Du er låst inde i Divi-økosystemet.

StudioPress Framework

FORDELE

• Leveres med et ligetil valgpanel,
• Lægger stærk vægt på sikkerhed og ydeevne,
• Et stort antal børnetemaer af høj kvalitet,
• Professionel SEO-optimeret kodning,
• Bruger kroge og filtre til at hjælpe udviklerne.

ULEMPER

• At foretage små stilændringer er ikke let,
• Mangler direkte muligheder for at ændre grundlæggende stilarter som skrifttype, farve osv.,
• Du skal købe både rammen og et barn.

Prisfastsættelse af Divi sammenlignet med Genesis

Dernæst på vores Divi vs Genesis taler vi om prisfastsættelse, noget som 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 april 2024!

Få 10% rabat på Divi

Genesis Prissætning

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

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

Du kan også få Genesis Pro-medlemskab, der inkluderer rammen, alle eksisterende officielle børneprodukter 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 koster meget rimelige $ 360 / år. Hvis du kun har 3 klienter og bruger et Genesis-tema til hver af dem, har du allerede rentabelt!

Bruger Udtalelser

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

Divi

"Hvis du vil have 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, dette er et fremragende valg. " - Athemer

"... et kraftfuldt multifunktionelt produkt, der kan hjælpe dig med at opbygge et smukt, professionelt udseende websted uden at skulle kende nogen kode." - Colin nybegynder

"Version 3.0 er både intuitiv og nem at bruge. Uanset om du kan lide at oprette brugerdefinerede sidelayouts i back-enden eller bruge den visuelle builder, vil du være tilfreds med, hvor godt dette får jobbet gjort." - WP Superstjerner

Genesis

"WordPress-emnerne fra StudioPress er ideelle til alle, der ønsker et ekstremt velbygget, flot design, som de nemt kan installere og køre på deres websted med så lidt besvær som muligt." - VinderWP

"Dette er uden tvivl et af de bedste WordPress-temaer. Det har et fantastisk design, dræbende børneemner, premium support og en overkommelig pris. Plus, ingen af ​​ovenstående funktioner kræver kodning eller noget, så du er bestemt i gode hænder." - WP Kube

"Rammen fra StudioPress er en rigtig professionel og højkvalitets WP-ramme at bruge. Den er meget kraftig med hensyn til tilpasning. Det ser professionelt ud og det går ikke så fint ud med visuals. "- 1stWebDesigner

Hvilken skal du vælge? Divi eller Genesis?

Og nu, det store spørgsmål - hvilken af ​​disse skal du vælge til dit websted?

Svaret var tidligere ganske enkelt.

Genesis plejede at være hurtigere og udført bedre. Imidlertid, en ny performanceopdatering fra Divi har katapulteret WordPress -temaet forud for det meste af konkurrencen.

Koden bag Divi er nu slankere og smartere end nogensinde før og giver seriøse ydelsesopgraderinger i forhold til den gamle version.

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

Det opnås ved at reducere CSS med 94% og bruge intelligent CSS, der kun indlæser det, der kræves for den side, der skal ses. Divi har også introduceret smarte styles til at reducere dobbeltarbejde inden for CSS og tilføjet inline stylesheets for at reducere indlæsningstider.

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

Hvis du vil oprette et professionelt websted med det primære fokus på SEO og sikkerhed, bør du vælge Genesis. Det vil også være et glimrende valg for ekspertudviklere. Almindelige mennesker skal muligvis ansætte en udvikler eller købe et tredjeparts plugin til tilpasning.

På den anden side bør du vælge Divi, når du vil oprette et flot websted med masser af tilpasningsmuligheder, men uden at skulle rode med kode. Du kan bruge de klar til brug layout eller bruge den indbyggede Visual Builder til at oprette unikke layout og styre deres stilarter lige fra instrumentbrættet. Det gør ElegantThemes option en passende mulighed for begyndere eller en almindelig person uden nogen kodningsoplevelse.

Og med den nye Theme Builder-funktion kan begyndere lave websteder, der ser professionelt ud, uden at de behøver at lære at skrive en enkelt kodelinje.

Avancerede brugere og udviklere kan derimod oprette fantastiske websteder hurtigere end at skulle skrive masser af kode fra bunden. Det gør ElegantThemes option en passende mulighed ikke kun for begyndere eller en almindelig person uden nogen kodningsoplevelse, men også for udviklere, der ønsker at gøre den mest produktive brug af deres tid.

Besøg ElegantThemes websted for at lære mere

Klik her for at besøge StudioPress-webstedet nu

Afsluttende ord

Som du kan se, er det ikke et let valg at vælge mellem Divi vs Genesis. Begge tilbyder en imponerende mængde funktioner til at tiltrække forskellige typer brugere. Det afhænger af dit budget, din erfaring og dine behov for at vælge, hvilken du skal gå med.

Så hvilken har du besluttet at bruge på dit næste websted? Lad os vide i kommentarerne nedenfor. Og hvis du ønsker andre oplysninger om et af disse produkter, så lad os det også vide. Vi hjælper dig gerne.

Om forfatteren

Forfatter: David AttardInternet side: https://www.linkedin.com/in/dattard/E-mail: david@collectiveray.com

David har arbejdet i eller omkring online- og digitalindustrien i de sidste 21 år. Han har stor erfaring i software- og webdesignindustrien ved at bruge WordPress, Joomla og nicher omkring dem. Han har arbejdet med softwareudviklingsbureauer, internationale softwarevirksomheder, lokale marketingbureauer og er nu Head of Marketing Operations hos Aphex Media - et SEO-bureau. Som digital konsulent er hans fokus på at hjælpe virksomheder med at få en konkurrencefordel ved at bruge en kombination af deres hjemmeside og digitale platforme, der er tilgængelige i dag. Hans blanding af teknologisk ekspertise kombineret med et stærkt forretningssans giver hans forfatterskab en konkurrencefordel.