👉 Divi vs Genesis - Hva er best for nettstedet ditt? (2023)

Så du vil vite om du skal velge Divi vs Genesis for å lage ditt neste nettsted, ikke sant? Divi -temaet og builder -plugin av Elegant Themes og Genesis Framework av StudioPress er to av de mest populære temalternativene som er tilgjengelige for WordPress -brukere. Førstnevnte har mer enn 700,000 XNUMX kunder, mens sistnevnte er et produkt som er designet for å hjelpe til med å lage nettsteder, og også en samling av barntemaer. Resultatet av å bruke en av dem er utviklingen av front-end på WordPress-nettsteder. Imidlertid er måten de nærmer seg det veldig forskjellig.

Og denne artikkelen tar sikte på å løse dilemmaet ditt.

Dette er et interessant problem som har pågått en stund. Begge temaene har etablert seg i bransjen, tilbyr et stort antall funksjoner og har en jevn fanskare. Unless du har praktisk erfaring med å bruke disse to elementene, det er virkelig vanskelig å velge en fremfor en annen.

Vi har imidlertid hatt sjansen til å bruke begge disse produktene i ganske lang tid. Vi har bygget flere nettsteder som bruker et av disse produktene, så når det gjelder Genesis vs Divi, vi har praktisk kunnskap om deres styrke og svake punkter.

Derfor har vi satt sammen denne massive/ultimate guiden for å hjelpe deg med å ta den avgjørende beslutningen og velge mellom det mest populære produktet ElegantThemes og Genesis fra StudioPress. På slutten av denne artikkelen vil du ha en klar ide om hvilken du bør velge for å lage ditt neste WordPress -nettsted.

Vi har nettsteder som kjører både på Divi og Genesis, og vi har nettopp oppdatert denne artikkelen i november 2023 med helt nye detaljer etter behov for begge disse to produktene.

Siden disse to ikke er av samme type mal, la oss komme i gang med en rask introduksjon til begge WordPress-elementene.

Divi vs Genesis

Divi er både et fullverdig WordPress-tema og en sidebygger med mange maler for å komme raskt i gang. Genesis er et rammeverk for utvikling av temaer, men har mange barnetemaer som er klare til bruk. Divi er en klar løsning, Genesis er best for de som foretrekker å bygge det hele selv.

Strengt tatt kan du ikke sammenligne Divi vs Genesis av en enkel grunn, produktet fra ElegantThemes er et fullstendig WordPress-tema, mens det fra StudioPress er et rammeverk for å bygge temaer. Publikum som disse to elementene er rettet mot er ganske forskjellige. Divi er rettet mot de som bare vil kjøpe noe som er klart til bruk, mens Genesis er rettet mot de som er glade for å bygge temaet selv.

Divi 4.0 WP-temagjennomgang

Som en del av vår forskning på denne artikkelen, CollectiveRay også gjennomgått Divi 4.0 WP-tema, som er en vanlig WordPress-mal som kommer med et kraftig innebygd sidebygger- og temabyggersystem. Det er mange tilpasningsalternativer for å hjelpe deg med å bruke stilene dine på nettstedet.

På den annen side, Genesis er et temarammeverk. Det betyr at det vil fungere som grunnlaget for nettstedet ditt, mens du må bruke et barnetema for å få alle tilpasnings- og stylingsalternativene.

Genesis Review

Nok en gang, gitt at vi gikk så grundig inn på disse to temaene, har vi også dedikert en helhet Genesis framework anmeldelse som sin egen artikkel om CollectiveRay.

På grunn av forskjellene i kjernestrukturen, er Divi og Genesis rettet mot forskjellige typer brukere. For eksempel kan du bruke produktet fra ElegantThemes å bygge vakre oppsett og tilpasse oppsettet med de tilgjengelige alternativene. StudioPresss rammeverk er mer fokusert på ytelse og kodingsstandarder.

Nå som du har en grunnleggende forståelse av disse, la oss dykke inn for å vite mer om forskjellene mellom Divi og Genesis.

Få 10 % rabatt på Divi frem til november 2023

 Besøk StudioPress-nettstedet

Komme i gang med nettstedet ditt (Theme vs Framework)

