Divi giver dig mulighed for at placere skyderne i sektioner i fuld bredde, hvilket får dine skyderne til at spænde over browserens fulde bredde. Divi-skydere (Sliders) understøtter parallaksbaggrund samt videobaggrund!
Sådan tilføjes et diapo-modul med fuld bredde fra Divi
Før du kan tilføje et skydermodul i fuld bredde til din side, skal du først hoppe ind i Divi Builder. En gang Divi-tema installeret på din Websted, vil du bemærke en knap Brug Divi Builderover indlægseditoren, når du opretter en ny side. Klik på denne knap for at aktivere Divi Builder og få adgang til alle Divi Builder-modulerne. Klik derefter på knappen Brug Visual Builder for at starte generatoren i visuel tilstand. Du kan også klikke på knappen Brug Visual Builder når du gennemser din Websted i forgrunden, hvis du er logget ind på dit WordPress-dashboard.
Når du er i Visual Builder, kan du klikke på den grå plus-knap for at tilføje et nyt modul til din side. Nye moduler kan kun tilføjes inden for rækker. Hvis du starter en ny side, skal du huske at føje en række til din side først.
Find glidermodulet med fuld bredde på listen over moduler, og klik på det for at tilføje det til din side. Listen over mods er søgbar, hvilket betyder, at du også kan skrive ordet "Slide" og derefter trykke på enter for automatisk at finde og tilføje skydermodulet i fuld bredde! Når modulet er tilføjet, vil du blive mødt af listen over modulindstillinger. Disse muligheder er opdelt i tre hovedgrupper: Indhold , Conception et avanceret .
Eksempel på brugssag: Tilføjelse af en helbreddesneglesektion til din startside
En skyder i fuld bredde er en fantastisk måde at fremvise flere CTA'er over din starts tærskel. Kombinationen af billeder og indhold kan virkelig give din sektion en professionel fornemmelse, der skiller sig ud.
I dette eksempel tilføjer jeg et dias i fuld bredde, der fungerer som hovedsektionen på en startside.
Brug Visual Builder til at tilføje en sektion med fuld bredde øverst på din webside. Indsæt derefter Fullwidth Slider-modulet i dit nye afsnit. Klik på fanen Indhold i diasindstillingerne i fuld bredde + Tilføj en ny vare for at oprette din første dias.
I diasindstillingerne på dit første dias skal du opdatere følgende indstillinger:
Indholdsindstillinger
En-tête : [indtast titlen på diasshowet]
Knappen tekst : [indtast knappeteksten]
Indhold : [Indtast tekstindholdet i diasshowet]
Button URL : [indtast destinationswebadressen for Slide-knappen]
Baggrundsbillede : [indtast det billede, der skal tjene som baggrund for diaset]
Design muligheder
Brug baggrundsoverlayet : JA
Baggrundsoverlayfarve : rgba (0,0,0,0.2) dette overlay gør baggrundsbilledet lidt mørkere for at gøre teksten mere læselig.
Gem diasindstillinger
Kopier nu det dias, du lige har oprettet, og opdater det nye dias med nyt indhold efter behov. Gentag dette for alle de dias, du vil tilføje.
Det er alt. I dette eksempel inkluderer jeg kun to slides, men resultatet er en effektiv helteskyder i fuld bredde med flere opfordringer til handling, der får brugeren til at klikke på knappen for at få flere oplysninger. Da dette er din vigtigste opfordring til handling for din Websted, Jeg foreslår at køre splittests på dit dias i fuld bredde ved hjælp af Divi Leads og se, hvilken der konverterer bedst.
Slide Fuldindholdsindstillinger
I fanen indhold finder du alle modulets indholdselementer, såsom tekst, billeder og ikoner. Alt det der styrer hvad vises i dit modul vil altid findes på denne fane.
pile
Vælg, om du vil vise venstre og højre navigationspile eller ej.
kontroller
Vælg om cirkelknapperne / diasindikatorerne skal vises nederst på markøren eller ej.
Administratormærke
Dette vil ændre moduletiketten i konstruktøren for nem identifikation. Når du bruger WireFrame-visningen i Visual Builder, vises disse etiketter i modulblokken i Divi Builder-grænsefladen.
Slide Module Design Options
Under fanen Design finder du alle indstillingerne for modulstyling, såsom skrifttyper, farver, størrelse og afstand. Dette er den fane, du vil bruge til at ændre udseendet på dit modul. Hvert Divi-modul har en lang liste over designindstillinger, som du kan bruge til at ændre alt.
Fjern indre skygge
Som standard vises en intern skygge i markøren. Hvis du vil slukke for denne skygge, kan du gøre det ved hjælp af denne indstilling.
Parallax effekt
Aktivering af denne mulighed giver dine baggrundsbilleder en fast position, mens du ruller. Husk, at når denne indstilling er aktiveret, skalerer dine billeder dine billeder til browserhøjde.
Overskrift skrifttype
Du kan ændre skrifttypen på din overskriftstekst ved at vælge den ønskede skrifttype i rullemenuen. Divi leveres med snesevis af fantastiske skrifttyper, der drives af Google Fonts. Som standard bruger Divi Open Sans-skrifttypen til al teksten på din side. Du kan også tilpasse stilen på din tekst ved hjælp af fed, kursiv, hovedstad og understregningsmuligheder.
Overskrift skriftstørrelse
Her kan du justere størrelsen på din overskriftstekst. Du kan trække områdeskyderen for at øge eller formindske størrelsen på din tekst eller direkte indtaste den ønskede tekststørrelsesværdi i indtastningsfeltet til højre for skyderen. Indtastningsfelterne understøtter forskellige måleenheder, hvilket betyder at du kan indtaste "px" eller "em" afhængigt af din størrelsesværdi for at ændre enhedstypen.
Sidehovedtekstfarve
Som standard vises alle tekstfarver i Divi i hvid eller mørkegrå. Hvis du vil ændre farven på din overskriftstekst, skal du vælge den ønskede farve fra farvevælgeren ved hjælp af denne mulighed.
Mellemrum i overskrift
Mellemrum mellem bogstaver påvirker afstanden mellem hvert bogstav. Hvis du vil øge mellemrummet mellem hvert bogstav i din overskriftstekst, skal du bruge områdeskyderen til at justere mellemrummet eller indtaste den ønskede afstandsstørrelse i indtastningsfeltet til højre for skyderen. Indtastningsfelterne understøtter forskellige måleenheder, hvilket betyder at du kan indtaste "px" eller "em" afhængigt af din størrelsesværdi for at ændre enhedstypen.
Overskrift rækkehøjde
Rækkehøjde påvirker mellemrummet mellem hver række i din overskriftstekst. Hvis du vil øge mellemrummet mellem hver række, skal du bruge områdeskyderen til at justere mellemrummet eller indtaste den ønskede afstandsstørrelse i indtastningsfelt til højre for markøren. Indtastningsfelterne understøtter forskellige måleenheder, hvilket betyder at du kan indtaste "px" eller "em" afhængigt af din størrelsesværdi for at ændre enhedstypen.
Kropspolitiet
Du kan ændre din kropsskrifttype ved at vælge den ønskede skrifttype i rullemenuen. Divi leveres med snesevis af fantastiske skrifttyper, der drives af Google Fonts. Som standard bruger Divi Open Sans-skrifttypen til al teksten på din side. Du kan også tilpasse stilen på din tekst ved hjælp af fed, kursiv, hovedstad og understregningsmuligheder.
Krops skrifttypestørrelse
Her kan du justere din kropstekststørrelse. Du kan trække områdeskyderen for at øge eller formindske størrelsen på din tekst eller direkte indtaste den ønskede tekststørrelsesværdi i indtastningsfeltet til højre for skyderen. Indtastningsfelterne understøtter forskellige måleenheder, hvilket betyder at du kan indtaste "px" eller "em" afhængigt af din størrelsesværdi for at ændre enhedstypen.
Krops tekstfarve
Som standard vises alle tekstfarver i Divi i hvid eller mørkegrå. Hvis du vil ændre farven på din tekst, skal du vælge den ønskede farve fra farvevælgeren ved hjælp af denne mulighed.
Afstand mellem kropsbreve
Mellemrum mellem bogstaver påvirker afstanden mellem hvert bogstav. Hvis du vil øge mellemrummet mellem hvert bogstav i din tekst, skal du bruge områdeskyderen til at justere mellemrummet eller indtaste den ønskede afstand i indtastningsfeltet til højre for skyderen. Indtastningsfelterne understøtter forskellige måleenheder, hvilket betyder at du kan indtaste "px" eller "em" afhængigt af din størrelsesværdi for at ændre enhedstypen.
Højde på kropslinjen
Linjehøjde påvirker mellemrummet mellem hver tekstlinje i din krop Hvis du vil øge afstanden mellem hver linje, skal du bruge områdeskyderen til at justere mellemrummet eller indtaste den ønskede afstand i indtastningsfeltet placeret til højre for markøren. Indtastningsfelterne understøtter forskellige måleenheder, hvilket betyder at du kan indtaste "px" eller "em" afhængigt af din størrelsesværdi for at ændre enhedstypen.
Øvre polstring
Denne parameter styrer det interne rum mellem toppen af modulet og tekstindholdet i modulet. Hvis du vil øge eller formindske dette mellemrum, skal du indtaste den ønskede værdi her. For eksempel for at reducere markørens plads og samlede størrelse kan du indtaste en værdi på 100 pixel. Du kan også indtaste en procentværdi, for eksempel 10%, for at gøre højden mere dynamisk.
Bund polstring
Denne parameter styrer det interne rum mellem bunden af modulet og tekstindholdet i modulet. Hvis du vil øge eller formindske dette mellemrum, skal du indtaste den ønskede værdi her. For eksempel for at reducere markørens plads og samlede størrelse kan du indtaste en værdi på 100 pixel. Du kan også indtaste en procentværdi, for eksempel 10%, for at gøre højden mere dynamisk.
Brug tilpassede stilarter til knappen
Aktivering af denne mulighed afslører forskellige indstillinger for tilpasning af knapper, som du kan bruge til at ændre udseendet på dit moduls knap.
Knappen tekststørrelse
Denne indstilling kan bruges til at øge eller formindske størrelsen på teksten i knappen. Knappen tilpasser sig, når tekststørrelsen øges og formindskes.
Knappen tekst farve
Som standard anvender knapperne accentfarven på dit tema som defineret i Theme Customizer. Denne mulighed giver dig mulighed for at tildele en brugerdefineret tekstfarve til knappen i dette modul. Vælg din brugerdefinerede farve ved hjælp af farvevælgeren for at ændre knapfarven.
Button baggrundsfarve
Som standard har knapperne en gennemsigtig baggrundsfarve. Dette kan ændres ved at vælge den ønskede baggrundsfarve fra farvevælgeren.
Bredden af knapgrænsen
Alle Divi-knapper har en 2 pixers kant som standard. Denne kant kan øges eller formindskes ved hjælp af denne indstilling. Kanter kan fjernes ved at indtaste en værdi på 0.
Knappen kantfarve
Som standard vedtager knapgrænserne accentfarven på dit tema som defineret i Theme Customizer. Denne mulighed giver dig mulighed for at tildele en brugerdefineret kantfarve til knappen på dette modul. Vælg din brugerdefinerede farve ved hjælp af farvevælgeren for at ændre farven på knapgrænsen.
Knappen grænsen radius
Grænsens radius påvirker runden af hjørnerne på dine knapper. Som standard har knapperne i Divi en lille kantradius, der afrunder hjørnerne med 3 pixels. Du kan reducere denne værdi til 0 for at oprette en firkantet knap eller øge den markant for at oprette knapper med cirkulære kanter.
Spacing af bogstaverne på knappen
Mellemrum mellem bogstaver påvirker afstanden mellem hvert bogstav. Hvis du vil øge mellemrummet mellem hvert bogstav i din knaptekst, skal du bruge områdeskyderen til at justere mellemrummet eller indtaste den ønskede afstand i indtastningsfeltet til højre for skyderen. Indtastningsfelterne understøtter forskellige måleenheder, hvilket betyder at du kan indtaste "px" eller "em" afhængigt af din størrelsesværdi for at ændre enhedstypen.
Button skrifttype
Du kan ændre skrifttypen på din knaptekst ved at vælge den ønskede skrifttype i rullemenuen. Divi leveres med snesevis af fantastiske skrifttyper, der drives af Google Fonts. Som standard bruger Divi Open Sans-skrifttypen til al teksten på din side. Du kan også tilpasse stilen på din tekst ved hjælp af fed, kursiv, hovedstad og understregningsmuligheder.
Tilføj et knapikon
Deaktiveret, denne indstilling fjerner ikoner fra din knap. Som standard viser alle Divi-knapper et pilikon på svævningen.
Knapikon
Hvis ikoner er aktiveret, kan du bruge denne indstilling til at vælge hvilket ikon der skal bruges i din knap. Divi har forskellige ikoner at vælge imellem.
Farveikoneknap
Hvis du justerer denne parameter, ændres farven på ikonet, der vises på din knap. Som standard er ikonfarven den samme som din knaptekstfarve, men denne indstilling giver dig mulighed for at justere farven uafhængigt.
Ikonplaceringsknap
Du kan vælge at vise ikonet for din knap til venstre eller højre for din knap.
Vis kun ikon, når du holder markøren over knappen
Som standard vises knapikonerne kun, når de svæver. Hvis du vil have, at ikonet altid skal vises, skal du slå denne indstilling fra.
Hover tekst farve på knappen
Når knappen holdes over en besøgendes mus, bruges denne farve. Farven skifter fra basisfarven defineret i de tidligere indstillinger.
Hover knap baggrundsfarve
Når knappen holdes over en besøgendes mus, bruges denne farve. Farven skifter fra basisfarven defineret i de tidligere indstillinger.
Farvebøjle Border Button
Når knappen holdes over en besøgendes mus, bruges denne farve. Farven skifter fra basisfarven defineret i de tidligere indstillinger.
Hover Border Radius Button
Når knappen holdes over en besøgendes mus, bruges denne værdi. Værdien skifter fra basisværdien defineret i de tidligere indstillinger.
Pegefunktionsafstandsknap
Når knappen holdes over en besøgendes mus, bruges denne værdi. Værdien skifter fra basisværdien defineret i de tidligere indstillinger.
Avancerede indstillinger i modul til fuld bredde
På den avancerede fane finder du muligheder, som mere erfarne webdesignere måske finder nyttige, såsom tilpassede CSS- og HTML-attributter. Her kan du anvende brugerdefineret CSS på ethvert af modulets mange elementer. Du kan også anvende tilpassede CSS-klasser og ID'er til modulet, som kan bruges til at tilpasse modulet i dit barns temas style.css-fil.
CSS ID
Indtast et valgfrit CSS-ID, der skal bruges til dette modul. Et ID kan bruges til at oprette en brugerdefineret CSS-stil eller til at linke til bestemte sektioner på din side.
CSS klasse
Indtast de valgfri CSS-klasser, der skal bruges til dette modul. En CSS-klasse kan bruges til at oprette brugerdefineret CSS-styling. Du kan tilføje flere klasser adskilt af et mellemrum. Disse klasser kan bruges i dit Divi-underordnede tema eller i det brugerdefinerede CSS-stilark, som du føjer til din side eller til dit websted ved hjælp af Divi-temaindstillingerne eller Divi Builder-sideindstillingerne.
Tilpasset CSS
Brugerdefineret CSS kan også anvendes på modulet og ethvert af modulets interner. I sektionen Custom CSS finder du et tekstfelt, hvor du kan tilføje tilpassede CSS-stilark direkte til hvert element. CSS-poster i disse indstillinger er allerede pakket i typografikoder. Så indtast bare CSS-reglerne adskilt af semikolon.
Automatisk animation
Hvis du vil have markøren til at glide automatisk, uden at den besøgende skal klikke på den næste knap, skal du aktivere denne indstilling og derefter justere rotationshastigheden nedenfor, hvis du ønsker det.
Automatisk animationshastighed (i ms)
Her kan du angive, hvor hurtigt markøren falmer mellem hvert dias, hvis indstillingen 'Auto-animer' er aktiveret ovenfor. Jo højere tallet er, jo længere er pausen mellem hver rotation.
Fortsæt Auto dias på Hover
Hvis du tænder dette, tillader automatisk dias at fortsætte på musens svinger.
Skjul indhold på mobilen
Efterhånden som skærmstørrelsen bliver mindre på mobile enheder, bliver fast ejendom på skærmen mere værdifuld. Nogle gange er det en god ide at slå nogle mindre vigtige markørelementer fra for at reducere markørstørrelsen og gøre den mere læsbar. Aktivering af denne indstilling skjuler markørtekstindholdet på mobilen.
Skjul CTA på mobil
Da skærmstørrelsen bliver mindre på mobile enheder, bliver ejendom på skærmen mere værdifuld. Nogle gange er det en god ide at slå nogle mindre vigtige markørelementer fra for at reducere markørstørrelsen og gøre den mere læsbar. Aktivering af denne indstilling skjuler markørkald til handlingsknapper på mobilen.
Se billede / video på mobil
Efterhånden som skærmstørrelsen bliver mindre på mobile enheder, bliver fast ejendom på skærmen mere værdifuld. Nogle gange er det en god ide at slå nogle mindre vigtige markørelementer fra for at reducere markørstørrelsen og gøre den mere læsbar. Aktivering af denne indstilling viser diasbilleder og videoer på mobilenheder (de er som standard deaktiveret).
synlighed
Denne mulighed giver dig mulighed for at kontrollere de enheder, som dit modul vises på. Du kan vælge at deaktivere dit modul på tablets, smartphones eller desktops individuelt. Dette er nyttigt, hvis du vil bruge forskellige mods på forskellige enheder, eller hvis du vil forenkle mobildesignet ved at fjerne visse elementer fra siden.
Indholdsmuligheder for glidemodulelementer i fuld bredde
titel
Indstil teksten til din markørtitel her.
Knappen tekst
Hvis du vil vise en knap under dit diasindhold, skal du indtaste knapteksten her. Lad dette felt være tomt, hvis du ikke vil vise en knap.
Indhold
Indtast kroppens indhold af din markør her. Bemærk, at mængden af tekst, du indtaster her, bestemmer højden på dine dias.
Button URL
Hvis du viser en knap, skal du indsætte en gyldig web-URL i dette felt for at indstille destinationslinket.
Træk billede
Hvis du tilføjer et diasbillede, vises det til venstre for din diastekst over din diasbaggrund. Hvis du ikke angiver et diasbillede, er du til venstre med et centreret, kun tekst-dias. Da højden på hvert dias bestemmes af teksten, hvis dit diasbillede er højt nok, falder det under bunden af diaset og skaber et justeret billede i bunden.
Bemærk, at højden på et dias med et diasbillede kan bestemmes af et højere dias i skyderen. Sørg for, at dit diasbillede er stort nok til at passe, hvis du vil have et billede justeret i bunden. Af læsbarhedsårsager vises diasbilleder kun i kolonner, kolonner eller 1 kolonnebredde. Ligeledes vises diasbilleder ikke i browserbredder, der er mindre end 768 pixels. Slide billedets bredder er defineret nedenfor. Vi anbefaler, at dine diasbilleder er mindst lige så brede.
Video dias
Hvis du tilføjer en diasvideo, vises den til venstre for din diastekst over din diasbaggrund. Hvis du ikke angiver en diasvideo, er du til venstre med et centreret, kun tekst-dias. Da højden på hvert dias bestemmes af teksten, hvis dit diasbillede er højt nok, falder det under bunden af diaset og skaber et justeret billede i bunden.
Pause video
Tillad, at video sættes på pause af andre spillere, når de begynder at spille
Baggrundsbillede
Hvis indstillet, bruges dette billede som baggrund for dette modul. For at fjerne et baggrundsbillede skal du bare fjerne URL'en fra indstillingsfeltet.
Højden på et dias bestemmes af mængden af tekst, du tilføjer. Hvis du har flere dias, tager skyderen højden af det højeste dias.
Bredden på din markør bestemmes af browserens bredde. Baseret på standardskærmstørrelser anbefaler vi, at dine billeder er mindst 1280 pixel x 768 pixel.
Baggrundsbilledets placering
Som standard vises baggrundsbilleder i midten af diaset. Du kan bruge denne indstilling til at ændre placeringen øverst, nederst, venstre, højre eller i et af de fire hjørner af diaset.
Baggrundsbillede størrelse
Som standard forstørres baggrundsbillederne proportionalt for at sikre, at de fylder hele diaset. Du kan dog bruge denne mulighed til at ændre standardadfærden. "Dækning" er standardopførelsen, som skalerer billedet til at dække hele diasområdet. "Tilpas" vil også tvinge billedet til at dække hele området, men det vil tvinge billedets højde og bredde til at matche markørens højde og bredde. Dette kan resultere i et forvrænget billede, men det forhindrer, at billedet beskæres. "Faktisk størrelse" skalerer ikke billedet og viser det i dets oprindelige størrelse.
Baggrundsfarve
Hvis du bare vil bruge en farvet baggrund til dit dias, skal du bruge farvevælgeren til at indstille en baggrundsfarve.
MP4 baggrundsvideo
Alle videoer skal downloades i begge .MP4 .WEBM-formater for at sikre maksimal kompatibilitet i alle browsere. Download .MP4-versionen her. Vigtig note: Videobaggrunde er deaktiveret fra mobile enheder. I stedet bruges dit bkacground-billede. Af denne grund skal du indstille både et baggrundsbillede og en baggrundsvideo for at sikre bedre resultater.
WEBM-baggrundsvideo
Alle videoer skal downloades i begge .MP4 .WEBM-formater for at sikre maksimal kompatibilitet i alle browsere. Download .WEBM-versionerne her. Vigtig note: Videobaggrunde er deaktiveret fra mobile enheder. I stedet bruges dit bkacground-billede. Af denne grund skal du indstille både et baggrundsbillede og en baggrundsvideo for at sikre bedre resultater.
Baggrundsvideobredde
For at videoer skal være korrekt størrelse skal du indtaste den nøjagtige bredde (i pixels) af din video her.
Videohøjde baggrund
For at videoerne skal være korrekt størrelse skal du indtaste den nøjagtige højde (i pixels) af din video her.
Indstillinger for diaselementelementer
Brug baggrundsoverlayet
Når det er aktiveret, tilføjes en brugerdefineret overlayfarve over dit baggrundsbillede og bag dit skyderindhold.
Baggrundsoverlejringsfarve
Brug farvevælgeren til at vælge en farve til baggrunden.
Brug tekstoverlay
Når denne indstilling er aktiveret, tilføjes en baggrundsfarve bag markørteksten for at gøre den mere læsbar på baggrundsbilleder.
Tekstoverlejringsfarve
Brug farvevælgeren til at vælge en farve til tekstoverlejringen.
Tekst overlejring Border Radius
Grænsens radius påvirker runden i hjørnerne af tekstoverlejringsområdet. Hjørnerne har som standard en let afrundet kant på 3 pixels. Du kan reducere denne værdi til 0 for at oprette en rektangulær boks eller øge værdien for at gøre hjørnerne endnu mere afrundede.
Brugerdefineret farvepile
Når du holder markøren over et skydermodul, vises pile, der giver den besøgende mulighed for at navigere gennem hvert dias. Disse pile arver som standard farven på diasens hovedtekst. Du kan dog definere en brugerdefineret farve til disse pile ved hjælp af denne indstilling.
Dot Nav tilpasset farve
I hver markør vises punktnavigationselementer under markørindholdet. Disse elementer giver brugeren mulighed for at navigere markøren. Du kan definere en brugerdefineret farve, der skal bruges til disse elementer ved hjælp af farvevælgeren i denne indstilling.
Lodret justering af diasbilledet
Denne indstilling bestemmer den lodrette justering af dit diasbillede. Dit billede kan centreres lodret eller justeres i bunden af dit dias.
Tekstfarve
Hvis baggrunden på dit dias er mørk, skal tekstfarven indstilles til "Lys". Omvendt, hvis lysbilledsbaggrunden er lys, skal tekstfarven indstilles til "Mørk".
Hovedtekst
Du kan ændre skrifttypen på din overskriftstekst ved at vælge den ønskede skrifttype i rullemenuen. Divi leveres med snesevis af fantastiske skrifttyper, der drives af Google Fonts. Som standard bruger Divi Open Sans-skrifttypen til al teksten på din side. Du kan også tilpasse stilen på din tekst ved hjælp af fed, kursiv, hovedstad og understregningsmuligheder.
Overskrift skriftstørrelse
Her kan du justere størrelsen på din overskriftstekst. Du kan trække områdeskyderen for at øge eller formindske størrelsen på din tekst eller direkte indtaste den ønskede tekststørrelsesværdi i indtastningsfeltet til højre for skyderen. Indtastningsfelterne understøtter forskellige måleenheder, hvilket betyder at du kan indtaste "px" eller "em" afhængigt af din størrelsesværdi for at ændre enhedstypen.
Sidehovedtekstfarve
Som standard vises alle tekstfarver i Divi i hvid eller mørkegrå. Hvis du vil ændre farven på din overskriftstekst, skal du vælge den ønskede farve fra farvevælgeren ved hjælp af denne mulighed.
Mellemrum i overskrift
Mellemrum mellem bogstaver påvirker afstanden mellem hvert bogstav. Hvis du vil øge mellemrummet mellem hvert bogstav i din overskriftstekst, skal du bruge områdeskyderen til at justere mellemrummet eller indtaste den ønskede afstandsstørrelse i indtastningsfeltet til højre for skyderen. Indtastningsfelterne understøtter forskellige måleenheder, hvilket betyder at du kan indtaste "px" eller "em" afhængigt af din størrelsesværdi for at ændre enhedstypen.
Overskrift rækkehøjde
Rækkehøjde påvirker mellemrummet mellem hver række i din overskriftstekst. Hvis du vil øge mellemrummet mellem hver række, skal du bruge områdeskyderen til at justere mellemrummet eller indtaste den ønskede afstandsstørrelse i indtastningsfelt til højre for markøren. Indtastningsfelterne understøtter forskellige måleenheder, hvilket betyder at du kan indtaste "px" eller "em" afhængigt af din størrelsesværdi for at ændre enhedstypen.
Body skrifttype
Du kan ændre din kropsskrifttype ved at vælge den ønskede skrifttype i rullemenuen. Divi leveres med snesevis af fantastiske skrifttyper, der drives af Google Fonts. Som standard bruger Divi Open Sans-skrifttypen til al teksten på din side. Du kan også tilpasse stilen på din tekst ved hjælp af fed, kursiv, hovedstad og understregningsmuligheder.
Krops skrifttypestørrelse
Her kan du justere din kropstekststørrelse. Du kan trække områdeskyderen for at øge eller formindske størrelsen på din tekst eller direkte indtaste den ønskede tekststørrelsesværdi i indtastningsfeltet til højre for skyderen. Indtastningsfelterne understøtter forskellige måleenheder, hvilket betyder at du kan indtaste "px" eller "em" afhængigt af din størrelsesværdi for at ændre enhedstypen.
Krops tekstfarve
Som standard vises alle tekstfarver i Divi i hvid eller mørkegrå. Hvis du vil ændre farven på din tekst, skal du vælge den ønskede farve fra farvevælgeren ved hjælp af denne mulighed.
Afstand mellem kropsbreve
Mellemrum mellem bogstaver påvirker afstanden mellem hvert bogstav. Hvis du vil øge mellemrummet mellem hvert bogstav i din tekst, skal du bruge områdeskyderen til at justere mellemrummet eller indtaste den ønskede afstand i indtastningsfeltet til højre for skyderen. Indtastningsfelterne understøtter forskellige måleenheder, hvilket betyder at du kan indtaste "px" eller "em" afhængigt af din størrelsesværdi for at ændre enhedstypen.
Højde på kropslinjen
Linjehøjde påvirker mellemrummet mellem hver tekstlinje i din krop Hvis du vil øge afstanden mellem hver linje, skal du bruge områdeskyderen til at justere mellemrummet eller indtaste den ønskede afstand i indtastningsfeltet placeret til højre for markøren. Indtastningsfelterne understøtter forskellige måleenheder, hvilket betyder at du kan indtaste "px" eller "em" afhængigt af din størrelsesværdi for at ændre enhedstypen.
Brug tilpassede stilarter til knappen
Aktivering af denne mulighed afslører forskellige indstillinger for tilpasning af knapper, som du kan bruge til at ændre udseendet på dit moduls knap.
Knappen tekststørrelse
Denne indstilling kan bruges til at øge eller formindske størrelsen på teksten i knappen. Knappen tilpasser sig, når tekststørrelsen øges og formindskes.
Knappen tekst farve
Som standard anvender knapperne accentfarven på dit tema som defineret i Theme Customizer. Denne mulighed giver dig mulighed for at tildele en brugerdefineret tekstfarve til knappen i dette modul. Vælg din brugerdefinerede farve ved hjælp af farvevælgeren for at ændre knapfarven.
Button baggrundsfarve
Som standard har knapperne en gennemsigtig baggrundsfarve. Dette kan ændres ved at vælge den ønskede baggrundsfarve fra farvevælgeren.
Border Width-knap
Alle Divi-knapper har en 2 pixers kant som standard. Denne kant kan øges eller formindskes ved hjælp af denne indstilling. Kanter kan fjernes ved at indtaste en værdi på 0.
Knappen kantfarve
Som standard vedtager knapgrænserne accentfarven på dit tema som defineret i Theme Customizer. Denne mulighed giver dig mulighed for at tildele en brugerdefineret kantfarve til knappen på dette modul. Vælg din brugerdefinerede farve ved hjælp af farvevælgeren for at ændre farven på knapgrænsen.
Knappen grænsen radius
Grænsens radius påvirker runden af hjørnerne på dine knapper. Som standard har knapperne i Divi en lille kantradius, der afrunder hjørnerne med 3 pixels. Du kan reducere denne værdi til 0 for at oprette en firkantet knap eller øge den markant for at oprette knapper med cirkulære kanter.
Spacing af bogstaverne på knappen
Mellemrum mellem bogstaver påvirker afstanden mellem hvert bogstav. Hvis du vil øge mellemrummet mellem hvert bogstav i din knaptekst, skal du bruge områdeskyderen til at justere mellemrummet eller indtaste den ønskede afstand i indtastningsfeltet til højre for skyderen. Indtastningsfelterne understøtter forskellige måleenheder, hvilket betyder at du kan indtaste "px" eller "em" afhængigt af din størrelsesværdi for at ændre enhedstypen.
Button skrifttype
Du kan ændre skrifttypen på din knaptekst ved at vælge den ønskede skrifttype i rullemenuen. Divi leveres med snesevis af fantastiske skrifttyper, der drives af Google Fonts. Som standard bruger Divi Open Sans-skrifttypen til al teksten på din side. Du kan også tilpasse stilen på din tekst ved hjælp af fed, kursiv, hovedstad og understregningsmuligheder.
Tilføj et knapikon
Deaktiveret, denne indstilling fjerner ikoner fra din knap. Som standard viser alle Divi-knapper et pilikon på svævningen.
Knapikon
Hvis ikoner er aktiveret, kan du bruge denne indstilling til at vælge hvilket ikon der skal bruges i din knap. Divi har forskellige ikoner at vælge imellem.
Farveikoneknap
Hvis du justerer denne parameter, ændres farven på ikonet, der vises på din knap. Som standard er ikonfarven den samme som din knaptekstfarve, men denne indstilling giver dig mulighed for at justere farven uafhængigt.
Ikonplaceringsknap
Du kan vælge at vise ikonet for din knap til venstre eller højre for din knap.
Vis kun ikon, når du holder markøren over knappen
Som standard vises knapikonerne kun, når de svæver. Hvis du vil have, at ikonet altid skal vises, skal du slå denne indstilling fra.
Hover tekst farve på knappen
Når knappen holdes over en besøgendes mus, bruges denne farve. Farven skifter fra basisfarven defineret i de tidligere indstillinger.
Hover knap baggrundsfarve
Når knappen holdes over en besøgendes mus, bruges denne farve. Farven skifter fra basisfarven defineret i de tidligere indstillinger.
Farvebøjle Border Button
Når knappen holdes over en besøgendes mus, bruges denne farve. Farven skifter fra basisfarven defineret i de tidligere indstillinger.
Hover Border Radius Button
Når knappen holdes over en besøgendes mus, bruges denne værdi. Værdien skifter fra basisværdien defineret i de tidligere indstillinger.
Pegefunktionsafstandsknap
Når knappen holdes over en besøgendes mus, bruges denne værdi. Værdien skifter fra basisværdien defineret i de tidligere indstillinger.
Avancerede markørindstillinger Fuldbredde
Tilpasset CSS
Brugerdefineret CSS kan også anvendes på modulet og ethvert af modulets interner. I sektionen Custom CSS finder du et tekstfelt, hvor du kan tilføje tilpassede CSS-stilark direkte til hvert element. CSS-poster i disse indstillinger er allerede pakket i typografikoder. Så indtast bare CSS-reglerne adskilt af semikolon.
Alternativ billedtekst
Alt-teksten indeholder alle de nødvendige oplysninger, hvis billedet ikke indlæses, vises korrekt eller i en anden situation, hvor en bruger ikke kan se billedet. Det gør det også muligt at læse og genkende billedet af søgemaskiner.
[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=”flad” custom_background=”#18b69d” custom_hover_background=”#118d7a” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]DOWNLOAD 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”]DOWNLOAD THE TEMPLATES DIVI[/vcex_button][/vc_column][/vc_row]
Andre Divi tutorials
- 5 websteder, der bruger Divi restaurant tema
- Sådan tilføjer du tekst på et Divi WooCommerce-produkt
- Sådan ændres menuen farve mellem Divi sider
- Sådan tilpasses tavlerne på en blog med Divi
- Sådan bruges rolle Divi redaktør på WordPress
- Sådan opretter du en Divi-skyder på fuld skærm
- Sådan ændres menuenes farve mellem Divi-sider
- Funktioner, som du sandsynligvis ikke kender til Divi
- Sådan bruger du Divi Builder på WordPress
- Sådan bruges Divi-video-rullemodulet
- Sådan bruges Divi Builder Flip-modulet
- Sådan tilføjes et vidnesbyrdsmodul om Divi Builder
- Sådan bruges Divi-tekstmodulet
- Sådan opretter du en skyder på Divi
- Sådan redigeres en Divi-brugerrolle
- Sådan bruges Divi Social Media-modulet
- Sådan bruges butikmodulet med temaet WordPress Divi
- Sådan bruges Divi sidebar modul
- Sådan bruges Divi Price Table Module
- Sådan bruges titelmodulet i Divi-publikationer
- Sådan tilføjes et videomodul til Divi
- Sådan bruges artikelnavigationsmodulet
- Sådan bruges Divi-søgemodulet
- Sådan bruges Divi wallet-modulet
- Sådan bruges personmodulet på Divi Builder
- Sådan bruges tegnebogen modulet med Divi filter
- Sådan bruges glidemodulet i fuld bredde
- Sådan bruges Divi Builder Image Module
- Sådan bruger du navigationsmodulet med fuld bredde i Divi Builder
- Sådan bruges billedgallerimodulet
- Sådan bruges Divi Builder Fuldbredde-kortmodul
- Sådan bruges Divi Full Width Portfolio Module
- Sådan bruges Divi-modulet i fuld bredde
- Sådan bruges Divi Counter Module
- Sådan bruges artikelskyderen på Divi Builder
- Sådan bruges Divi Email Optin-modulet
Hej,
Mange tak for denne tutorial. Jeg indrømmer, at jeg er fuldstændig fortabt og undlader at gøre noget, der burde være af bibelsk enkelhed:
slet et (eller flere) ekstra dias i mit divi diasshow
Jeg har selvfølgelig set, at i listen over dias i et oprettet diasshow, til højre for hver linje, der svarer til et dias, finder vi ikonet for en "skraldespand" og tre små prikker: men ved at klikke på skraldespanden... tilføjer en kopi af det aktuelle dias! og kontekstmenuen indeholder ikke nogen linje, der tillader sletning.
Jeg fandt et sted (jeg kan ikke huske hvor), at jeg skulle "placere mig på diaset for at blive slettet" (sørg for, at det var på skærmen), men det ændrede ikke noget.
Jeg arbejder på Mac i Mojave-systemet. Og jeg forsøgte at oprette forbindelse til WordPress i Firefox som i Chrome
Mange tak for al hjælp du kan ... og undskyld for sådan et dumt spørgsmål
Hej
Tak for denne tutorial, den er virkelig komplet!
Ved du, om det er muligt at ændre eller endda fjerne animationen fra teksten? fordi ikke standard går det fra bund til top på baggrundsbillederne, og det er ikke meget smukt synes jeg.
tak
Hej Olivier,
Ser du i indstillingerne for den aktuelle tekst?
Hej,
Er det muligt, at klikke på en slide-knap omdirigerer URL-linket til en ny fane?
På forhånd tak for dine lys!
Hej ! tak for din artikel. mit problem er baggrundsvideoen, der ikke vises på mobilen, min klient ville absolut have det. Jeg troede, jeg havde fundet mit svar, for ifølge din artikel er der i "Avanceret" muligheden for at aktivere videoer på mobilen, som er deaktiveret som standard. men jeg fandt ikke denne mulighed på min divi. Tak for dit svar…
Yanis
Hej Yanis,
Er din Divi opdateret?