Kom med bag om WordPress-temaet Divi og hør, hvorfor vi bygger alle vores hjemmesider i det – og hvorfor over 974.872 andre webdesignere og virksomhedsejere har gjort det samme.

Divi er nemlig langt mere end bare et WordPress-tema. For ud over at bygge hjemmesider, som vi kender det fra de fleste virksomheder på en let måde, så kan man også koble webshops, online kursus-systemer, B2B-webshops og login pages på. Så selvom en virksomhed vokser – eller der skiftes forretningsmodel, så er det muligt at tilkoble en lang række funktioner og features uden, at din virksomhed behøver at skifte platform eller have flere platforme koblet sammen på kryds og tværs.

Divi er desuden en komplet website-byggeplatform, der har revolutioneret måden, vi tænker på webdesign. Udviklet af Elegant Themes har Divi siden sin lancering vokset sig til at blive det mest anvendte premium WordPress-tema i verden ifølge statistikker fra BuiltWith.com.

Men hvad gør Divi så specielt? I sin kerne kombinerer Divi tre kraftfulde komponenter: et fleksibelt WordPress-tema, en avanceret visual page builder og et omfattende økosystem af værktøjer og tjenester. Dette treenige setup gør det muligt for både begyndere og erfarne udviklere at skabe professionelle hjemmesider uden nogensinde at skulle røre en eneste linje kode.

Divi som WordPress-tema

Som WordPress-tema fungerer Divi som fundamentet for din hjemmeside. Men i modsætning til traditionelle temaer, der låser dig fast i et bestemt design, er Divi bygget med fleksibilitet i tankerne. Temaet kommer med hundredvis af foruddesignede layouts og templates, men det virkelige magiske ligger i dets evne til at tilpasse sig præcis dine behov.

Når vi bygger hjemmesider og webshops i Divi, så betyder det, at alle designmuligheder kan sættes i spil og ikke bliver begrænset af evnerne til at kode i hverdagen. Derfor designer vi først alle vores kunders webdesigns, så hver især kan få en unik platform, der afspejler den enkelte virksomheds visuelle identitet og funktionsbehov.

Hvis du vil se eksempler på forskellige hjemmesider, som alle har deres egne visuelle identiteter og funktioner – og som alle er bygget i Divi af Think Next, kan du klikke her.

Green Box – produktionsvirksomhed

CogniTech – softwareleverandør

Hjernesmart – forfatter og oplægsholder

Goldcore Drilling – prospect drilling

Nordisk Fundering – entreprenør

Temaet er responsivt fra bunden, hvilket betyder, at din hjemmeside automatisk tilpasser sig alle skærmstørrelser, fra store desktop-skærme til små mobiltelefoner. Du kan se et eksempel på, hvordan designet let er tilpasset til flere forskellige skærme for Goldcore Drilling her under.

Visual Page Builder: Hvor magien sker

Det, der virkelig adskiller Divi fra andre WordPress-temaer, er den integrerede visual page builder. Denne builder giver dig mulighed for at designe din hjemmeside i realtid, direkte på frontend af din side. Du ser præcis, hvordan dine ændringer ser ud, mens du laver dem – ingen gætværk, ingen overraskelser.

Page builderen fungerer med et modulært system, der er opdelt i tre hovedkomponenter:

Sektioner er de største byggeklodser og fungerer som containere for dit indhold. Tænk på dem som de store blokke, der deler din side op i forskellige områder.

Rækker findes inden i sektioner og definerer den grundlæggende layout-struktur. Du kan vælge mellem 1-6 kolonner og selv vægte, hvor bred hver kolonne skal være.

Moduler er de specifikke indholdselementer, du placerer i dine kolonner. Det kan være tekst, billeder, knapper, kontaktformularer, gallerier og meget mere.

Dette system giver dig utrolig fleksibilitet til at skabe præcis det layout, du ønsker, uden at skulle forstå kompleks CSS eller HTML.

Divi som komplet økosystem

