Divi lar deg plassere glidebryterne i seksjoner i full bredde, slik at glidebryterne dine spenner over hele nettleserens bredde. Divi-glidebrytere (Sliders) støtter parallaksbakgrunner, så vel som videobakgrunner!

bruk en glidebryter på divi.png

Slik legger du til en fullbredde Diapo-modul fra Divi

Før du kan legge til en glidebrytermodul i full bredde på siden din, må du først hoppe inn i Divi Builder. Først når Divi-tema installert på din nettstedet Web, vil du legge merke til en knapp Bruk Divi Builderover innleggsredaktøren når du oppretter en ny side. Klikk på denne knappen for å aktivere Divi Builder og få tilgang til alle Divi Builder-modulene. Klikk deretter på knappen Bruk Visual Builder for å starte generatoren i visuell modus. Du kan også klikke på knappen Bruk Visual Builder når du surfer på din nettstedet Web i forgrunnen hvis du er logget på WordPress-dashbordet.

bruk visual builder divi.png

Når du er i Visual Builder, kan du klikke på den grå pluss-knappen for å legge til en ny modul på siden din. Nye moduler kan bare legges til innenfor rader. Hvis du starter en ny side, husk å legge til en rad på siden din først.

opprette et lysbilde divisjonsopplæring wordpress.png

Finn glidermodulen for fullbredde i listen over moduler, og klikk på den for å legge den til siden din. Listen over mods er søkbar, noe som betyr at du også kan skrive ordet "Slide" og deretter klikke Enter for å automatisk finne og legge til glidebrytermodulen i full bredde! Når modulen er lagt til, vil du bli møtt av modulalternativlisten. Disse alternativene er delt inn i tre hovedgrupper: Innhold , Conception et avansert .

Eksempel på brukstilfelle: Legge til en helbreddeseksjon for helbredde på hjemmesiden din

En glidebryter i full bredde er en flott måte å vise frem flere CTAer over startsiden til hjemmesiden din. Kombinasjonen av bilder og innhold kan virkelig gi seksjonen din en profesjonell følelse som skiller seg ut.

For dette eksemplet vil jeg legge til et lysbilde i full bredde for å fungere som hovedseksjonen på en hjemmeside.

lag et lysbilde eksempel.jpg i full bredde

Bruk Visual Builder til å legge til en fullbreddseksjon øverst på websiden din. Sett deretter inn Fullwidth Slider-modulen i den nye delen. Klikk på Innhold-fanen i lysbildet for full bredde + Legg til en ny vare for å lage ditt første lysbilde.

opprett et lysbilde divi.png

Oppdater følgende alternativer i lysbildeinnstillingene til det første lysbildet:

Innholdsalternativer

En-Tête : [skriv inn tittel på lysbildet]
Knapptekst : [skriv inn tekstteksten]
Innhold : [skriv inn tekstinnholdet i lysbildet]
Knapp URL : [skriv inn destinasjons-URL til lysbildeknappen]
Bakgrunnsbilde : [skriv inn bildet som skal tjene som bakgrunn for lysbildet]

Designalternativer

Bruk bakgrunnsoverlegg : JA
Bakgrunnsoverleggsfarge : rgba (0,0,0,0.2) dette overlegget gjør bakgrunnsbildet litt mørkere for å gjøre teksten mer lesbar.

skyve divi blogpascher.png

Lagre lysbildeinnstillinger

Dupliser nå lysbildet du nettopp opprettet, og oppdater det nye lysbildet med nytt innhold etter behov. Gjenta dette for alle lysbildene du vil legge til.

duplisere en divi.png lysbilde

Det er alt. For dette eksemplet inkluderer jeg bare to lysbilder, men resultatet er en effektiv helteglidebryter i full bredde med flere oppfordringer til handling som engasjerer brukeren til å klikke på knappen for mer informasjon. Siden dette er din viktigste oppfordring til handling for din nettstedet Web, Jeg foreslår å kjøre delte tester på lysbildet i full bredde ved å bruke Divi Leads og se hvilken som konverterer best.

eksempelbilde divi dem.gif

Skyv fullinnholdsalternativer

I Innhold-fanen finner du alle innholdselementene i modulen, for eksempel tekst, bilder og ikoner. Alt som styrer hva vises i modulen din, vil du alltid finne i denne fanen.

slide divi section content.png

piler

Velg om du vil vise venstre og høyre navigasjonspiler eller ikke.

kontroller