Som du kan gjette fra forskjellene, fungerer de to elementene på ganske forskjellige måter. Og det er derfor ikke komme i gang prosessen.

Slik starter du prosjektet med Divi

Du må være en ElegantThemes kunden til å bruke denne varen, selvfølgelig. Når du har installert og aktivert det på nettstedet ditt, kan du komme i gang med å designe nettstedet ditt.

Divi tilbyr noen ferdige sider (kalt oppsett), som vi vil diskutere i neste avsnitt. Du kan bruke disse layoutene til å lage de nødvendige sidene for nettstedet ditt eller lage tilpassede design for sidene dine, og lage tilpassede topptekster, bunntekster og kroppsmaler. Det er også mulig å velge et eksisterende oppsett og tilpasse det etter dine behov.

Varen kommer med en innebygd dra-og-slipp-sidebygger kalt Visual Builder. Du kan bruke dette til å opprette, redigere og administrere tilpassede oppsett. Byggherren tilbyr dedikerte stylingsalternativer for alle komponentene i oppsettet ditt. Du finner alternativene for tilpasning av nettstedet i Utseende> Tilpass-siden.

Det er en ny funksjon kalt Theme Builder lagt til som en del av Divi 4.0 -utgivelsen i oktober 2019. Du kan nå opprette en egendefinert topptekst, bunntekst og kroppsmaler ved hjelp av Divi builder verktøy og dets moduler og funksjoner.

Starter et prosjekt med Genesis Framework

Genesis er også et premiumprodukt, noe som betyr at du også må kjøpe det. Du kan imidlertid ikke bruke hovedtemaet til å opprette nettstedet ditt.

I det minste er det ikke den anbefalte måten.

Du må bruke et passende barnetema for å lage nettstedet ditt.

Det er mange barnetemaer tilgjengelig for Genesis, hvorav de fleste er premium. Når du har kjøpt et passende barnelayout, må du installere det på WordPress-nettstedet ditt. Og det er da du kan komme i gang med nettstedet ditt.

De tilgjengelige tilpasningsalternativene og layoutene varierer avhengig av den valgte underordnede malen.

Divi Layouts vs Genesis Child Theme

Som vi sa i forrige seksjon, produktet fra ElegantThemes kommer med flere ferdige oppsett (over 100 som ved skriving av denne artikkelen). På den annen side har rammen fra StudioPress også mange barns temaer for å lage forskjellige typer nettsteder.

La oss få flere detaljer om forskjellene deres.

Divi -oppsett

Oppsett kommer i to smaker: enkeltsidelayouter og layoutpakker.

Layoutpakker er egentlig en fullstendig nettsidepakke som inneholder design for hjemmesiden, bloggsiden, kontaktsiden, destinasjonssidene, butikksidene osv. Disse layoutpakningene ligner ganske på Genesiss barnetemaer, Elementor s maler.

Det er forskjellige layoutpakker for forskjellige bransjer, nisjer og generelle nettsteder å velge mellom.

Du finner oppsettene i Visual Builder under alternativet "Last fra bibliotek". Det er oppsett for sprut, vedlikehold, kommer snart, destinasjonsside, om, kontakt, team, case study sammen med flere varianter for hjemmet, bloggen, butikken, prosjektet og porteføljesidene, og det er forskjellige layoutpakker som inneholder en samling av sider med lignende tema, som den nedenfor.

Du kan laste inn hvilken som helst av disse oppsettene i innleggsredigereren. Deretter har du muligheten til å bruke oppsettet som det er eller tilpasse det i henhold til dine krav. Hvis du vil ha inspirasjon, vår Divi -eksempler bygget med dette temaet kan hjelpe deg å inspirere.

Klikk her for å se flere oppsett

Genesis Child Temaer

Barnetemaer tilbyr en komplett løsning for å lage forskjellige typer nettsteder. Det er både offisielle barnemaler og tredjepartsmaler som du kan bruke med rammeverket.

De offisiell katalog inkluderer barnetemaer for å opprette en bedrift, bedrift, fotografering, eiendom (du kan finne flere alternativer for eiendom her.), magasiner og netthandelsnettsteder.

