Divi Builder fra Elegant Themes

Når du bruger et tema fra Elegant Themes, er det umiddelbart som med alle andre temaer, hvor du har nogle muligheder til forsiden, og så er resten rimelig meget standard.

Fordelen ved at bruge Elegant Themes temaer er, at der er en del tilpasninger, som du ikke får i de billigere temaer.

Ud over det, kan du tilsætte en Page builder, kaldet Divi Builder, så du kan bygge hver enkelt side, nøjagtig som du vil have den.

Det kan du gøre enten fra back-end, med moduler, der lige som byggeklodser former sidens opbygning, eller fra Front-end, hvor du med træk-og-slip kan se hvad det er du laver, når du designer din side.

Temaerne Divi Theme og Extra Theme fra Elegant Themes har begge Divi Builder indbygget, så hvis du bruger Divi, der er verdens mest benyttede tema, er du allerede klar.

TL:DR: Arbejde med Divi Builder

Det er et amerikansk produkt, så du skal lige have denne:
Disclosure: Some of the links in this post are “affiliate links.” This means if you click on the link and purchase the item, I will receive an affiliate commission.

Andre relaterede Divi Builder artikler

• Hvad er Elegant Themes
• Temaet Divi Theme
• Divi Builder

Hvad er Divi Builder?

Når du tilsætter Divi Builder, så åbnes der en verden af muligheder, som du normalt ikke har i den klassiske WordPress editor, men heller ikke i den nye Blok editor, populært kaldet Gutenberg.

Med Divi Builder får du en masse skabeloner til sidens opbygning med i købet, og du får en masse forskellige moduler som kan tilpasses til den visning du ønsker at give siden.

Her vil jeg gerne lige vise dig nogle af de smarte funktioner i Divi Builder.

Nu er der stor sandsynlighed for at forveksle Divi temaet med Divi Buider, for godt nok er Divi Builder indbygget i det tema (og i Extra), men det er muligt at tage et hvilket som helst tema, og bruge de smarte funktioner fra Divi Builder.

I Divi og Extra er layoutet helt frit, du kan skrotte alt standard, og lave en helsides opbygning, som du selv synes. I andre temaer kan der være begrænsninger, så du kun kan tilpasse selve indholdet, mens “omgivelserne” (menu + widgets) stadige bestemmes af temaet.

Her vil jeg vise Divi Builder brugt sammen med WordPress temaet
Twenty Sixteen, det nye Twenty Nineteen er simpelt hen for grimt at arbejde med, uden der gøres noget ved det først!

Når du arbejder med mine guider online, kan det være svært at overskue, hvis du ikke har to skærme, så du kan læse min guide på den ene, og se det du arbejder med på den anden.

Du kan nemt skifte mellem to vinduer ved at bruge Alt+Tab.
Du kan skifte mellem Tabs i samme browser ved at bruge Shift+Tab den ene vej, og Ctrl+Shift+Tab den anden vej.

Det er faktisk lidt besværligt, så tricket er, at hive den ene tab væk fra den anden, og derved har du to vinduer, som du kan skifte mellem (Alt+Tab) – det er da smart!

Hent og installer Divi Builder

Hvis du ikke bruger Divi eller Extra temaet fra Elegant Themes, skal du hente og installere Divi Builder, inden du kan bruge de smarte funktioner.

Er du klar til at købe Divi temaet?

Hvis du bruger Divi eller Extra, kan du springe videre til næste punkt…

Når du har logget på din konto hos Elegant Themes, finder du boksen med Divi Builder

• Klik på Download
• Vent

Nu ligger Divi Builder i en zip-fil i din mappe til downloads. Du ved forhåbentligt hvor det er 🙂

• Log ind i back-end på din hjemmeside
• Vælg menupunktet Plugins
• Klik på Tilføj nyt

• Klik på Upload plugin

• Klik på Vælg fil

• Find og marker divi-builder (divi-builder.zip)
• Klik på Åbn

• Klik på Installer nu

• Klik på Aktiver nu