Velg om du vil vise sirkelknappene / lysindikatorene nederst på markøren eller ikke.

Administratormerke

Dette vil endre moduletiketten i konstruktøren for enkel identifisering. Når du bruker WireFrame-visningen i Visual Builder, vises disse etikettene i modulblokken i Divi Builder-grensesnittet.

Slide Module Design Options

I kategorien Design finner du alle stilalternativene for modulen, for eksempel skrifter, farger, størrelse og avstand. Dette er fanen du vil bruke til å endre utseendet til modulen din. Hver Divi-modul har en lang liste over designinnstillinger som du kan bruke til å endre hva som helst.

lysbilde design divi.png

Fjern indre skygge

Som standard vises en intern skygge i markøren. Hvis du vil slå av denne skyggen, kan du gjøre det ved hjelp av denne innstillingen.

Parallax effekt

Aktivering av dette alternativet vil gi bakgrunnsbildene dine en fast posisjon mens du blar. Husk at når denne innstillingen er på, skal bildene dine skalere bildene dine til nettleserens høyde.

Topptekst

Du kan endre skrifttypen til overskriftsteksten ved å velge ønsket skrift fra rullegardinmenyen. Divi kommer med dusinvis av flotte skrifttyper drevet av Google Fonts. Som standard bruker Divi Open Sans-skrift for all teksten på siden din. Du kan også tilpasse stilen på teksten din med fet, kursiv, stor bokstav og understrekingsalternativer.

lysbildesnitt skriftdesign av lentete.png

Topptekststørrelse

Her kan du justere størrelsen på overskriftsteksten. Du kan dra områdeglidebryteren for å øke eller redusere størrelsen på teksten, eller angi ønsket tekststørrelsesverdi direkte i inntastingsfeltet til høyre for glidebryteren. Inndatafeltene støtter forskjellige måleenheter, noe som betyr at du kan skrive inn "px" eller "em" avhengig av størrelsesverdien for å endre enhetstypen.

Topptekstfarge

Som standard vises alle tekstfargene i Divi i hvitt eller mørkegrått. Hvis du vil endre fargen på toppteksten, velger du ønsket farge fra fargevelgeren ved hjelp av dette alternativet.

Avstand mellom topptekster

Bokstavavstand påvirker avstanden mellom hver bokstav. Hvis du vil øke avstanden mellom hver bokstav i overskriftsteksten, bruker du skyvekontrollen for å justere mellomrom eller angir ønsket avstandsstørrelse i inntastingsfeltet til høyre for skyveknappen. Inndatafeltene støtter forskjellige måleenheter, noe som betyr at du kan skrive inn "px" eller "em" avhengig av størrelsesverdien for å endre enhetstypen.

Toppradens høyde

Radhøyde påvirker mellomrommet mellom hver rad i overskriftsteksten. Hvis du vil øke avstanden mellom hver rad, bruker du glidebryteren for å justere mellomrom eller angir ønsket avstandsstørrelse i inntastingsfelt til høyre for markøren. Inndatafeltene støtter forskjellige måleenheter, noe som betyr at du kan skrive inn "px" eller "em" avhengig av størrelsesverdien for å endre enhetstypen.

Kroppspolis

Du kan endre kroppsfonten din ved å velge ønsket skrift fra rullegardinmenyen. Divi kommer med dusinvis av flotte skrifttyper drevet av Google Fonts. Som standard bruker Divi Open Sans-skrift for all teksten på siden din. Du kan også tilpasse stilen på teksten din med fet, kursiv, stor bokstav og understrekingsalternativer.

Kropp skriftstørrelse

Her kan du justere kroppens tekststørrelse. Du kan dra områdeglidebryteren for å øke eller redusere størrelsen på teksten, eller angi ønsket tekststørrelsesverdi direkte i inntastingsfeltet til høyre for glidebryteren. Inndatafeltene støtter forskjellige måleenheter, noe som betyr at du kan skrive inn "px" eller "em" avhengig av størrelsesverdien for å endre enhetstypen.

seksjon design glidemodul divi.png

Kropps tekstfarge

Som standard vises alle tekstfargene i Divi i hvitt eller mørkegrått. Hvis du vil endre fargen på teksten, velger du ønsket farge fra fargevelgeren ved hjelp av dette alternativet.

Spacing av kropps bokstaver