Det er flere andre steder som Sikksakkpress, Restaurert 316, Ubegrensetosv. hvor du kan få varer av høy kvalitet til Genesis. Det er også mulig å ansett en frilansutvikler for å lage tilpassede temaer og layouter for barn i henhold til dine behov.

Klikk for å besøke StudioPress-temakatalogen nå

Hvilke innstillingsalternativer har du?

Både Divi og Genesis tilbyr mange innstillingsalternativer for å administrere nettstedet ditt. La oss sjekke ut hva disse alternativene er.

Alternativer for Divi-innstillinger

Innstillingsalternativene ligger på temaalternativer-siden. De tilgjengelige alternativene er delt inn i flere faner.

I "Generelt" kan du laste opp logoen, favorittikonet, aktivere fast navigering, tilbake til toppen-knappen, vise ikonene for sosiale medier og så videre.

“Navigering” inneholder forskjellige alternativer for å definere hvordan sidene og kategoriene skal legges til i navigasjonsmenyen. "Layout" lar deg kontrollere enkeltoppslag og sideoppsett.

Under “Builder” kan du konfigurere sidebyggerens innleggstypeintegrering. Du kan velge hvilke innleggstyper som skal tilpasses av den visuelle byggeren.

UPDATE: Helt siden Divi 3.18, Divi builder nå som standard en full visuell sidebygger. Tidligere versjoner av den stolte sterkt på den eldre "backend -redaktør”, Men dette er nå erstattet av det nye trådrammemodus som følger med den forbedrede visuelle byggeren, slik at den gamle byggeren er deaktivert som standard.

Hvis du foretrekker å jobbe med backend-editoren, kan du fortsatt aktivere den. Gå inn i den avanserte kategorien under "Builder" og deaktiver den siste Divi-opplevelsen. Merk at du mister tilgangen til de nyeste funksjonene hvis du velger å gjøre dette.

I "Layout" -fanen kan du konfigurere alternativer for enkelt innlegg. Du kan aktivere eller deaktivere visse metadataelementer, etc.

Det er en funksjon som lar deg vise en bannerannonse nederst i enkeltinnleggene dine. Du kan administrere annonsealternativene fra delen "Annonser".

I avsnittet "SEO" kan du gi en tilpasset tittel, beskrivelse, nøkkelord og kanonisk URL for hjemmesiden og enkeltinnlegg. I tillegg kan du også aktivere metabeskrivelse og kanonisk URL for indeksiden.

I delen "Integrasjon" kan du legge til tilpasset kode i overskriften og kroppen til hele nettstedet, øverst og nederst på enkeltblogginnlegg osv.

Alternativer for Genesis-innstillinger

Alle innstillingene og alternativene ligger under "Genesis" -menyen på dashbordet. Det er to typer innstillinger -

1. Tema Innstillinger
2. SEO-innstillinger

I "Temainnstillinger" finner du alternativer for å lage en tilpasset feed, velge standard nettstedoppsett, logotype, aktivere brødsmuler for forskjellige sider, aktivere eller deaktivere kommentarer og trackbacks, sette opp innholdsarkivet, tilpasse blogginnleggene sammen med dedikerte felt for å legge til egendefinerte skript i nettstedets topptekst og bunntekst.

I delen "SEO-innstillinger" finner du muligheter for å legge til nettstednavn til de indre sidetitlene, definere tittel, metabeskrivelse, nøkkelord, koder for hjemmesiden, og bruke noindex, noarchive, etc. på forskjellige arkivsider i din nettside.

Noen andre funksjoner i Genesis vs Divi du trenger å vite om?

Nå som vi har en grunnleggende undervurdering av disse to elementene, er det på tide å sjekke hvilke andre funksjoner disse to tilbyr for brukerne.

Andre funksjoner fra ElegantThemes

Sammen med den kraftige dra-og-slipp-sidebyggeren, kommer dette elementet også med en intuitiv frontend-editor. Den lar deg klikke på et hvilket som helst element og redigere innholdet og stilen på farten. For eksempel kan du øke bredden eller høyden ved å dra elementene til ønsket størrelse, og så videre.

En annen utmerket funksjon ved den visuelle byggeren er innebygd tekstredigeringsfunksjon. Du kan klikke på hvilken som helst redigerbar tekst og skrive bort som om du redigerer et orddokument og se endringene i sanntid.