Men Divi stopper ikke ved tema og page builder. Elegant Themes har bygget et helt økosystem omkring Divi, der inkluderer:

Divi Cloud fungerer som din personlige sky-lagring for alle dine designs, layouts og kodestykker. Det betyder, at når du starter et nyt projekt, har du allerede adgang til alle dine tidligere kreationer.

Divi AI er den nyeste tilføjelse til Divi-familien og bringer kunstig intelligens direkte ind i din designproces. Med Divi AI kan du generere hele hjemmesider, skrive indhold og endda skabe billeder – alt sammen ved hjælp af simple tekstbeskrivelser.

Divi Dash er et centraliseret dashboard, hvor du kan administrere alle dine Divi-hjemmesider fra ét sted. Det gør det utrolig nemt at holde styr på opdateringer, plugins og vedligeholdelse på tværs af flere websites.

Hvem står bag Divi?

Elegant Themes blev grundlagt i 2008 og har siden specialiseret sig i at skabe smukke, funktionelle WordPress-temaer. Virksomheden har altid haft fokus på at gøre webdesign tilgængeligt for alle – ikke kun for dem med teknisk baggrund.

Med over 974.872 aktive brugere og mere end 23.000 femstjernede anmeldelser på Trustpilot [2], har Elegant Themes bevist, at deres tilgang til webdesign resonerer med en bred vifte af brugere verden over.

Virksomheden investerer kontinuerligt i udvikling og innovation. Den kommende Divi 5.0, som forventes lanceret i foråret 2025, lover at bringe endnu flere avancerede funktioner og forbedringer til platformen

8 grunde til at vælge Divi til din hjemmeside

Efter at have arbejdet med Divi i flere år og bygget hundredvis af hjemmesider til vores kunder hos Think Next, har vi identificeret de mest overbevisende grunde til, hvorfor Divi skiller sig ud fra mængden. Her er vores top 10 grunde til at vælge Divi til dit næste webprojekt.

1. Visuel bygning i realtid – Se dine ændringer, mens du laver dem

Den måske mest revolutionerende funktion ved Divi er den integrerede visuelle bygger, der giver dig mulighed for at redigere indhold direkte på din hjemmeside. I modsætning til traditionelle WordPress-editorer, hvor du skal gætte, hvordan dine ændringer kommer til at se ud, viser Divi dig præcis resultatet i realtid.

Forestil dig, at du skal ændre en overskrift på din forside. I stedet for at navigere til WordPress-administrationen, finde den rigtige side, lave ændringen og derefter forhåndsvise resultatet, kan du simpelthen klikke direkte på overskriften på din live hjemmeside og redigere den på stedet. Du ser øjeblikkeligt, hvordan den nye tekst ser ud i kontekst med resten af dit design.

Denne tilgang sparer ikke kun tid – den giver dig også større kreativ kontrol. Du kan eksperimentere med forskellige formuleringer, farver og layouts og se resultaterne øjeblikkeligt, hvilket gør designprocessen mere intuitiv og mindre frustrerende.

For vores kunder betyder dette, at de selv kan foretage små ændringer som at opdatere åbningstider, ændre kontaktoplysninger eller udskifte billeder uden at skulle betale for udviklerhjælp hver gang. Det lyder da meget rart – ikke? 😉

2. Drag-and-drop funktionalitet – Byg som med LEGO-klodser

Divi’s drag-and-drop interface gør webdesign til en leg – bogstaveligt talt. Systemet fungerer som digitale LEGO-klodser, hvor du kan trække elementer rundt og sætte dem sammen på præcis den måde, du ønsker.

Byggesystemet er organiseret i tre lag:

Sektioner fungerer som de store containere, der deler din side op i forskellige områder. Du kan have en sektion til din header, en til dit hovedindhold, en til testimonials og så videre.

Rækker definerer kolonnestrukturen inden for hver sektion. Du kan vælge mellem 1-6 kolonner og selv bestemme breddeforholdet. Vil du have to lige brede kolonner? Eller måske en bred kolonne til venstre og en smal til højre? Det er helt op til dig.