Bokstavavstand påvirker avstanden mellom hver bokstav. Hvis du vil øke avstanden mellom hver bokstav i teksten, bruker du skyvekontrollen for å justere mellomrom eller skriver inn ønsket avstandsstørrelse i inntastingsfeltet til høyre for skyveknappen. Inndatafeltene støtter forskjellige måleenheter, noe som betyr at du kan skrive inn "px" eller "em" avhengig av størrelsesverdien for å endre enhetstypen.

Høyde på kroppslinjen

Linjehøyde påvirker mellomrommet mellom hver tekstlinje i kroppen din. Hvis du vil øke mellomrommet mellom hver linje, kan du bruke skyveknappen for å justere mellomrom eller angi ønsket avstandsstørrelse i inndatafeltet plassert til høyre for markøren. Inndatafeltene støtter forskjellige måleenheter, noe som betyr at du kan skrive inn "px" eller "em" avhengig av størrelsesverdien for å endre enhetstypen.

Øvre polstring

Denne parameteren styrer det interne rommet mellom toppen av modulen og tekstinnholdet i modulen. Hvis du vil øke eller redusere denne plassen, angir du ønsket verdi her. For eksempel, for å redusere plass og total størrelse på markøren, kan du angi en verdi på 100 px. Du kan også angi en prosentverdi, for eksempel 10%, for å gjøre høyden mer dynamisk.

Bunnpolstring

Denne parameteren styrer det indre rommet mellom bunnen av modulen og tekstinnholdet i modulen. Hvis du vil øke eller redusere denne plassen, angir du ønsket verdi her. For eksempel, for å redusere plass og total størrelse på markøren, kan du angi en verdi på 100 px. Du kan også angi en prosentverdi, for eksempel 10%, for å gjøre høyden mer dynamisk.

Bruk egendefinerte stiler for knappen

Aktivering av dette alternativet avslører forskjellige innstillinger for knappetilpasning som du kan bruke til å endre utseendet på modulens knapp.

Knapptekststørrelse

Denne innstillingen kan brukes til å øke eller redusere størrelsen på teksten i knappen. Knappen tilpasser seg når tekststørrelsen øker og avtar.

Knapptekstfarge

Som standard tar knappene aksentfargen på temaet ditt som definert i Theme Customizer. Dette alternativet lar deg tilordne en tilpasset tekstfarge til knappen i denne modulen. Velg din egendefinerte farge ved å bruke fargevelgeren for å endre knappens farge.

divi.png knappfarge

Knapp bakgrunnsfarge

Som standard har knappene en gjennomsiktig bakgrunnsfarge. Dette kan endres ved å velge ønsket bakgrunnsfarge fra fargevelgeren.

Bredden på knappens kantlinje

Alle Divi-knapper har en 2px-kant som standard. Denne grensen kan økes eller reduseres ved hjelp av denne innstillingen. Kanter kan fjernes ved å angi verdien 0.

Knapp kantfarge

Som standard vedtar knappegrensene temaets aksentfarge som definert i Theme Customizer. Dette alternativet lar deg tilordne en egendefinert kantfarge til knappen i denne modulen. Velg din egendefinerte farge ved å bruke fargevelgeren for å endre fargen på knappekanten.

Knappgrenseradius

Grenseradiusen påvirker runden på hjørnene på knappene dine. Som standard har knappene i Divi en liten kantradius som avrunder hjørnene med 3 piksler. Du kan redusere denne verdien til 0 for å lage en firkantet knapp, eller øke den betydelig for å lage knapper med sirkulære kanter.

Spacing av bokstavene på knappen

Bokstavavstand påvirker avstanden mellom hver bokstav. Hvis du vil øke mellomrommet mellom hver bokstav i knappeteksten, bruker du glidebryteren for å justere mellomrommet eller skriver inn ønsket avstandsstørrelse i inntastingsfeltet til høyre for glidebryteren. Inndatafeltene støtter forskjellige måleenheter, noe som betyr at du kan skrive inn "px" eller "em" avhengig av størrelsesverdien for å endre enhetstypen.

Knapp skrifttype

Du kan endre skrifttypen til knappeteksten ved å velge ønsket skrift fra rullegardinmenyen. Divi kommer med dusinvis av flotte skrifttyper drevet av Google Fonts. Som standard bruker Divi Open Sans-skrift for all teksten på siden din. Du kan også tilpasse stilen på teksten din med fet, kursiv, stor bokstav og understrekingsalternativer.

Legg til et knappikon

Deaktivert, denne innstillingen fjerner ikoner fra knappen din. Som standard viser alle Divi-knappene et pilikon på sveveren.