Nu vender du tilbage til oversigten over plugins, og kan se at Divi Builder er installeret.

Forskellige muligheder med Divi Builder

Nu skal du høre rigtig godt efter, for lige dette afsnit er lidt komplekst, og måske rodet!

Hvis du kun vil arbejde med Divi Builder i front-end, behøver du ikke gøre noget, det er nemlig det der er standarden. Det er bare min erfaring, at der altid sker et-eller-andet der ikke lige kan styres i front-end, og Blok editor har nogle fejl endnu, så derfor vil jeg rigtig gerne kunne komme tilbage til Klassisk editor og back-end Divi Builder.

Det fortæller jeg dig til sidst hvordan du kan gøre, men først skal du lige vide hvilke muligheder der er, for at arbejde med dit indhold nu.

Klassisk editor

Med den klassiske editor, får du det som i gamle dage, med det klassiske udseende, hvor du kan indsætte tekst og/eller billeder direkte på siden, eller i kodevisning.

Med Divi Builder plugin er der to måder at aktivere Klassisk editor, men jeg vil kun anbefale at bruge den ene.

Via Divi Builder

Du kan aktivere Klassisk editor i Divi Builderen, under menupunktet Divi, og her vælge Geavanceerd (bliver forhåbentligt snart oversat korrekt 🙂 )

Det betyder desværre at du KUN bruger klassisk editor, og ikke kan komme over i Blok editor, hvilket kan være udmærket, hvis du vil skubbe kendskabet til Gutenberg og Blok editor, men det vil jeg ikke anbefale.

Til gengæld vil jeg anbefale, at du bruger den næste mulighed, og holder alle døre åbne 🙂

Via Klassisk editor plugin

Du kan se min guide om at installere Klassisk editor her, direkte fra WordPress. Specielt punktet med at lade Blok editor være standarden, og kunne skifte mellem de to versioner er ret vigtig.

Blok editor

Med det nye Gutenberg udtryk, kan du arbejde i blokke, enten direkte i visuel mode, eller i kodevisning. I koden kan du se, at der bruges ekstra koder, til at holde styr på indholdet i blokkene.

Det er samme fremgangsmåde Page buildere bruger, men da det er en WordPress standard, kan du sagtens vende tilbage til Klassisk editor uden tab af indhold, hvilket du ikke kan med andre Page buildere.

Det vigtige her er altså, at du kan sagtens starte med Blok editor, og så finde ud af at du hellere vil bruge Divi Builder.

Hvis du starter med Divi Builder, og så bagefter finder ud af, at det var unødvendigt, så er det besværligt at skifte tilbage til Blok editor, for det er manuelt arbejde.

Divi Builder i front-end

Hvis du blot ønsker at arbejde i WYSIWYG mode, Divi Builder i front-end, med træk-og-slip funktionalitet, behøver du ikke gøre noget som helst, efter du har installeret Divi Builder.

Som standard vil du altid hoppe til front-end, når du vælger at arbejde med Divi Builder. Mere om det lige om lidt.

Divi Builder i back-end

Som standard har du kun mulighed for at arbejde med Divi Builderen i front-end, når du lige har installeret den, hvilket er lidt underligt, for tidligere har du bare kunnet skifte mellem at arbejde med Divi layouts begge steder.

For at få lov til at arbejde med Divi Builder i back-end, skal vi sørge for, at Klassisk editor er til stede. Enten via Divi indstillingerne, eller installere plugin’et Klassisk editor. Jeg foretrækker det sidste, som nævnt oppe under “Via Klassisk editor plugin“.

Arbejde med Divi Builder

Når nu vi endelig skal i gang med at arbejde på vores side, så vil jeg her vise de fem vigtigste punkter. Resten finder du nok selv ud af.

• Front-end Page builder
• Back-end Page builder
• Layouts i Divi Builder
• Moduler i Divi Builder
• Gemte og Globale moduler

Front-end Page builder

Når du skal arbejde med front-end builderen af Divi, er der nu to måder at gøre det på, enten fra front-end, eller fra back-end.