Moduler er de specifikke indholdselementer, du placerer i dine kolonner. Divi kommer med over 40 forskellige moduler, herunder tekst, billeder, knapper, kontaktformularer, gallerier, videoafspillere og meget mere.

Det smarte ved dette system er, at det giver dig utrolig fleksibilitet uden at kræve teknisk viden. Du behøver ikke at forstå CSS Grid eller Flexbox – du trækker simpelthen elementerne derhen, hvor du ønsker dem.

Du kan se et eksempel her under:

3. Globale design-standarder – Ændr hele dit site med ét klik

En af de mest kraftfulde funktioner i Divi er muligheden for at oprette globale design-standarder. Dette system giver dig mulighed for at definere konsistente styles på tværs af hele din hjemmeside og ændre dem alle på én gang.

Lad os sige, at du har defineret tre forskellige knapstyles: en primær blå knap, en sekundær grøn knap og en advarsel rød knap. Hver gang du tilføjer en knap til din hjemmeside, kan du vælge en af disse foruddefinerede styles i stedet for at skulle konfigurere farver, skrifttyper og spacing hver gang.

Men det virkelige magiske sker, når du beslutter dig for at ændre dit brand. Hvis du pludselig vil have alle dine blå knapper til at være orange i stedet, ændrer du simpelthen farven i din globale standard, og wupti – alle knapper på hele hjemmesiden opdateres automatisk.

Dette system fungerer ikke kun for knapper, men for alle elementer på din hjemmeside: overskrifter, tekstblokke, billeder, sektioner og meget mere. Det gør det utrolig nemt at vedligeholde et konsistent design og foretage site-brede ændringer uden at skulle gennemgå hver enkelt side manuelt.

4. Responsive design – Perfekt på alle enheder

I dagens mobile verden er det afgørende, at din hjemmeside ser fantastisk ud på alle enheder. Divi håndterer dette automatisk med sit responsive design-system, men giver dig også mulighed for at finjustere oplevelsen på forskellige skærmstørrelser.

Divi tilpasser automatisk dit design til telefoner og tablets, men nogle gange ønsker du måske forskellige oplevelser på forskellige platforme. Måske har du et komplekst layout, der ser fantastisk ud på desktop, men bliver for rodet på en lille mobilskærm.

Med Divi kan du skjule eller vise forskellige elementer baseret på enhedstype. Du kan have en detaljeret infografik på desktop-versionen af din side, men erstatte den med en forenklet version på mobil. Eller du kan have en stor hero-video på desktop, men skifte til et statisk billede på mobil for at spare båndbredde.

Denne fleksibilitet giver dig mulighed for at skabe optimale brugeroplevelser på alle platforme uden at skulle bygge separate versioner af din hjemmeside.

5. Omfattende modul-bibliotek – Alt du har brug for og mere til

Divi kommer med over 40 forskellige moduler, der dækker praktisk talt alle behov, du måtte have for indhold på din hjemmeside. Fra grundlæggende elementer som tekst og billeder til avancerede funktioner som kontaktformularer og e-commerce integration.

Nogle af de mest populære moduler inkluderer:

• Tekstmodulet giver dig fuld kontrol over typografi, farver og spacing. Du kan skabe alt fra simple paragraffer til komplekse tekstlayouts med forskellige skrifttyper og styles.
• Billedmodulet håndterer ikke kun visning af billeder, men også avancerede funktioner som hover-effekter, overlays og linking.
• Knap-modulet lader dig skabe call-to-action knapper med custom farver, animationer og hover-effekter.
• Kontaktformular-modulet giver dig mulighed for at bygge tilpassede formularer uden behov for tredjepartsplugins.
• Testimonial-modulet hjælper dig med at vise kundeanmeldelser på en professionel måde.
• Galleri-modulet kan vise dine billeder i forskellige layouts, fra simple gitter til avancerede slideshows.