Knappikon

Hvis ikoner er aktivert, kan du bruke denne innstillingen til å velge hvilket ikon du vil bruke i knappen din. Divi har forskjellige ikoner å velge mellom.

Fargeikon-knapp

Justering av denne parameteren vil endre fargen på ikonet som vises på knappen din. Som standard er ikonfargen den samme som knappetekstfargen din, men denne innstillingen lar deg justere fargen uavhengig.

Ikon plasseringsknapp

Du kan velge å vise ikonet til knappen til venstre eller høyre for knappen.

Vis bare ikonet når du holder markøren over knappen

Som standard vises knappikonene bare når du holder markøren. Hvis du vil at ikonet alltid skal vises, slå av denne innstillingen.

Veksle tekstfarge på knappen

Når knappen er svevet over en besøkendes mus, vil denne fargen bli brukt. Fargen vil endres fra grunnfargen som ble definert i de forrige innstillingene.

Hover knappen bakgrunnsfargen

Når knappen er svevet over en besøkendes mus, vil denne fargen bli brukt. Fargen vil endres fra grunnfargen som ble definert i de forrige innstillingene.

Fargeknapp Border Button

Når knappen er svevet over en besøkendes mus, vil denne fargen bli brukt. Fargen vil endres fra grunnfargen som ble definert i de forrige innstillingene.

Hover Border Radius Button

Når knappen holdes over musen til en besøkende, vil denne verdien brukes. Verdien vil endres fra basisverdien som ble definert i de forrige innstillingene.

Pekende notatavstandsknapp

Når knappen holdes over musen til en besøkende, vil denne verdien brukes. Verdien vil endres fra basisverdien som ble definert i de forrige innstillingene.

Avanserte alternativer lysbildemodul i full bredde

I den avanserte fanen finner du alternativer som mer erfarne webdesignere kan finne nyttige, for eksempel tilpassede CSS- og HTML-attributter. Her kan du bruke tilpasset CSS på alle modulens mange elementer. Du kan også bruke tilpassede CSS-klasser og IDer til modulen, som kan brukes til å tilpasse modulen i barnets temas style.css-fil.

forskyvningsmodul divi.png

CSS ID

Skriv inn en valgfri CSS-ID som skal brukes til denne modulen. En ID kan brukes til å lage en tilpasset CSS-stil eller for å koble til bestemte deler av siden din.

CSS klasse

Angi de valgfrie CSS-klassene som skal brukes til denne modulen. En CSS-klasse kan brukes til å lage tilpasset CSS-styling. Du kan legge til flere klasser, atskilt med et mellomrom. Disse klassene kan brukes i Divi-barnetemaet eller i det tilpassede CSS-stilarket du legger til på siden eller nettstedet ditt ved hjelp av Divi-temaalternativene eller innstillingene på Divi Builder-siden.

Tilpasset CSS

Tilpasset CSS kan også brukes på modulen og hvilken som helst av modulens interner. I Custom CSS-delen finner du et tekstfelt der du kan legge til tilpassede CSS-stilark direkte til hvert element. CSS-oppføringer i disse innstillingene er allerede pakket inn i stilkoder. Så bare skriv inn CSS-reglene atskilt med semikolon.

Automatisk animasjon

Hvis du vil at markøren skal skyve automatisk, uten at den besøkende må klikke på neste knapp, aktiver dette alternativet, og juster deretter rotasjonshastigheten nedenfor hvis du ønsker det.

Automatisk animasjonshastighet (i ms)

Her kan du indikere hvor raskt markøren falmer mellom hvert lysbilde, hvis alternativet 'Auto-animer' er aktivert ovenfor. Jo høyere tall, jo lengre er pausen mellom hver rotasjon.

Fortsett Auto lysbilde på Hover

Slå på dette vil tillate automatisk lysbilde å fortsette på musens svinger.

Skjul innhold på mobilen

Ettersom skjermstørrelsen blir mindre på mobile enheter, blir eiendom på skjermen mer verdifull. Noen ganger er det lurt å slå av noen mindre viktige markørelementer for å redusere markørstørrelsen og gjøre den mer lesbar. Aktivering av denne innstillingen skjuler markørtekstinnholdet på mobilen.

Skjul CTA på mobil

Ettersom skjermstørrelsen blir mindre på mobile enheter, blir eiendom på skjermen mer verdifull. Noen ganger er det lurt å slå av noen mindre viktige markørelementer for å redusere markørstørrelsen og gjøre den mer lesbar. Aktivering av denne innstillingen vil skjule markørknappene på mobilen.