Start Divi Builder fra back-end

Når du starter en ny side op, er du i back-end af din hjemmeside, og her bliver du mødt af Blok editor, medmindre du har slået Klassisk editor til, samt en mulighed til at vælge, om du vil bygge siden med Divi Builder, eller ved standard redigering (som her er Blok editor).

• Vælg Sider, Tilføj ny

Hvis du laver indlæg, ser siden lidt anderledes ud, end hvis du laver sider, men det vi skal i første omgang, er det samme.

Helt grundlæggende, er det fuldstændig det samme, om du laver sider eller indlæg, når vi snakker om indholdet, det er måden artiklen behandles på i systemet, der varierer.

• Du kan lige starte med at skrive overskriften på artiklen, evt. blot en arbejdstitel.
• Klik på Use Divi Builder knappen

Nu skal du først vælge, om du vil bygge siden fra bunden af, om du vil bruge et layout, eller om du vil klone ene side du allerede har lavet, så du kan bruge den som udgangspunkt.

• Senere skal vi se på de indbyggede layouts, så start med at vælge Begynd at bygge.

Husk på, vi er stadig bundet af temaets grundlæggende layout. Dvs. der arbejdes kun med selve indholdet, ikke det der er “uden om”.

Nogle temaer tillader Divi Builder at lave “hel side”, så det er mere end blot indholdet. F.eks. temaerne Divi og Extra.

Ofte er det Widgets der “forsvinder”, hvor menuen bibeholdes, og så kan du selv styre hvordan layoutet skal være på den side, men nogle temaer tillader at lave hele siden om, fuldstændig efter behov.

Divi Builder arbejder med rækker, hvori du kan placere kolonner, med det indhold du gerne vil have. I bund og grund er du bare ved at lave en fleksibel tabel, hvor indholdet skal placeres i.

• Klik på det rækkelayout du gerne vil have (her vælger jeg To kolonner)

Nu skal du vælge hvilket modul du vil arbejde med. Moduler er de blokke der holder det indhold du laver, og her er den mest anvendte tekst, med billede som den anden mest anvendte.

Det er med modulerne, du kan lave nogle af de smart ting, uden du kan kode noget som helst selv.

• Find og klik på modulet Tekst

Nu kan du arbejde med teksten på to måder. Enten i Indstillinger for modulet, hvor du kan skrive og formatere teksten efter behov, eller direkte i teksten på siden, men her kan du ikke formatere teksten.

• I indstillinger for modulet, kan du vælge Udvid modal (?)

Nu får du en helsides visning af tekst-modulet, hvor du har ekstra mange muligheder for at arbejde med formatering af teksten.

Der er to måder at arbejde med teksten på, enten Visuelt, hvor du ikke ser koden, men resultatet, og Tekst visning, hvor du ser teksten i råt format, tilsat de koder der kræves.

Du kan vælge at lave et tekst-modul til hvert afsnit, lige som Blok-editor, men det vil jeg ikke anbefale. Det er alt for tungt at arbejde med, og kommer sikkert til at virke endnu mere uoverskueligt. Jeg plejer at lave et modul til hvert emne.

En anden måde at dele det op, er ved at lave et modul til hver situation med skiftende antal kolonner, men det må du selv prøve dig frem med, for det vigtigste er, at du føler dig godt tilpas med den måde det er sat op.

Når du har indsat og formateret den tekst du ønsker i modulet, skal du huske at gemme.

• Klik på det hvide flue-ben i den grønne firkant

De forskellige elementer i Divi Builderen vises ved de små klodser i forskellig farve, der lægger sig over teksten.

De fleste af ikonerne er ens for elementerne, og så har de hver især nogle der er unikke for netop det element.

Det kan være lidt svært at overskue, så lad os lige se det på en anden måde!

• Klik på side-ikonet i bunden (lilla cirkel med tre prikker, ved klik bliver det til et kryds, som du ser på billedet herunder)
• Klik på Gittervisning, et af ikonerne til venstre