Du vet allerede at du kan bruke Visual Builder til å opprette et nytt layout eller redigere de ferdige layoutene. Men visste du at du kan lagre disse tilpassede oppsettene?

Ja, du kan lagre layoutene dine og bruke disse på andre innlegg eller sider.

Full responsiv redigering er en annen flott funksjon. Alle endringene du gjør i sidebyggeren eller frontredigeringsprogrammet, blir automatisk brukt på de aktuelle mobile brytpunktene.

Produktet og Visual Builder leveres også med en innebygd split-testing-funksjon. Det betyr at du enkelt kan teste forskjellige design og innhold for å finne ut hvilken som fungerer best for nettstedet ditt. Du kan gjøre alle disse uten å bruke noen ekstra plugin.

En ny funksjon som gir bedre produktivitet er finn og erstatt stiler funksjonen.

I stedet for å måtte gå gjennom hvert element på en side, kan du bare gjøre et enkelt søk og erstatte for å redigere alle elementene samtidig. Hvis du for eksempel vil endre hele sidens skrift, kan du bruke denne funksjonen.

Hvis du oppretter et flerspråklig nettsted, bruker du dette elementet fra ElegantThemes er et utmerket valg for deg. Med overlegen RTL -støtte er den allerede oversatt til 32 språk. Det er også mulig å oversette det til språket ditt.

Endelig lar den nye temabyggeren deg tilpasse utseendet på hele nettstedet ditt.

Du kan lage ett sett med tilpassede topptekster og bunntekster og bruke det globalt, og deretter opprette et annet sett som bare brukes på bestemte områder på nettstedet ditt. Det er til og med mulig å lage en tilpasset topptekst og bunntekst til et enkelt innlegg eller en side eller til en bestemt taggs arkivside.

Temabyggerens tilpasningsevne overgår langt fra bare å kunne lage og tilordne nye topp- og bunntekster. Det gir deg også muligheten til å lage egendefinerte kroppsmaler for innlegg, sider og indeksider. Å lage disse malene gjøres ved hjelp av de samme kraftige visuelle sidebyggingsverktøyene som du bruker når du lager statiske sider.

Andre funksjoner fra StudioPresss rammeverk

Genesis har en overlegen kodestandard sammenlignet med de fleste premium WordPress-produkter, noe som er et sterkt salgsargument for rammeverket. Ettersom den følger alle kodene for god praksis, kan dette potensielt forbedre nettstedets ytelse.

Bedre kodekvalitet og overholdelse av beste praksis fører oss til et annet trekk ved rammeverket - sterk vekt på sikkerhet.

Hver utgivelse av rammeverket testes av WordPress-lederutvikler, Mark Jaquith.

Genesis bruker mange veldokumenterte kroker på hele nettstedet, noe som gjør det mye enklere for utviklerne å tilpasse stilene.

Regardless av barnetemaet du bruker, vil kroken fungere på nettstedet ditt.

I disse dager fokuserer de fleste premiummalene på å tilby flere demo-design og flere funksjoner, mens de glemmer grunnleggende aspekter som tilgjengelighet.

Genesis er et tydelig unntak her. Rammeverket følger retningslinjene for tilgjengelighet for å gjøre nettstedet tilgjengelig for fysisk utfordrede besøkende.

Å ha dedikerte plugins er en annen bemerkelsesverdig funksjon. Siden rammeverket har et stort antall brukere, er det mange gratis og premium plugins tilgjengelig for det. Du kan bruke disse pluginene for å legge til flere funksjoner på nettstedet ditt.

Hvordan er støtten til Divi vs Genesis-lag?

Begge varene kommer fra veletablerte virksomheter, noe som betyr at du kan forvente bedre enn gjennomsnittlig support og kundeservice. La oss finne hvilken type støtte du kan forvente for hver av disse.

Først av alt, ElegantThemes kundene har et dedikert supportforum for å få profesjonell hjelp. Du kan søke i de eksisterende trådene eller opprette en ny tråd med problemet ditt.

Det grundige dokumentasjon, videoopplæringsprogrammer, og detaljerte blogginnlegg vil også hjelpe deg i gang og dra nytte av ulike funksjoner.