Se bilde / video på mobil

Ettersom skjermstørrelsen blir mindre på mobile enheter, blir eiendom på skjermen mer verdifull. Noen ganger er det lurt å slå av noen mindre viktige markørelementer for å redusere markørstørrelsen og gjøre den mer lesbar. Aktivering av denne innstillingen viser bilder og videoer på mobilen (de er deaktivert som standard).

synlighet

Dette alternativet lar deg kontrollere enhetene som modulen din vises på. Du kan velge å deaktivere modulen din på nettbrett, smarttelefoner eller stasjonære datamaskiner hver for seg. Dette er nyttig hvis du vil bruke forskjellige mods på forskjellige enheter, eller hvis du vil forenkle mobildesignet ved å eliminere visse elementer fra siden.

Innholdsmuligheter for lysbildemodulelementer i full bredde

individuell elementmodul divi diapo.png

Tittel

Sett teksten til markørtittelen her.

Knapptekst

Hvis du vil vise en knapp under lysbildeinnholdet, skriv inn knappeteksten her. La dette feltet være tomt hvis du ikke vil vise en knapp.

Innhold

Skriv inn kroppsinnholdet til markøren din her. Merk at mengden tekst du skriver inn her, vil bestemme høyden på lysbildene dine.

Knapp URL

Hvis du viser en knapp, setter du inn en gyldig nettadresse i dette feltet for å angi destinasjonslenken.

Dra bildet

Hvis du legger til et lysbildebilde, vil det vises til venstre for lysbildeteksten over lysbildebakgrunnen. Hvis du ikke spesifiserer et lysbildebilde, vil du sitte igjen med et sentrert lysbilde som bare er tekst. Siden høyden på hvert lysbilde bestemmes av teksten, hvis lysbildet ditt er høyt nok, vil det falle under bunnen av lysbildet og skape et justert bilde nederst.

dra et bilde divi.png

Merk at høyden på et lysbilde med et lysbilde kan bestemmes av et høyere lysbilde i glidebryteren. Sørg for at lysbildebildet ditt er stort nok til å passe hvis du vil ha et bilde justert nederst. Av lesbarhetsårsaker vises lysbildebilder bare i glidebryterne for kolonne, kolonne eller 1 kolonnebredde. Likeledes vil ikke lysbildebilder vises i nettleserbredder mindre enn 768 piksler. Lysbildebredder er definert nedenfor. Vi anbefaler at lysbildebildene dine er minst like brede.

Video lysbilde

Hvis du legger til en lysbildevideo, vises den til venstre for lysbildeteksten over lysbildebakgrunnen. Hvis du ikke spesifiserer en lysbildevideo, vil du være på venstre side med et sentrert, bare tekst-lysbilde. Siden høyden på hvert lysbilde bestemmes av teksten, hvis lysbildet ditt er høyt nok, vil det falle under bunnen av lysbildet og skape et justert bilde nederst.

Pause video

La videoen bli satt på pause av andre spillere når de begynner å spille

Bakgrunnsbilde

Hvis dette er angitt, vil dette bildet brukes som bakgrunn for denne modulen. For å fjerne et bakgrunnsbilde, bare fjern URL-en fra innstillingsfeltet.

Høyden på et lysbilde bestemmes av mengden tekst du legger til. Hvis du har flere lysbilder, vil glidebryteren ta høyden på det høyeste lysbildet.

Markørens bredde bestemmes av nettleserens bredde. Basert på standard skjermstørrelser, anbefaler vi at bildene dine er minst 1280 px ved 768 px.

Posisjonen til bakgrunnsbildet

Som standard vises bakgrunnsbilder i midten av lysbildet. Du kan bruke denne innstillingen til å endre plasseringen øverst, nederst, venstre, høyre eller i et av de fire hjørnene på lysbildet.

Bakgrunnsbildestørrelse

Som standard forstørres bakgrunnsbildene proporsjonalt for å sikre at de fyller hele lysbildet. Du kan imidlertid bruke dette alternativet til å endre standardadferd. "Coverage" er standard oppførsel, som skalerer bildet slik at det dekker hele lysbildearealet. "Fit" vil også tvinge bildet til å dekke hele området, men det vil tvinge høyden og bredden på bildet til å matche høyden og bredden på markøren. Dette kan resultere i et forvrengt bilde, men det forhindrer at bildet beskjæres. "Faktisk størrelse" skalerer ikke bildet og viser det i sin opprinnelige størrelse.