Her ser du det lige som en lidt mere overskuelig visning, vi også skal arbejde med, lidt senere.

• Vend tilbage ved at klikke Gittervisning igen
• Klik på lilla kryds i bunden

Lad os lige afslutte rækken, ved at indsætte et billede i højre kolonne.

• Klik på gråt plus (Tilføj nyt modul) i højre kolonne.

• Find og vælg modulet Billede

• Klik i det store grå felt

Nu ser du oversigten over dine billeder i Medier.

• Vælg et billede herfra, eller upload et.
• Klik på Upload et billede

Nu er du tilbage til Billede indstillinger. Som du kan se, er der en masse indstillinger der kan foretages med billedet, bl.a. baggrundsfarve, margener, størrelse og meget andet. Det må vi vende tilbage til 🙂

• Klik på det hvide flueben i den grønne boks (Gem ændringer)

Nu har vi fået oprettet en ny side, med en tekst til venstre, og et billede til højre.

Nu er det tid til at kigge lidt på de andre muligheder der er.

Sektioner er blå

Sektioner er som standard blå, men der findes flere typer sektioner, som du skal se senere, men lige nu, er sektioner blå.

Ikoner til sektioner

Flyt sektion: her kan du bruge træk-og-slip til at flytte hele sektionen op eller ned, hvis du vil flytte rundt på de forskellige elementer du har på siden. Derfor er det en god ide, at splitte tekst og andet op i mindre overskuelige bidder, dug heller ikke for småt, som jeg nævnte før.

Sektionsindstillinger: åbner Indstillinger-modal vinduet som før, men har de egenskaber for sektionen der kan ændres. F.eks. Baggrundsfarve, margen og meget andet.

Dupliker sektion: laver en kopi af sektionen, og indsætter neden under denne sektion.

Gem sektion til bibliotek: du kan gemme næsten alt som en skabelon, du kan trække frem senere. Hvis du har lavet en sektionsopbygning, du gerne vil kunne genbruge senere, kan den gemmes. Evt. indhold gemmes også.

Slet sektion: sletter sektionen. Det kan fortrydes (Ctrl+Z), men ikke senere.

Rækker er grønne

Inde i sektioner, er der rækker, der er grønne. De er opdelt i kolonner, fra 1 til 6 kolonner, og her skal du jo hele tiden tænke på din skærmbredde på desktop, for det er ikke sikkert det er kønt med mange kolonner.

På mobilen vises de bare under hinanden, hvis de er for brede til at være ved siden af hinanden, så det er fint nok.

Ikoner til rækker

Jeg vælger her kun at nævne de ikoner der er anderledes, i forhold til Sektionerne fra før. Dem der er magen til, har selvfølgelig samme funktion 🙂

Ændr rækkestruktur: her kan vælge et andet antal rækker, evt. en anden rækkestruktur. Du får dialogboksen frem fra før. Hvis du vælger et mindre antal rækker end du allerede har lavet moduler til, forsvinder modulerne ikke, men lægger sig under hinanden.

Arbejde med rækker

• Klik på ikonet Tilføj ny række

• Vælg det antal, og den opsætning af kolonner, du ønsker i denne række.

Jeg vælger her to kolonner, med den mindste til højre.

Nu skal du vælge det modul, der skal være i venstre side, eller, det behøver du ikke, men det bliver foreslået. Hvis du hellere vil vente, kan du bare fortsætte, eller tage det til højre først.

For lige at afslutte rækken, kan vi lige hurtigt få to moduler, blot til demonstration.

• Find og klik på modulet Knap
• Klik på det hvide flueben i den grønne boks (Gem ændringer)
• Klik på plusset i højre kolonne (Tilføj nyt modul)
• Find og klik på Bar tæller
• Klik på Gem ændringer

Nu er den række der også. Der er mange flere detaljer, og det hjælper at prøve sig frem.

Træk-og-slip funktionen

Jeg vil lige afslutte denne lille intro til rækker med træk-og-slip funktionen, for det kan være vældig smart, men også “farligt”, hvis du ikke sørger for at holde samme afstande på alle sider.

