WordPress PageBuilder Showdown - Sammenligning af Visual Composer og Divi
At bygge en hjemmeside kan være en overvældende opgave for mange. Men faktum er, at du kan besejre enhver kamp, hvis du har de rigtige værktøjer. Og at bygge en hjemmeside er ingen undtagelse. Der er mange værktøjer tilgængelige at vælge imellem, og træk-og-slip WordPress-sidebyggere er et sådant værktøj, der har vundet stor popularitet for nylig. Disse sidebyggere er praktiske, når du har brug for en nem måde at bygge din WP-hjemmeside på.
Divi vs. Visual Composer-oversigt
VS
Effektivitet
Divi tilbyder uendelige layoutmuligheder, hvorimod Visual Composer leveres med yderligere funktioner, der kan tilføjes mod et ekstra gebyr. Divi har over 40 moduler og 20 forskellige kolonnelayouts. På den anden side leveres Visual Composer pakket med 40 indholdselementer, herunder diagrammer, postgitre, billedkarruseller, videoafspillere, knapper til sociale medier og tekstblokke.
Brugervenlighed
Læringskurven for Divi er ret høj sammenlignet med Visual Composer-sidebyggeren, selvom læringen bliver lettere med tiden. Jo længere du udforsker, jo lettere bliver det. På den anden side skal du også bruge tid på at få fingrene i Visual Composer, før du rent faktisk begynder at bygge sider og indlæg med det. Det burde dog ikke tage lang tid at blive fortrolig med Visual Composer.
Støtte
For begge sidebyggere er der et supportsystem tilgængeligt til døgnsupport via e-mails.
Pris
Visual Composer er tilgængelig til en pris af $45, som stiger, hvis du køber yderligere funktioner. Divi Page Builder starter ved $89 - men for den pris får du ikke kun adgang til den, men til ALLE produkter fra ElegantThemes - et klart kup. Divi er bestemt ikke den billigste af de to, men den er god nok, og du får fremragende valuta for pengene.
Hvad vi kunne lide?
Divi
Divi er perfekt til ikke-programmører og designere, da det giver dig mulighed for rent faktisk at fremskynde designprocessen, når du først har fået styr på det.
Det tilbyder uendelige layoutmuligheder, så du kan vælge mellem en bred vifte af moduler og layouts. Det leveres også med 19 prædesignede layouts, som du kan tilføje dine egne. logo design.
Sidebyggeren leveres nu med backend- og frontend-redigering, så du kan se ændringer og opdateringer, du foretager, i realtid.
Den nye opdatering fra august 2021 har virkelig ændret, hvordan Divi konkurrerer med andre temaer med hensyn til hastighed.
Visual Composer
Visual Composer har en nem og intuitiv brugerflade og kræver mindre tid at lære selve processen med at oprette sider og indlæg med den.
Visual Composer leveres med en frontend-editor, der giver dig mulighed for at designe og se ændringerne i realtid. Selvom det også leveres med backend-redigering, er det faktisk ikke et krav.
Hvad vi ikke kunne lide?
Divi
Divi er ret dyr i sammenligning med andre træk-og-slip-sidebyggere.
Du skal virkelig bruge en masse tid og kræfter på at blive fortrolig med det.
Mangler nogle indholdselementer, der let kan findes i andre sidebyggere
Visual Composer
Visual Composer er kun fantastisk til at bygge virksomhedswebsteder.
Ingen mulighed for at tilføje tredjepartswidgets. (Opdatering: Annie har påpeget over for os i kommentarerne, at widgets er mulige i sidebjælkerne via denne tilføjelse.) (Desværre er dette ikke længere tilgængeligt).
Sammendrag:
Hvem vinder kampen? Det er ikke let at sige, hvilken der er bedst. Sammenlignet med dette virker Visual Composer som den oplagte vinder med så mange fordele og en lav indlæringskurve. Men når det kommer til Divi, får du et tema med et page builder-plugin sammen med en temaopbygningsfunktion til kun $89, hvilket er en god handel. Hvis du vælger et livstidsmedlemskab med vores EKSKLUSIV specialtilbud (10% RABATT) som gælder i Juli 2025 kun du får adgang til Divi og ALLE fremtidige plugins og temaer!
OPDATERET (januar 2018)
For nylig har WPBakery besluttet at omdøbe Visual Composer til WPBakery Page Builder, samtidig med at de lancerer et andet produkt, som nu er kendt som Visual Composer. Sidstnævnte er faktisk en hjemmesideopbygningstjeneste, ikke en WP Page Builder i sig selv. Det, der tidligere var Visual Composer, er nu: WPBakery page builder.
Grundlæggende set er det gamle og det nye plugin stort set ens. Så betragt denne sammenligning som en Divi vs WPBakery sidebygger, i alle henseender.
Følgende er en samtale jeg havde med Michael fra WPBakery:
"Hej David,
Ja præcis.
Vi har omdøbt det til WPBakery Page Builder, og varemærket Visual Composer bruges til et andet projekt. Undskyld al frustrationen. Jeg vil gøre mit bedste for at afklare tingene for dig personligt.
På CodeCanyon har vi WPBakery Page Builder (tidligere Visual Composer Page Builder). Dette er vores mest succesfulde og populære produkt, som har været på markedet i over 5 år.
Visual Composer Website Builder er vores nye produkt. Det blev skrevet fra bunden, og på trods af navnet deler det intet med Page Builder-pluginnet.
At de ikke blot kan erstattes med hinanden (men vi har planer om at skrive et migreringsværktøj senere). Vores nye Hjemmesidebygger-produkt sigter mod at blive det eneste værktøj, du nogensinde har brug for til at oprette en komplet hjemmeside, uden at bruge en formue på udviklere og ekstra omkostninger. addons.
Visual Composer Website Builder er tilgængelig på visualcomposer.io, og den har en gratis version. Vores udvikling fokuserer primært på den feedback, vi modtager, og det er derfor, den er så fantastisk - vi tilføjer kun funktioner, der rent faktisk er nødvendige.
Vi er fuldt ud klar over, at mange brugere er afhængige af Page Builder-pluginnet, og vi vil fortsætte med at understøtte det og vigtigst af alt, udvikle det yderligere.
Så bare rolig, dine projekter er sikre.
Michael, fra WPBakery"
Hvad er WordPress-sidebyggere?
Sidebyggere er en fantastisk måde at tilføje eller tilpasse sider på hood.discount hjemmeside. De giver dig mulighed for at bygge professionelle og stilfulde hjemmesider uden at have nogen teknisk viden.
Træk-og-slip-sidebyggere giver dig, som navnet antyder, mulighed for at oprette sider ved hjælp af et træk-og-slip-system. Disse sidebyggere er tilgængelige i form af plugins og kan derfor bruges med ethvert WordPress-tema.
Disse plugins understøttes af næsten alle WP-temaer og kan bruges blot ved at installere og aktivere. De hjælper WordPress-begyndere med at bygge hjemmesider, som de ellers finder vanskelige at lave.
At CollectiveRayDu ved jo, at vi elsker at præsentere webdesignblogs, der gør livet lettere for webdesignere. Disse to sidebyggere passer perfekt til vores mantra.
Læs mere: Divi vs Elementor - en opdateret sammenligning fra 2021.
Hvorfor bruge WordPress-sidebyggere til at bygge websider?
Selvom mange WordPress-temaer kommer med forskellige sidelayouts, finder WP-begyndere dem ofte vanskelige at tilpasse, da de ikke ved noget om programmering. Mange stiller spørgsmål som "Er der en nem måde at oprette WP-sider på?" eller "Hvordan kan vi bygge og tilpasse WordPress-sider uden at have teknisk viden?" eller "Findes der træk-og-slip-sidebyggere til WordPress?"
Apropos temaer, hvis du ønsker at oprette en WordPress-medlemsside, denne "Roundup of themes" er god læsning. Hvis du vil se flere af vores anmeldelser og artikler om WordPress-temaer, kan du besøge den tilsvarende menu ovenfor.
Den gode nyhed er, at der er en nem måde at oprette WordPress-websteder og især WordPress-sider på! Der findes mange WordPress drag-and-drop-sidebyggere online, som ikke kræver nogen teknisk eller programmeringsmæssig viden.
Disse sidebyggere giver dig mulighed for at bygge websider til din hjemmeside uden at skrive en eneste linje kode.
(Sidebemærkning og vigtig læsning: Sådan ansætter du dygtige WordPress-udviklere)
Fra at tilføje en indholdsslider til billeder i fuld bredde til flere kolonner, kommer de med mange forskellige komponenter, der hjælper dig med at skabe imponerende og professionelle websider. Disse WordPress-sidebyggere er lige så nemme at bruge som at installere og aktivere et plugin. Når de er aktiveret, kan du se en ekstra mulighed i WordPress-editorskærmen, der kan bruges til at bygge WordPress-sider. Opdel dine sider i rækker og kolonner, og se ændringerne i realtid.
Da der findes adskillige træk-og-slip-sidebyggere, har vi besluttet at sammenligne de to mest populære sidebyggere til WordPress for at guide dig til den rigtige beslutning.
Divi Træk og Slip WordPress Sidebygger Plugin
Opdatering august 2021: Ny Divi-version udgivet, der transformerer ydeevnen
En ny opdatering til Divi, der blev udgivet i august 2021, har ændret den måde, dette tema fungerer på. Divi har reduceret CSS-filstørrelsen med 94 % og introduceret dynamisk CSS, der kun indlæser det, der er nødvendigt. Den introducerede også smarte stilarter for at reducere dubletter, fjernede render-blokerende CSS, optimerede JavaScript og tilføjede et dynamisk PHP-framework for at øge funktionernes effektivitet.
Opdatering november 2017: Ny Divi-version er ude med masser af hastighedsopgraderinger
Mens vi faktisk laver en sammenligning mellem Divi og VisualComposer, har vi også skrevet en fuld Anmeldelse af WordPress Divi 4.0-tema hvis du vil vide noget specifikt om det.
Opdatering april 2018: Version 3.1 er ude
Plugin'et fra ElegantThemes har nu en API, der kan bruges til at oprette forbindelse til sidebyggeren, så du kan tilpasse og udvide funktionaliteten efter dine egne specifikke behov!
Divi har revolutioneret, hvordan WordPress-sidebyggere fungerer. Du kan nu redigere sider i frontend og se præcis, hvad du laver, i realtid!
https://www.youtube.com/watch?v=1ALjCZkKuUM
Divi er teknisk set ikke et nyt produkt på markedet. Det er blevet brugt af mange i løbet af de seneste år, da det blev integreret med Elegant Themes' Divi-tema, der blev lanceret i 2013. Det har vundet stor popularitet siden starten. Udviklerne af Divi-sidebyggeren har forvandlet et godt produkt til et fremragende et ved at inkorporere nye funktioner og funktionalitet.
Divi Drag and Drop Page Builder er et premium WordPress-plugin, og ifølge os er det en af de bedste WordPress-sidebyggere, der findes. Divi Plugin er ekstremt hurtig og fungerer med siderne og indlæggene på dit websted, uanset hvilken type indhold du tilføjer. Divi giver dig mulighed for at oprette brugerdefinerede layouts og derefter tilpasse disse layouts med forskellige indholdsmoduler.
Når du har installeret og aktiveret Divi Page Builder, skal du klikke på “Brug Divi Builder” på den respektive side- eller indlægsredigeringsskærm og begynd at tilpasse ved hjælp af builder-grænsefladen.
Denne sidebygger følger layoutsystemet med rækker og kolonner, hvilket betyder, at du kan tilføje et antal rækker og kolonner på din side, før du opdaterer brugerdefineret indhold. Nedenfor er et eksempel på opsætning af rækker og kolonner på Divi i backend.
Divi Builder er mere et backend-værktøj end en frontend-editor. Derfor bliver du nødt til at foretage et par skift mellem backend og frontend for at vide, hvordan siden vil se ud for dine besøgende, når den går live. Her er et lille kig på, hvordan det ville se ud at bygge en side med Divi.
Bemærk: Fra og med Divi 3.18 vil du ikke som standard kunne få adgang til den klassiske backend-builder, som er den vist ovenfor. Hvis du vil bruge den, skal du gå til Divi > Temaindstillinger > Builder > Avanceret og derefter slå den til/fra Aktivér det nyeste Divi Builder Erfaring til handicappet.
Divi har udviklet sig til mere at være en visuel sidebygger i realtid.
I page builders' tidligere dage var visuelle builders lidt langsommere at indlæse (de var ret tunge) og derfor sværere at bruge. Backend builders var langt mere populære dengang, fordi de var lettere.
Men med stigningen i nutidens computeres processorkraft og udviklingen af nyere webteknologier som f.eks. Facebooks React, er problemerne med "tungere" frontender næsten fuldstændigt elimineret.
Visuelle sidebyggere har dog stadig en tendens til at være lidt langsommere, når de arbejder med store og komplekse websider, men heldigvis har Divi en løsning på det.
Selvom Divi nu som standard bruger en visuel sidebygger i realtid, har den stadig en funktion kaldet wireframe-tilstand.
Wireframe-tilstanden kombinerer den visuelle editors tilpasningsmuligheder med backend-editorens hastighed og enkelhed, hvilket giver dig det bedste fra begge verdener. Så hvis du har at gøre med en stor og kompleks side, så vælg at bruge wireframe-tilstanden. Udover at være lettere, giver den også et renere og mere organiseret overblik over alle elementer på en side.
Opdateret februar 2018
Builderen er nu blevet opdateret, så den nu kan arbejde fuldt ud i frontend og i realtid. I stedet for at skulle forestille dig, hvordan din side ser ud, kan du nu se præcis, hvad du bygger, mens du bygger den. Du behøver ikke engang at arbejde i backend længere, det hele kan nu gøres fra frontend.
Se GIF'en nedenfor, som viser dig, hvordan redigeringsdelen af siden ser ud i realtid.
Opdatering oktober 2019: Den nye Divi 4.0 introducerer temabyggeren
Fra oktober 2019 leveres Divi nu med en kraftfuld temabygger.
Det er nu muligt at bruge kraften i Divis træk-og-slip-sidebygger til at oprette brugerdefinerede overskrifter og sidefødder samt brugerdefinerede brødtekstskabeloner såsom produktskabeloner, blogindlægsskabeloner og mere.
Ikke nok med det, men du kan også oprette brugerdefinerede indekssider såsom kategorisider, arkivsider, produktarkivsider og mere.
Temabyggeren leveres med et kraftfuldt værktøj, der giver dig mulighed for at inkludere eller ekskludere bestemte områder af dit websted fra en bestemt skabelon.
Med dette kan du nemt oprette skabeloner, der anvendes på hele dit websted, eller oprette skabeloner, der kun anvendes på bestemte områder af dit websted, for eksempel et enkelt indlæg eller en side eller på bestemte indlæg, der tilhører en bestemt kategori.
Den nye temabygger kan tilgås ved at gå til Divi > Tema Builder.
Derfra kan du få adgang til alle de skabeloner, du har oprettet før. Du kan tilføje nye skabeloner, redigere eller slette eksisterende eller importere/eksportere en skabelon til/fra eksterne kilder.
Udover muligheden for at oprette brugerdefinerede overskrifter og sidefødder (hvilket var en meget efterspurgt funktion siden Divi blev udgivet), kan du også oprette brugerdefinerede skabeloner, der ændrer design, layout og struktur af dine opslag, produkter og andre opslagstyper.
Dette er heller ikke begrænset til brugerdefinerede indlægstyper, du kan også oprette brugerdefinerede indekssider, som for eksempel et brugerdefineret kategorifeed.
Med den nye temabygger kan du forvandle selv standard WordPress-temaet til et premiumprodukt, netop fordi de nye funktioner er så kraftfulde.
Visual Composer Træk og slip-sidebygger
Visual Composer er endnu en imponerende træk-og-slip-sidebygger udviklet af WP Bakery. Det er super nemt at bygge og tilpasse sider med Visual Composer, og det leveres med over 40 indholdselementer. Du får fuld kontrol over sidelayoutet, når du aktiverer Visual Composer. Start med at klikke på knappen "Backend Editor" på sideredigeringsskærmen. Tilføj billeder, tekst, knapper, rækker, kolonner og meget mere.
Visual Composer giver dig mulighed for at oprette komplekse sidelayouts på få minutter. Så slut med shortcodes nu! Du kan tilføje elementer og kolonner med et enkelt klik, træk og slip. En anden stor fordel ved Visual Composer er, at det giver dig mulighed for at gemme layouts som skabeloner og genbruge dem hvor som helst og når som helst.
Selvfølgelig er antallet af indholdselementer, der følger med Visual Composer, overvældende. Det er virkelig svært at finde noget, der ikke er dækket, når du bygger dit Wordpress-websted med denne sidebygger.
Hvor nemt er det at oprette en eller flere WordPress-sider med Page Builders?
WordPress træk-og-slip-sidebyggere giver brugeren mulighed for at oprette eller tilpasse hver side eller hvert indlæg med minimal tid og indsats. Disse er fantastiske tilføjelser til WordPress-begyndere, der ønsker at udvikle designlayout af høj kvalitet til sider og indlæg, men ikke har nogen viden om kodning. Siderne og indlæggene oprettes inden for få minutter og til en meget lav pris.
Disse kan hjælpe alle, uanset om personen er fortrolig med kodning eller ej.
Men "træk og slip" betyder ikke automatisk "nemt".
Selvom det med tiden bliver nemt at bruge dem, har du stadig brug for tid til at lære, hvordan man går til det. Når du begynder med WordPress-sidebyggere, kan du forvente at bruge et par timer på virkelig at få styr på det. Men som du kan se i vores artikel om Divi vs. Visual Composer, vil du se, at begge med tiden bliver ret nemme at bruge. De er trods alt bygget med dette formål i tankerne.
Kan jeg hurtigt oprette WordPress-sider?
Disse WordPress-sidebyggere giver dig mulighed for at bygge professionelle og unikke sider ved hjælp af indholdsbyggeblokke. Nogle sidebyggere kalder disse byggeblokke for indholdselementer, og andre kalder dem moduler. Uanset om det er moduler eller indholdselementer, bruges disse byggeblokke grundlæggende til at oprette sider ved at trække og slippe en del af elementerne på siden.
Fra generelle indstillinger til avancerede brugerdefinerede CSS-indstillinger, kommer disse sidebyggere med mange muligheder. Hvor hurtigt du kan oprette sider med disse sidebyggere afhænger i virkeligheden af, hvor hurtigt du bliver fortrolig med WordPress-sidebyggeren, og hvor hurtigt du lærer at bruge den.
Med hensyn til Divi er læringskurven ret høj, som vi har nævnt tidligere. Du skal sandsynligvis udforske mulighederne og lære præcis, hvordan du bruger dem, før du rent faktisk går i gang. På den anden side har Visual Composer en lavere læringskurve og kræver mindre tid og kræfter.
Der er mange levende eksempler tilgængelige på sidebyggernes officielle hjemmesider for at vide præcis, hvordan de fungerer, og hvordan du kan bruge dem til at få det bedste frem på din hjemmeside. Tag et kig på Divi-dokumentation her, mens for Visual Composer - følg hjemmesiden herfra.
Specifikke funktioner ved Divi vs. Visual Composer
Hvad gør disse sidebyggere så specielle? Det er naturligvis funktionerne!
Divi og Visual Composer træk-og-slip-sidebyggere kommer med fantastiske funktioner, der får dem til at skille sig ud fra mængden.
Med Divis træk-og-slip-sidebygger kan du tilføje brugerdefineret CSS. Du kan tilføje brugerdefineret CSS til bestemte dele af siden og give dine sider et strejf af tilpasning. Denne funktion begrænser ikke designerne i at designe siden ved blot at trække og slippe elementer og moduler. Funktionen til brugerdefineret CSS giver WordPress-designere mulighed for at tilpasse individuelle dele efter deres behov. Se demoer af sider oprettet med Divi her.
Kombinér den brugerdefinerede CSS med temabyggeren, og du har fuld kontrol over dit websites design og layout. Hvis du er en avanceret bruger eller webdesigner, vil Divi accelerere din websitedesignproces betydeligt ved at udføre det meste af det krævende arbejde for dig.
Nye forbedringer af CSS i august 2021-opdateringen gør det endnu mere effektivt. Smarte stilarter reducerer dobbeltarbejde i CSS. Dynamisk CSS indlæser kun det, der er nødvendigt for den pågældende side, og CSS-filstørrelsen er samlet set reduceret med 94%.
Alt dette, kombineret med andre forbedringer af ydeevnen, hjælper Divi med at score 100 på Google PageSpeed Desktop og 99 på Google PageSpeed Mobile. Den rammer også 100% på GTmetrix!
Du behøver ikke længere at skrive nogen kode fra bunden.
På den anden side kommer Visual Composer med mere end 50 tilføjelser, hvilket betyder, at du kan udvide sidebyggerens funktionalitet ved at tilføje yderligere funktioner. Selvom disse ekstra funktioner bliver lidt dyre og øger indlæringskurven, er de prisen værd, hvis du virkelig beslutter dig for at bruge Visual Composer til at bygge dine hjemmesidesider og indlæg.
Pris for Divi/Visual Composer
Divi Træk og slip sidebygger vil koste dig $89 om året og $249 for livstidsadgang. Når man ser på alle de muligheder, moduler og elementer, den tilbyder, plus temabyggeren, er prisen et kup - tænk på al den tid, du sparer på at kæmpe med at bygge hele WordPress-hjemmesiden, som du gerne ville have gjort det.
Der er også et rabattilbud lige nu indtil kl. Juli 2025 hvor du kan få 10% rabat på alle priser. Dette er eksklusivt for CollectiveRay - så gør et kup nu.
Visual Composer Drag and Drop Page Builder koster dig kun $45Det er faktisk en god pris for en fantastisk sidebygger. Men da Visual Composer leveres med yderligere funktioner, skal du muligvis betale ekstra gebyrer for den ekstra funktionalitet. Dette afhænger igen af din brug og dine behov. Når du først begynder at bruge Visual Composer, kan du finde disse yderligere funktioner ret nyttige.
Udtalelser fra nogle af vores kunder
Der er mange, der har brugt disse sidebyggere til at bygge deres hjemmesider og fundet dem virkelig nyttige. Vi søgte efter andre, der allerede har brugt disse produkter. Udtalelserne og casestudierne her er for at vise, at vi ikke selv er forudindtagede over for nogen af WordPress-sidebyggerne.
Lær mere om funktionerne i Divi-sidebyggeren her:
https://athemes.com/reviews/divi-builder-review/
Ifølge Kevin Muldoon fra WPMUDev er "Visual Composer den bedst sælgende drag-and-drop-sidebygger og passerede 20,000 salgsmilepæle i selve marts 2014." Læs resten af artiklen her:
https://premium.wpmudev.org/blog/visual-composer-review/
Afsluttende tanker
Visual Composer er en funktionsrig sidebygger, der er fyldt med 40 indholdselementer. Den giver dig også mulighed for at bygge sider og se ændringerne i realtid via front-end og back-end administrationsområdet. Derudover er elementerne i Visual Composer alle responsive og får dine sider til at se fremragende ud på forskellige enheder.
Divi drag and drop-sidebyggeren har været en del af Divi-temaet i Elegant Themes og har dermed allerede vundet tilliden hos mange WordPress-udviklere. Den har en brugervenlig grænseflade, og sidebyggerens største styrke er dens evne til at opdele indhold i moduler, kolonner, rækker og sektioner.
Med tilføjelsen af den nye temabygger vil Divi tiltrække endnu flere WordPress-brugere. Muligheden for at tilpasse hele dit websted er en uvurderlig funktion, der vil hjælpe brugere på alle niveauer med at skabe præcis det, de ønsker, uden at bruge en masse tid.
Selvom hver sidebygger har et forskelligt system til at bygge sider og indlæg, er både Visual Composer og Divi Page Builder gode WordPress-plugins til at bygge hjemmesider. Det er din testning og dine behov, der vil retfærdiggøre valget af den ene frem for den anden.