Bakgrunnsfarge

Hvis du bare vil bruke en fargebakgrunn for lysbildet, bruker du fargevelgeren til å angi en bakgrunnsfarge.

MP4 bakgrunnsvideo

Alle videoer skal lastes ned i begge .MP4 .WEBM-formatene for å sikre maksimal kompatibilitet i alle nettlesere. Last ned .MP4-versjonen her. Viktig merknad: Videobakgrunner er deaktivert fra mobile enheter. I stedet blir bkacground-bildet ditt brukt. Av denne grunn bør du angi både et bakgrunnsbilde og en bakgrunnsvideo for å sikre bedre resultater.

WEBM bakgrunnsvideo

Alle videoer skal lastes ned i begge .MP4 .WEBM-formatene for å sikre maksimal kompatibilitet i alle nettlesere. Last ned .WEBM-versjonene her. Viktig merknad: Videobakgrunner er deaktivert fra mobile enheter. I stedet blir bkacground-bildet ditt brukt. Av denne grunn bør du angi både et bakgrunnsbilde og en bakgrunnsvideo for å sikre bedre resultater.

Bakgrunnsvideobredde

For at videoene skal være riktig størrelse, må du angi den nøyaktige bredden (i piksler) på videoen din her.

Bakgrunn for videohøyde

For at videoene skal være riktig størrelse, må du angi den nøyaktige høyden (i piksler) på videoen din her.

Alternativer for lysbildeelementdesign

delen stil modul divi.png

Bruk bakgrunnsoverlegg

Når den er aktivert, blir en tilpasset overleggsfarge lagt til over bakgrunnsbildet ditt og bak glidebryterinnholdet ditt.

Bakgrunnsoverleggsfarge

Bruk fargevelgeren til å velge en farge for bakgrunnen.

Bruk tekstoverlegg

Når dette alternativet er aktivert, legges det til en bakgrunnsfarge bak markørteksten for å gjøre den mer lesbar på bakgrunnsbilder.

Tekstoverleggsfarge

Bruk fargevelgeren til å velge en farge for tekstoverlegget.

Tekst Overlay Border Radius

Kantens radius påvirker runden i hjørnene på tekstoverleggsområdet. Som standard har hjørnene en litt avrundet kant på 3 piksler. Du kan redusere denne verdien til 0 for å lage en rektangulær boks eller øke verdien for å gjøre hjørnene enda mer avrundede.

Egendefinerte fargepiler

Når du holder markøren over en glidemodul, vises pilene slik at besøkende kan navigere gjennom hvert lysbilde. Disse pilene arver som standard fargen på lysbildets hovedtekst. Du kan imidlertid definere en egendefinert farge for disse pilene ved hjelp av denne innstillingen.

Dot Nav tilpasset farge

I hver markør vises punktnavigasjonselementer under markørinnholdet. Disse elementene lar brukeren navigere markøren. Du kan definere en egendefinert farge som skal brukes for disse elementene ved å bruke fargevelgeren i denne innstillingen.

Vertikal justering av lysbildet

Denne innstillingen bestemmer den vertikale justeringen av lysbildet ditt. Bildet kan sentreres vertikalt eller justeres nederst på lysbildet.

Tekstfarge

Hvis lysbildebakgrunnen din er mørk, bør tekstfargen være satt til "Lys". Omvendt, hvis lysbildets bakgrunn er lys, bør tekstfargen settes til "Mørk".

Header Font

Du kan endre skrifttypen til overskriftsteksten ved å velge ønsket skrift fra rullegardinmenyen. Divi kommer med dusinvis av flotte skrifttyper drevet av Google Fonts. Som standard bruker Divi Open Sans-skrift for all teksten på siden din. Du kan også tilpasse stilen på teksten din med fet, kursiv, stor bokstav og understrekingsalternativer.

Topptekststørrelse

Her kan du justere størrelsen på overskriftsteksten. Du kan dra områdeglidebryteren for å øke eller redusere størrelsen på teksten, eller angi ønsket tekststørrelsesverdi direkte i inntastingsfeltet til høyre for glidebryteren. Inndatafeltene støtter forskjellige måleenheter, noe som betyr at du kan skrive inn "px" eller "em" avhengig av størrelsesverdien for å endre enhetstypen.

Topptekstfarge