Ændre afstand

I billedet oven over, er der en dobbelt-pil, når du rammer kanten.

Prøv at finde den, og træk lidt nedad, nu kan du tilpasse afstanden til den række der er oven over.

Dette er Tilpasset fyld, når du kigger i indstillingerne, ikke en margen.

Flytte elementer

Til hvert element, er der et flytte-ikon. Det kan være lidt besværligt at gøre det i denne visning, men det kan godt lade sig gøre.

• Peg inde i det element du vil flytte, her vil jeg flytte rækken op over den anden

• Træk til den placering du ønsker elementet skal være
• Slip når ikonet og den grå bjælke er det rigtige sted

Det kan være besværligt, og går måske i ged, men så kan du fortryde (Ctrl+Z), og prøve igen. Eller skifte til Gittervisning, som jeg viste tidligere, og viser igen lidt senere, for her er det bestemt nemmere at flytte rundt på tingene.

• Træk elementet tilbage igen.

Gem siden

Selvom WordPress laver en automatisk gem som kladde, skal du selv gemme siden med jævne mellemrum.

Når du arbejder med kladden, kan du selvfølgelig gemme løbende, uden at tage hensyn til hvordan siden ser ud. Men hvis du har udgivet siden, og vil lave nogle ændringer, bør du have forberedt dem, så du kan lave tilpas meget, inden du gemmer, som stadig er fornuftigt, hvis der lige skulle komme en bruger forbi.

Jeg anbefaler iøvrigt altid at lave dine tekster ved siden af, så de er lige til at copy/paste ind i WordPress, for hvis din side en dag forsvinder, så er det rart med en off-line kopi af alt.

• Hvis den lilla bjælke i bunden er lukket, klik da først på de tre prikker til at åbne Sideindstillingerne
• Klik på Gem kladde i nederste højre hjørne af hjemmesiden

• Klik på Offentliggør knappen, hvis du er færdig, og vil udgive siden.
• Hvis siden er udgivet, hedder det Gem

Er du klar til at købe Divi temaet?

Start Divi Builder fra front-end

Når du allerede har lavet en artikel, indlæg eller side, kan du starte Divi Builder fra front-end, ved at finde artiklen, og redigere den direkte fra front-end.

• Find den artikel du vil arbejde med
• Klik på Aktiver visuel bygger i admin baren

Bemærk, at Rediger side/indlæg tager dig til back-end, hvor du kan klikke på Build On The Front End for at komme samme sted som lige angivet.

Back-end Page builder

I back-end kan du designe dine sider, lige som du faktisk så i starten, med gittervisningen i front-end.

Det er den metode jeg foretrækker at bruge, selvom jeg ikke umiddelbart kan se hvordan siden ser ud, så ved jeg jo hvilke moduler jeg ønsker at bruge, og kan hurtigt se siden i en anden fane.

En af grundende til at jeg ikke bryder mig om front-end builderen er, at jeg synes den er for langsom, for usikker, du skal være meget præcis med musen, ellers hopper elementerne pludselig rundt, og er helt ustyrlige.

Nogle gange hænger et element fast i musen, og kan ikke slippes igen, så har jeg måtte lukke siden, og hente den ind igen, og starte forfra!

Det er selvfølgelig en vanesag, og jeg kan arbejde i den, og jeg synes det er genialt for dem der er meget visuelle, men for mig, er det strukturen i gittervisningen der trækker, det er her jeg føler mig hjemme.

Det kræver lige lidt tilpasning, at få lov til at arbejde med Divi Builder i back-end.

Som nævnt tidligere, skal du have gang i Klassisk editor, og det kan gøres med Divi Builderen, men det anbefaler jeg ikke, da det slår Blok editor helt fra.

Jeg vil anbefale, du følger min guide til Klassisk editor, og når du har gjort det, kan du komme tilbage, og fortsætte med at redigere siden i back-end.

BEMÆRK!

