Divi er definitivt en av WordPress-temaer mest populær i dag. Et av elementene som utgjør styrken til dette temaet er dets byggherre (Divi Builder), som minner oss mye om Visual Composer.

Divi Builder kommer i to former: standard "Back-end Builder" og "Visual Builder". Begge grensesnittene lar deg bygge nøyaktig de samme typene nettsteder med samme deler av innholdet og de samme designparametrene. Den eneste forskjellen er grensesnittet. Back-end Builder bor inne i WordPress-dashbordet og er tilgjengelig med alle andre standard WordPress-innstillinger.

Den sitter inne i WordPress-brukergrensesnittet og erstatter standard WordPress-innleggsredigerer. Det er flott å gjøre raske endringer mens du er inne i dashbordet, men det er også begrenset av dashbordet og blir gjengitt som en blokkerende representasjon av nettstedet ditt. Denne opplæringen vil bare fokusere på den visuelle byggeren.

Last ned DIVI WordPress Theme

divi builder.jpeg

Den helt nye Visual Builder lar deg derimot bygge sidene dine på forsiden av nettstedet ditt! Det er en fantastisk opplevelse og gir mye raskere design. Når du legger til innhold eller justerer designinnstillinger i den visuelle byggeren, vises endringene dine umiddelbart.

Du kan klikke på siden og begynne å skrive. Du kan fremheve teksten og justere font og stil. Du kan legge til nytt innhold, bygge siden din og se alt som skjer foran øynene dine.

bruk av-visuell-builder.jpg

Slik aktiverer du Visual Builder

Når du er logget inn på WordPress-dashbordet ditt, kan du navigere til en hvilken som helst side på forsiden av nettstedet ditt og klikke på "Aktiver Visual Builder" -knappen i WordPress-administrasjonslinjen for å starte byggmesteren. visuell.

hvordan å aktivere visuell builder.jpeg

Hvis du redigerer siden din på dashbordet, kan du bytte til den visuelle byggeren ved å klikke på "Aktiver Visual Builder" -knappen som er øverst i Divi Builder back-end-grensesnittet (merk at du først må aktiver Divi Builder før den visuelle byggeknappen vises).

bruk den visuelle byggeren Divi.jpeg

Grunnleggende om Visual Builder

Kraften til Divi ligger i Visual Builder, en sidebygger som jobber med "Dra og slipp" som lar deg bygge omtrent hvilken som helst type nettsted ved å kombinere og ordne innholdene.

Byggherren bruker tre hovedbyggesteiner: seksjoner, rader og moduler. Ved å bruke dem i fellesskap kan du lage utallige oppsett. Seksjoner er de største byggesteinene, og de inneholder grupper av rader. Radene er inne i seksjonene og brukes til å huse modulene. Modulene er plassert inne i radene. Dette er strukturen til hvert Divi-nettsted.

Seksjoner

De mest grunnleggende og største byggesteinene som brukes i utformingen av oppsett med Divi er seksjoner. De brukes til å lage store grupper av innhold, og dette er det første du legger til på siden din. Det er tre typer seksjoner: Vanlig, Spesialitet og Full bredde.

Vanlige seksjoner består av rader med kolonner, mens seksjoner i full bredde består av moduler i full bredde som utvider hele bredden på skjermen. De spesielle seksjonene gir mulighet for mer avanserte sideoppsett.

rad

Radene er inne i seksjonene, og du kan plassere et hvilket som helst antall rader i en seksjon. Det er mange forskjellige typer kolonner å velge mellom. Når du har definert en kolonnestruktur for raden din, kan du deretter plassere moduler i en ønsket kolonne. Det er ingen grense for antall moduler du kan plassere i en kolonne.

Moduler

Moduler er delene av innholdet som utgjør nettstedet ditt. Hver Divi-modul kan tilpasses hvilken som helst kolonnebredde, og de er alle responsive.

Bygg din første side

De tre grunnleggende byggesteinene (seksjoner, linjer og moduler) brukes til å lage siden din.

bygging av en Divi.jpg side

Legger til den første delen

Før du kan legge til noe på siden din, må du først legge til en seksjon. Seksjoner kan legges til ved å klikke på den blå (+) knappen. Når du holder markøren over en del som allerede finnes på siden, vises en blå (+) knapp nedenfor. Når du klikker, vil en ny seksjon legges til under seksjonen du holder på med.

Hvis du starter en ny side, vil den første delen bli lagt til automatisk.

liste over divi.jpg seksjoner

Legger til din første linje

Etter at du har lagt til den første delen, kan du begynne å legge til rader med kolonner inne. En seksjon kan inneholde et hvilket som helst antall rader, og du kan blande og matche rader fra forskjellige typer kolonner for å lage en rekke oppsett.

For å legge til en rad, klikk på den grønne (+) knappen i en tom seksjon, eller klikk på den grønne (+) knappen som vises når du holder markøren over en gjeldende rad for å legge til en ny rad nedenfor. Når du har klikket på den grønne (+) knappen, blir du møtt med en liste over kolonnetyper. Velg kolonnen du ønsker, og du er klar til å legge til din første modul.

hvordan du setter inn Divi.jpeg-raden

Legge til din første modul

Moduler kan legges til innenfor rader, og hver rad kan inneholde et hvilket som helst antall moduler. Moduler er innholdselementene på siden din, og Divi kommer med over 40 forskjellige elementer som du kan bruke til å bygge.

Du kan bruke grunnleggende moduler som tekster, bilder og knapper, eller mer avanserte moduler som skyveknapper, porteføljegallerier og eCommerce Butikker.

For å legge til en modul, klikk på den grå (+) knappen som finnes i en tom kolonne, eller klikk på den grå (+) knappen som eksisterer når du holder markøren over en modul på siden for å legge til en ny modul nedenfor . Når du klikker på knappen, blir du møtt med en liste over moduler.

Velg modulen du velger, så blir den lagt til på siden din og modulets kontrollpanel vises. Ved hjelp av dette kontrollpanelet kan du begynne å konfigurere modulen.

sett inn en DIVI.jpeg-modul

Det var alt for denne opplæringen. Med det du har lært i dag, vil du kunne lage et oppsett med Divi. Vi kommer tilbake med avanserte veiledninger om emnet. Du kan allerede laste ned Divi-tema.

[vc_row center_row = "yes"] [vc_column width = "1/2 ″] [vcex_button target =" blank "layout =" expanded "align =" center "font_family =" Raleway "font_weight =" 700 ″ style = "flat" custom_background = "# 18b69d" custom_hover_background = "# 118d7a" custom_color = "#ffffff" custom_hover_color = "#ffffff" icon_right = "fa fa-nedlasting"] LAST NED DIVI-TEMAET [/ vcex_button] [/ width»_vc_column] » 1/2 ″] [vcex_button url = "https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&url=40632&tid1=tutorials" target = "blank" layout = "expanded" align = "center" font_family = "Raleway" font_weight = "700 ″ style =" flat "custom_background =" # c4226e "custom_hover_background =" # 8d184f "custom_color =" #ffffff "custom_hover_color =" #ffffff "icon_download "icon_right =" faOW D fa-LOAD "] DIVI [/ vcex_button] [/ vc_column] [/ vc_row]

Andre divisjoner