Som standard vises alle tekstfargene i Divi i hvitt eller mørkegrått. Hvis du vil endre fargen på toppteksten, velger du ønsket farge fra fargevelgeren ved hjelp av dette alternativet.

farge på topptekstdesignmodulen dispo divi.png

Avstand mellom topptekster

Bokstavavstand påvirker avstanden mellom hver bokstav. Hvis du vil øke avstanden mellom hver bokstav i overskriftsteksten, bruker du skyvekontrollen for å justere mellomrom eller angir ønsket avstandsstørrelse i inntastingsfeltet til høyre for skyveknappen. Inndatafeltene støtter forskjellige måleenheter, noe som betyr at du kan skrive inn "px" eller "em" avhengig av størrelsesverdien for å endre enhetstypen.

Toppradens høyde

Radhøyde påvirker mellomrommet mellom hver rad i overskriftsteksten. Hvis du vil øke avstanden mellom hver rad, bruker du glidebryteren for å justere mellomrom eller angir ønsket avstandsstørrelse i inntastingsfelt til høyre for markøren. Inndatafeltene støtter forskjellige måleenheter, noe som betyr at du kan skrive inn "px" eller "em" avhengig av størrelsesverdien for å endre enhetstypen.

Kropps skrifttype

Du kan endre kroppsfonten din ved å velge ønsket skrift fra rullegardinmenyen. Divi kommer med dusinvis av flotte skrifttyper drevet av Google Fonts. Som standard bruker Divi Open Sans-skrift for all teksten på siden din. Du kan også tilpasse stilen på teksten din med fet, kursiv, stor bokstav og understrekingsalternativer.

Kropp skriftstørrelse

Her kan du justere kroppens tekststørrelse. Du kan dra områdeglidebryteren for å øke eller redusere størrelsen på teksten, eller angi ønsket tekststørrelsesverdi direkte i inntastingsfeltet til høyre for glidebryteren. Inndatafeltene støtter forskjellige måleenheter, noe som betyr at du kan skrive inn "px" eller "em" avhengig av størrelsesverdien for å endre enhetstypen.

Kropps tekstfarge

Som standard vises alle tekstfargene i Divi i hvitt eller mørkegrått. Hvis du vil endre fargen på teksten, velger du ønsket farge fra fargevelgeren ved hjelp av dette alternativet.

Spacing av kropps bokstaver

Bokstavavstand påvirker avstanden mellom hver bokstav. Hvis du vil øke avstanden mellom hver bokstav i teksten, bruker du skyvekontrollen for å justere mellomrom eller skriver inn ønsket avstandsstørrelse i inntastingsfeltet til høyre for skyveknappen. Inndatafeltene støtter forskjellige måleenheter, noe som betyr at du kan skrive inn "px" eller "em" avhengig av størrelsesverdien for å endre enhetstypen.

body line divi modul diapo.png

Høyde på kroppslinjen

Linjehøyde påvirker mellomrommet mellom hver tekstlinje i kroppen din. Hvis du vil øke mellomrommet mellom hver linje, kan du bruke skyveknappen for å justere mellomrom eller angi ønsket avstandsstørrelse i inndatafeltet plassert til høyre for markøren. Inndatafeltene støtter forskjellige måleenheter, noe som betyr at du kan skrive inn "px" eller "em" avhengig av størrelsesverdien for å endre enhetstypen.

Bruk egendefinerte stiler for knappen

Aktivering av dette alternativet avslører forskjellige innstillinger for knappetilpasning som du kan bruke til å endre utseendet på modulens knapp.

Knapptekststørrelse

Denne innstillingen kan brukes til å øke eller redusere størrelsen på teksten i knappen. Knappen tilpasser seg når tekststørrelsen øker og avtar.

Knapptekstfarge

Som standard tar knappene aksentfargen på temaet ditt som definert i Theme Customizer. Dette alternativet lar deg tilordne en tilpasset tekstfarge til knappen i denne modulen. Velg din egendefinerte farge ved å bruke fargevelgeren for å endre knappens farge.

Knapp bakgrunnsfarge

Som standard har knappene en gjennomsiktig bakgrunnsfarge. Dette kan endres ved å velge ønsket bakgrunnsfarge fra fargevelgeren.

Border Width-knappen

Alle Divi-knapper har en 2px-kant som standard. Denne grensen kan økes eller reduseres ved hjelp av denne innstillingen. Kanter kan fjernes ved å angi verdien 0.

Knapp kantfarge