Jeg bruger den “gamle” udgave af back-end Divi Builder i mine eksempler her. Den nye back-end builder minder meget om det du ser i front-end, dog modulopbygget som i klodser.

Problemet er, at den opfører sig endnu værre end front-end builderen, hvor jeg konstant oplever at et element hænger fast i musen, og ikke vil slippes igen, i hvert fald ikke det rigtige sted!

Derfor bruger jeg stadig den gamle udgave.

Opret en ny side fra back-end, eller åbn en side/et indlæg du vil arbejde med i fra back-end

• I back-end vælg menuen Indlæg eller Side
• Klik på Tilføj nyt/ny

Jeg vil her bruge et Indlæg, så vi kan se forskellen på de to muligheder (Indlæg vs. Side).

Her starter en ny side med Blok editor, og hvis jeg vælger at arbejde med Divi Builder her, ryger jeg til front-end builderen.

• Klik på de tre prikker øverst til højre (hvis de ikke er der, er du allerede i Klassisk editor, så spring næste billede over).
• Klik på Skift til den klassiske editor

Så er vi klar, nu kan vi arbejde i Divi Builderen fra vores back-end.

• For et syn skyld, bør du starte med en overskrift, evt. bare en arbejdstitel.
• Klik på Brug Divi Byggeren

Nu ser du Divi Byggeren, med en sektion, der indeholder en række, og klar til at oprette kolonner der kan indeholde moduler. Lige som i front-end, men her opbygget i overskuelige klodser.

• Klik på Indsæt kolonner lige i midten (forrige billede).
• Vælg det kolonnelayout du ønsker at benytte.

Her vælger jeg to kolonner, halvt af hver

• Klik på Indsæt modul(er)

• Find og klik på Tekst

Nu er du klar til at indtaste eller indsætte en tekst (hvis du har fulgt mit råd om at lave teksten i et tekstprogram, så du har en kopi lokalt).

De to faner til højre er til visuel visning af teksten, uden koder, eller Tekst hvis du vil kunne tilsætte koder manuelt.

Skriv/indsæt teksten der skal i tekstmodulet, og formater efter behov.

Inden vi gemmer, så er det en fordel at give tekstmodulet et navn, det gør det mere overskueligt, som du skal se lige om et øjeblik.

• Rul ned i bunden.
• I feltet Admin Etiket: skriv en titel til denne tekstboks
• Klik på Gem & afslut

• Klik på Indsæt Modul(er) i den højre kolonne
• Klik på modulet Billede

Nu får du modulet Billede i et vindue, hvor der er rigtig mange måder det kan vises og formateres på.

• Klik på Upload et billede.
• Vælg et billede fra galleriet, eller upload et nyt billede efter eget ønske.
• Klik på Sæt som billede.

Tilbage i modulet Billede, kan du nu se fil url til billedet øverst.

• Klik på Gem & afslut

Nu har vi lavet det samme, som vi gjorde til at starte med i front-end Divi Builder. Lad os se hvodan det ser ud!

• Klik på Gem kladde. Knappen øverst til højre i vinduet.
• Vent til siden er gemt.
• Klik på Forhåndsvis.

Nu vises siden, som den ser ud, indtil videre.

Det minder fuldstændig om det vi lavede i front-end Divi Builder, lige bortset fra, at den gang var det en side, og der var forfatter og meta ikke med i venstre side. Det er det nu, fordi det er et Indlæg her, men kun fordi det ligger i temaet, at det skal være sådan.

Andre temaer vil ikke se sådan ud, så det er her det er vigtigt, at du vælger et tema, der som udgangspunkt ser ud som du gerne vil have din side til at være, for Divi Builder arbejder kun med selve indholdet, og ikke det der er uden om, med mindre temaet understøtter Divi’s Fuld page, hvilket du ikke kan vide, før du får det prøvet af!

Ikoner i back-end Divi Builder

Indstillinger: her får du adgang til de indstillinger der er til det element du vælger indstillinger for. Det varierer meget hvad du kan, afhængig af om det er en sektion, en række eller et modul

---