På den annen side har Genesis også en aktiv støtte samfunnet for å hjelpe kunder med deres problemer. Dessuten kan du sjekke ut tutorials og kodeutdrag å finne ut løsningen selv.

Siden Genesis har eksistert så lenge, er det et stort antall profesjonelle utviklere som er kjent med rammeverket og kan hjelpe deg med å sortere alle slags problemer med nettstedet ditt.

Fordeler og ulemper

Så langt har vi diskutert brukergrensesnittet, tilpasningsalternativer, barn osv. For begge elementene. Nå er det på tide å bli mer seriøs og finne ut av fordeler og ulemper med dem.

ElegantThemes

Pros

• Ny ytelsesoppdatering (august 2021) har overlasting av sider,
• Leveres med en kraftig dra-og-slipp-sidebygger,
• Tilbyr mange tilpasningsalternativer,
• Mange ferdige alternativer for å lage nettsider uten for mange endringer,
• Stilendringer blir automatisk brukt på alle skjermstørrelser,
• Det gjør det mye enklere for nybegynnere å lage vakre nettsteder,
• Inline tekstredigering,
• Temabyggerfunksjon.

Ulemper

• Du kan ikke migrere til et annet tema mens du holder oppsettet intakt,
• Du er låst inn i Divi-økosystemet.

StudioPress Framework

Pros

• Leveres med et greit alternativpanel,
• Legger stor vekt på sikkerhet og ytelse,
• Et stort antall barnetemaer av høy kvalitet,
• Profesjonell SEO-optimalisert koding,
• Bruker kroker og filtre for å hjelpe utviklerne.

Ulemper

• Å gjøre små stilendringer er ikke lett,
• Mangler direkte alternativer for å endre grunnleggende stiler som skrift, farge osv.,
• Du må kjøpe både rammen og et barn.

Priser på Divi sammenlignet med Genesis

Neste, på Divi vs Genesis, snakker vi prissetting, noe vi alltid må ta i betraktning. Her er prisplanene for begge disse varene -

Divi-priser

Det finnes to medlemsplaner tilgjengelig å bruke med ElegantThemes, de er for tiden nedsatte (utelukkende tilgjengelig gjennom CollectiveRay) av 10 % til november 2023!

Få 10% AVSLAG på Divi

Genesis Priser

Det er flere alternativer for kjøp Genesis. Først og fremst kan du kjøpe rammeverket for $ 59.95 og få et barn fra tredjepartsutviklere.

Alternativt kan du kjøpe en offisielt barnetema sammen med rammen for $ 129.95.

Du kan også få Genesis Pro-medlemskapet som inkluderer rammeverket, alle eksisterende offisielle barneprodukter og fremtidige utgivelser, støtte og 1 års gratis hosting fra WP Engine.

Dette er en pakke som gir mest mening for webdesignere og byråer, og det koster veldig 360 $ / år. Hvis du bare har 3 klienter og bruker et Genesis-tema for hver av dem, har du allerede lønnsomt!

Bruker Uttalelser

La oss ta et øyeblikk for å sjekke ut noen faktiske anmeldelser fra brukerne.

Divi

"Hvis du vil ha en veldig brukervennlig sidebygger som inneholder mange virkelig nyttige og godt utformede moduler for å legge til en rekke elementer på sidene dine, som i noen tilfeller ellers vil kreve kjøp av et premium-plugin for å få tilgang til, dette er et utmerket valg. " - Athemes

"... et kraftig flerbruksprodukt som kan hjelpe deg med å bygge et vakkert, profesjonelt nettsted uten å måtte kjenne noen kode." - Colin Nykommer

"Versjon 3.0 er både intuitiv og enkel å bruke. Enten du liker å lage egendefinerte sideoppsett på baksiden eller bruke den visuelle byggeren, vil du være fornøyd med hvor godt dette gjør jobben." - WP Superstjerner

Genesis

"WordPress-elementene fra StudioPress er ideelle for alle som ønsker et ekstremt godt bygget, flott design som de enkelt kan installere og ha i gang på nettstedet sitt med så lite oppstyr som mulig." - VinnerWP