Som standard vedtar knappegrensene temaets aksentfarge som definert i Theme Customizer. Dette alternativet lar deg tilordne en egendefinert kantfarge til knappen i denne modulen. Velg din egendefinerte farge ved å bruke fargevelgeren for å endre fargen på knappekanten.

Knappgrenseradius

Grenseradiusen påvirker runden på hjørnene på knappene dine. Som standard har knappene i Divi en liten kantradius som avrunder hjørnene med 3 piksler. Du kan redusere denne verdien til 0 for å lage en firkantet knapp, eller øke den betydelig for å lage knapper med sirkulære kanter.

konfigurasjonsknappmodul divi.png

Spacing av bokstavene på knappen

Bokstavavstand påvirker avstanden mellom hver bokstav. Hvis du vil øke mellomrommet mellom hver bokstav i knappeteksten, bruker du glidebryteren for å justere mellomrommet eller skriver inn ønsket avstandsstørrelse i inntastingsfeltet til høyre for glidebryteren. Inndatafeltene støtter forskjellige måleenheter, noe som betyr at du kan skrive inn "px" eller "em" avhengig av størrelsesverdien for å endre enhetstypen.

Knapp skrifttype

Du kan endre skrifttypen til knappeteksten ved å velge ønsket skrift fra rullegardinmenyen. Divi kommer med dusinvis av flotte skrifttyper drevet av Google Fonts. Som standard bruker Divi Open Sans-skrift for all teksten på siden din. Du kan også tilpasse stilen på teksten din med fet, kursiv, stor bokstav og understrekingsalternativer.

Legg til et knappikon

Deaktivert, denne innstillingen fjerner ikoner fra knappen din. Som standard viser alle Divi-knappene et pilikon på sveveren.

Knappikon

Hvis ikoner er aktivert, kan du bruke denne innstillingen til å velge hvilket ikon du vil bruke i knappen din. Divi har forskjellige ikoner å velge mellom.

Fargeikon-knapp

Justering av denne parameteren vil endre fargen på ikonet som vises på knappen din. Som standard er ikonfargen den samme som knappetekstfargen din, men denne innstillingen lar deg justere fargen uavhengig.

Ikon plasseringsknapp

Du kan velge å vise ikonet til knappen til venstre eller høyre for knappen.

Vis bare ikonet når du holder markøren over knappen

Som standard vises knappikonene bare når du holder markøren. Hvis du vil at ikonet alltid skal vises, slå av denne innstillingen.

Veksle tekstfarge på knappen

Når knappen er svevet over en besøkendes mus, vil denne fargen bli brukt. Fargen vil endres fra grunnfargen som ble definert i de forrige innstillingene.

Hover knappen bakgrunnsfargen

Når knappen er svevet over en besøkendes mus, vil denne fargen bli brukt. Fargen vil endres fra grunnfargen som ble definert i de forrige innstillingene.

Fargeknapp Border Button

Når knappen er svevet over en besøkendes mus, vil denne fargen bli brukt. Fargen vil endres fra grunnfargen som ble definert i de forrige innstillingene.

Hover Border Radius Button

Når knappen holdes over musen til en besøkende, vil denne verdien brukes. Verdien vil endres fra basisverdien som ble definert i de forrige innstillingene.

Pekende notatavstandsknapp

Når knappen holdes over musen til en besøkende, vil denne verdien brukes. Verdien vil endres fra basisverdien som ble definert i de forrige innstillingene.

Avanserte markøralternativer Fullbredde

Forhåndsdeler glidemodul Individuell element divi.png

Tilpasset CSS

Tilpasset CSS kan også brukes på modulen og hvilken som helst av modulens interner. I Custom CSS-delen finner du et tekstfelt der du kan legge til tilpassede CSS-stilark direkte til hvert element. CSS-oppføringer i disse innstillingene er allerede pakket inn i stilkoder. Så bare skriv inn CSS-reglene atskilt med semikolon.

Alternativ bildetekst

Alt-teksten gir all nødvendig informasjon hvis bildet ikke lastes inn, vises riktig eller i en annen situasjon der en bruker ikke kan se bildet. Det lar også bildet leses og gjenkjennes av søkemotorer.

[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-download”]LAST NED DIVI-TEMA [/vcex_button][/vc_column 1 ][vc_column] /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_right=”fa fa-download”]LAST NED DEN MALER DIVI[/vcex_button][/vc_column][/vc_row]

Andre divisjoner