Klon Afsnit/Række/Modul: her her laver du en kopi, der kommer til at optræde neden under det element du duplikerer. Klon Afsnit ville jeg nok hævde burde hedde Klon sektion!

---

Slet sektion/række, Fjern modul: Jeg hader når det er inkonsekvent navngivning, men altså, jeg beklager. Det betyder selvfølgelig bare, at du sletter det element du klikker i krydset på. Du bliver IKKE spurgt først, men du kan fortryde (hvis du opdager med det samme du er kommet til det) med Ctrl+Z eller ikonet

---

Fortryd: Du kan fortryde den eller de handlinger du har lavet, en ad gangen tilbage. Men kun tilbage til da du gemte sidst. Ved Gem bliver historikken ryddet.

---

Redo: hvis du sletter noget, og fortryder det, kan du bruge Redo til at slette det igen alligevel! Jeg har ikke nogen brugbare situationer det kan bruges i!

---

Se historien: her får du en liste over ting du har lavet. Du kan gå tilbage til et tidligere punkt, hvis der er en serie handlinger du vil fortryde.

---

Standard afsnit: indsætter en ny sektion/afsnit, det er ikke konsekvent navngivning, jeg beklager!

---

Sektion i fuld bredde: indsætter en ny sektion, denne gang lilla, og det særlige er de moduler der er mulige at indsætte her, for de kan ikke indsættes andre steder.

---

Særlig sektion: opretter en sektion som mest bruges i temaer der giver adgang til at have sider i fuld bredde, så du her selv kan bestemme hvor din e widgets skal optræde, eller andet.

---

Tilføj fra bibliotek: hvis du har gemt et layout, kan du finde det i Divi biblioteket, og genbruge det. Mere om dette under Gemte og globale moduler.

Der er rigtig mange finurligheder, og egentlig er det kun fantasien der sætter begrænsningerne.

Hvis du har lidt svært ved at overskue, hvordan du lige kan bruge det, kommer vi nu til nogle forud definerede layouts, som kan hjælpe lidt med at opbygge en fornuftig side.

Layouts i Divi Builder

Uanset om du bruger front-end eller back-end, får du mulighed for at anvende de samme layouts. Du bør nok starte forfra med en ny side, selvom du kan fravælge at erstatte eksisterende indhold. Det er altså helt klart nemmere at starte med skabelonen, og så tilpasse dem.

Front-end

I front-end når du starter en ny side eller et nyt indlæg, får du de tre billeder, hvor du kan vælge Browse Layouts.

Back-end

• I back-end opretter du en ny side.
• Skifter til Klassisk editor hvis du ikke er der i forvejen.
• Klikker på Brug Divi Byggeren.
• Nu kan du klikke på Indlæs Layout

Nu får du en oversigt over layouts frem, som er magen til dem du kan få i front-end Divi Builder.

Du kan bladre igennem de forskellige muligheder ved at scrolle ned, eller udvælge en kategori først, og så scrolle ned.

• Når du har fundet et interessant layout, kan du klikke på det, for at få nogle detaljer.

Her har jeg valgt Coffee Shop

• Du kan vælge et layout til højre, og scrolle gennem det til venstre, for at se hvordan det ser ud.
• Du kan se en live demo på knappen View Live Demo.
• Det er på Elegant Themes egen side, de viser de forskellige layouts.
• Hvis du synes om det, kan du klikke på knappen Use this Layout.

Selvom det umiddelbart ser ud som om der er fint styr på det, og layoutet i demoen så ret godt ud, så ligner det l… når du prøver at vise det i front-end.

Hvis jeg skifter til at bruge Divi temaet, ser det sådan her ud:

Så ligner det noget vi kan genkende. Altså de fleste layouts kræver, at vi kan bruge hele siden, og gå ud over de enkelte temaers indstillinger for i hvert fald Widgets. Alternativt kan nogle temaer sættes til hel side, uden widgets, det er også brugbart.

Er du klar til at købe Divi temaet?

Moduler i Divi Builder

Der er lige i øjeblikket 46 forskellige moduler du kan bruge i Divi Builder.