"Dette er uten tvil et av de beste WordPress-temaene. Det har et fantastisk design, drapsmannbarneprodukter, førsteklasses støtte og rimelig pris. Pluss at ingen av de ovennevnte funksjonene krever koding eller noe, så du er definitivt i gode hender." - WP Kube

"Rammeverket fra StudioPress er et veldig profesjonelt og høykvalitets WP-rammeverk å bruke. Det er veldig kraftig når det gjelder tilpasning. Det ser profesjonelt ut og det går ikke så fancy med grafikk. "- 1stWebDesigner

Hvilken bør du velge? Divi eller Genesis?

Og nå, det store spørsmålet - hvilken av disse bør du velge for nettstedet ditt?

Svaret var tidligere ganske enkelt.

Genesis pleide å være raskere og utført bedre. Derimot, en ny ytelsesoppdatering fra Divi har katapultert WordPress -temaet foran det meste av konkurransen.

Koden bak Divi er nå slankere og smartere enn noensinne, og gir seriøse ytelsesoppgraderinger i forhold til den gamle versjonen.

Så mye at Divi nå scorer 100 på Google PageSpeed ​​Desktop og 99 på Google PageSpeed ​​Mobile. Det treffer til og med 100% på GTmetrix!

Den oppnår det ved å krympe CSS med 94% og bruke intelligent CSS som bare laster det som kreves for siden som vises. Divi har også introdusert smarte stiler for å redusere duplisering i CSS og lagt til innebygde stilark for å redusere lastetider.

Kombinert med dynamisk PHP, hurtigbufring for Google Fonts, JavaScript -optimaliseringer, Gutenberg Stylesheet -utsettelse, jQuery -utsettelse og innebygde stilark, er Divi nå mange ganger raskere enn før!

Hvis du vil lage et profesjonelt nettsted med hovedfokus på SEO og sikkerhet, bør du velge Genesis. Det vil også være et utmerket valg for ekspertutviklere. Vanlige mennesker må kanskje ansette en utvikler eller kjøpe en tredjeparts plugin for tilpasning.

På den annen side bør du velge Divi når du vil lage et flott nettsted med mange tilpasningsmuligheter, men uten å måtte rote med kode. Du kan bruke oppsettene som er klare til bruk eller bruke den innebygde Visual Builder til å lage unike oppsett og administrere stilene deres direkte fra dashbordet. Det gjør ElegantThemes alternativ et passende alternativ for nybegynnere eller en vanlig person uten kodingserfaring.

Og med den nye Theme Builder-funksjonen kan nybegynnere lage nettsteder som ser profesjonelt ut uten å måtte lære å skrive en eneste kodelinje i det hele tatt.

Avanserte brukere og utviklere, derimot, kan lage flotte nettsteder langt raskere enn å måtte skrive tonnevis med kode fra bunnen av. Det gjør ElegantThemes alternativ et passende alternativ ikke bare for nybegynnere eller en vanlig person uten kodingserfaring, men også for utviklere som ønsker å gjøre mest mulig bruk av tiden sin.

Besøk ElegantThemes nettsted for å lære mer

Klikk her for å besøke StudioPress-nettstedet nå

Avsluttende ord

Som du kan se, er valg av Divi vs Genesis ikke et enkelt valg. Begge tilbyr en imponerende mengde funksjoner for å tiltrekke seg forskjellige typer brukere. Det avhenger av budsjett, erfaring og krav for å velge hvilken du skal gå med.

Så hvilken har du bestemt deg for å bruke på ditt neste nettsted? Gi oss beskjed i kommentarene nedenfor. Og hvis du vil ha annen informasjon om noen av disse produktene, så gi oss beskjed om det også. Vi hjelper deg gjerne.

om forfatteren

Forfatter: David Attardnettside: https://www.linkedin.com/in/dattard/E-post: david@collectiveray. Med

David har jobbet i eller rundt den elektroniske / digitale industrien de siste 18 årene. Han har lang erfaring innen programvare- og webdesignindustrien ved å bruke WordPress, Joomla og nisjer rundt dem. Som digital konsulent er hans fokus på å hjelpe bedrifter med å få et konkurransefortrinn ved å bruke en kombinasjon av deres nettside og digitale plattformer som er tilgjengelige i dag.