Og dette er kun toppen af isbjerget. Divi’s modulbibliotek udvides konstant, og takket være det aktive community og marketplace kan der altid findes endnu flere moduler, der ikke lader sig begrænse af fantasien. Vi bruger selv ofte Divi Supremes moduler til mere komplekse layouts – af den simple årsag, at vi helst koder så lidt så muligt, så det er nemmest muligt for vores kunder at varetage driften af sitet selv efterfølgende, hvis dette ønskes.

Her under har vi stylet et par af Divi Supremes ekstra features.

Before / After slideren 

Skrivmaskine-effekten

Tilt-effekten 

Dette modul passer perfekt til fx menukort, fremhævning af prispakker mv.

Hotspot 

Dette modul er perfekt til at fremhæve funktioner eller dele viden om materialer. Kør musen henover og se, hvad der sker, når du rammer ved ikonerne.

6. WooCommerce integration – E-commerce gjort nemt

Hvis du planlægger at sælge produkter online, er Divi’s integration med WooCommerce en af de bedste løsninger på markedet. I stedet for at være begrænset til WooCommerce’s standarddesigns kan du bruge Divi’s visuelle builder til at skabe helt tilpassede produktsider, shop-layouts og checkout-oplevelser.

Divi kommer med specialiserede WooCommerce-moduler, der giver dig fuld kontrol over, hvordan dine produkter præsenteres:

Produktmodulet lader dig vise individuelle produkter hvor som helst på din hjemmeside med tilpassede layouts og styling.

Shop-modulet giver dig mulighed for at skabe custom produktlister og kategorisider.

Kurv-modulet lader dig integrere indkøbskurven direkte i dit design.

Det innovative ved Divi’s tilgang er, at du kan placere disse e-commerce elementer hvor som helst på din hjemmeside og style dem til at passe perfekt med dit brand. Du er ikke længere begrænset til WooCommerce’s standardlayouts.

7. AI-integration – Fremtidens webdesign er her

Med introduktionen af Divi AI har Elegant Themes bragt kunstig intelligens direkte ind i webdesign-processen. Denne funktion er ikke bare en gimmick – det er et kraftfuldt værktøj, der kan spare dig for timer af arbejde.

Automatisk website-generering lader dig beskrive din virksomhed i simple termer, og Divi AI skaber derefter en komplet hjemmeside med relevante sider, indhold og billeder. Det er som at have din egen personlige webdesigner, copywriter og fotograf i ét.

Indholdsoprettelse hjælper dig med at skrive overbevisende tekster til din hjemmeside. Beskriv blot, hvad du ønsker at kommunikere, og AI’en genererer professionel copy, der passer til din tone og stil.

Billedgenerering skaber tilpassede billeder baseret på dine beskrivelser. Har du brug for et billede af en moderne kontorbygning til din “Om os”-side? Beskriv det blot, og AI’en skaber det for dig.

Selvom AI ikke kan erstatte menneskelig kreativitet og strategisk tænkning, kan det dramatisk accelerere de mere rutineprægede aspekter af webdesign og give dig mere tid til at fokusere på det, der virkelig betyder noget for din virksomhed.

8. Cloud-lagring og samarbejde – Dine designs overalt

Divi Cloud fungerer som din personlige sky-lagring for alle dine webdesign-aktiver. Hver gang du skaber et layout, en template eller et kodestykke, kan du gemme det i skyen og få adgang til det fra ethvert projekt.

Dette er særligt værdifuldt, hvis du arbejder på flere hjemmesider eller samarbejder med et team. I stedet for at skulle genskabe de samme designs igen og igen, har du adgang til dit komplette bibliotek af tidligere arbejde.

Layout-deling gør det nemt at overføre designs mellem forskellige hjemmesider. Har du skabt en fantastisk “Om os”-sektion til en klient? Gem den i Divi Cloud og genbruge den som udgangspunkt for fremtidige projekter.

Team-samarbejde bliver nemmere, når alle har adgang til de samme design-aktiver. Dit team kan arbejde sammen om projekter og dele ressourcer uden at skulle sende filer frem og tilbage.