Du kan ikke bruge dem alle sammen i alle sektioner, så nogle gange kan det være lidt forvirrende, hvis der er noget du ved du har brugt, der bare ikke vil dukke op. Så er du i den forkerte sektion!

Her er modulerne du kan bruge i en standard sektion:

Gemte og Globale moduler

Det er muligt at gemme alle elementer som en skabelon, både gemme til at hente ind senere, og tilpasse, men også gemme som en global skabelon.

Globale skabeloner bliver grønne, og hvis du retter i en af de grønne sektioner/rækker/moduler du har lavet, rettes det alle de steder du har brugt den sektion/række/modul.

Det lyder super smart, og det er det, men det har nogle konsekvenser, som jeg har beskrevet i næste afsnit – her skal det handle om skabelonerne.

• Åbn en af de sider du har brug Divi Builder på

Front-end

• Klik på ikonet Gem modul til bibliotek.
• Skriv et navn i feltet Layout navn.
• Evt. vælg at markere Gør dette til en global genstand.
• Evt. vælg at oprette en ny kategori, eller føj til en kategori hvis du har oprettet kategorier før

• Klik på Gem i bibliotek

Hvis du valgte at lave den global, er den nu blevet grøn.

• Når du skal bruge din skabelon, uanset om det er en sektion, række eller et modul, skal du tilføje elementet, og i dialogboksen/vinduet vælge Tilføj fra bibliotek.
• Klik på den gemte skabelon du vil indsætte

Back-end

• Åbn Indstillinger til den sektion/række/modul du vil gemme som skabelon (det de tre streger).
• Find punktet Admin Etiket.

Her kan du angive den titel sektionen/rækken/modulet skal have. Det er dog kun modulers navne du umiddelbart kan se i gittervisning/back-end.

• Udfyld et passende navn du kan huske senere.
• Klik på Gem & tilføj til bibliotek

• Skriv et navn i feltet Skabelonnavn.
• Vælg evt. at gemme som Global skabelon.
• Tilføj evt. til eksisterende kategori(er).
• Evt. angiv navn til Opret ny kategori.
• Klik på Gem og tilføj til bibliotek.

Hvis du valgte at gemme som global, er elementet nu blevet grønt. Her et modul.

• Når du skal bruge din skabelon, uanset om det er en sektion, række eller et modul, skal du tilføje elementet, og i dialogboksen/vinduet vælge Tilføj fra bibliotek.
• Klik på den gemte skabelon du vil indsætte.

SKAL jeg bruge Divi Builder på alle mine sider

Dette gælder alle Page buildere!
De tilsætter ekstra kode, og brug af deres funktioner koster ekstra kald til databasen – indsæt selv din foretrukne Page builders navn i stedet for Divi i teksten herunder 🙂

Divi Builderen er perfekt til mindre hjemmesider, hvor du ikke har behov for alt for mange sider, eller med en Woo shop, der ikke indeholder for mange produkter.

Desværre kræver Divi Builder en del ressourcer, som der delvist kan kompenseres for, ved at bruge cache eller undgå unødigt mange plug-ins.

Medmindre du bygger hele din hjemmeside ud fra et Divi Builder layout, vil jeg anbefale , kun at bruge Divi Builder på de sider der har behov for det.

Hvis du bruger Divi Builder på alle sider, især ved mange Globale moduler, skal du være indstillet på at opgradere din hosting løsning ind imellem, når du rammer loftet for hvad den kan klare.

Problemet er ikke kun mængden af ram, eller adgang til CPU, det er samtidige forbindelser den er gal med. Derfor nytter det heller ikke, blot at bruge de hostingfirmaer der reklamerer med flere størrelser, uden de også nævner hvad det er der skaleres.

Jeg kører en side med 2000 artikler og 10000 produkter, det går fint, men kun fordi hosting af siden er i orden.

Er du i tvivl, er du velkommen til at skrive en kommentar, eller en PM.

Mere om Elegant Themes

Flere artikler om temaer