Slik bruker du Lightbox og dynamisk Lightbox med Elementor

Nettstedet ditt er bedriftens nettrike. Det er et sted hvor alle som er litt nysgjerrige på hva du gjør vil besøke. Det er ofte det aller første de fleste kjøpere til og med ser på når de bestemmer seg for å forfølge en tjenesteleverandør eller når det kommer til å kjøpe et produkt. Derfor må et nettsted være noe som virkelig kan imponere. 

Innholdsfortegnelse

Bruk av Elementor Pro:

Hvis nettstedet ditt er bygget på Elementor Pro , har du en stor fordel. Elementor Pro er ikke bare en av de beste sidebyggerne på WordPress, men den er svært unik og gir ofte mange måter du kan endre utseendet på siden din på.

Den har en strålende kontrast og en rekke fargekombinasjoner, og den er også ganske enkel å bruke. Du kan bokstavelig talt bygge inn hva som helst overalt, og denne fordelen er supplert med det faktum at du kan legge til flere 50 widgets på nettstedet ditt. En av funksjonene vi skal dekke i dag er bruken av Lightbox og hvordan det kan endre utseendet til nettstedet ditt totalt.

Vi introduserer lysboksen:

Lightbox er et verktøy som du kan bruke til å legge til bilder, videoer og til og med karuseller i en popup-vindusboks. Vanligvis er den beste måten å forklare dette på hvis du vil at en video eller et bilde skal åpnes når besøkende klikker på la oss si en knapp. Elementor Lightbox lar deg i hovedsak vise et bilde eller en video på en måte som er uventet og er bare en kreativ måte å få et engasjement fra en seer på.

Bruke lysboksen:

Det er enkelt og greit å bruke Elementor Pro Lightbox. Vanligvis er lysboksen aktivert som standard, men du kan også slå den på ved å gå til de globale innstillingene på en bestemt side. Globale innstillinger lar deg gjøre endringer som er forskjellige og gir deg mange alternativer når det gjelder bilde- eller videoeffekter.

For å gå til de globale innstillingene klikker du bare på hamburgerikonet som vist på bildet nedenfor:

Etter dette er det bare å klikke på de globale innstillingene:

Globale innstillinger:

Hvis du slår på alternativet for bildelysboks, vil alle bildene som er koblet til, åpnes i en popup eller en lysboks. Når dette er slått på, tillater det en eksklusiv funksjon på hele nettstedet ditt. 

Hvis du slår på telleralternativet, kan flere bilder vises i en lysboks. Dette er spesielt nyttig når du prøver å vise frem amp eller bilder av et bestemt produkt i forskjellige farger.

Fullskjermen, som navnet antyder, vil åpne lysboksbildet ditt i et bilde i full størrelse. Kan være nyttig hvis spesifikke detaljer må ses på i et bilde.

Du kan også aktivere et zoom-alternativ, lysboksbildet kan nås på tvers av forskjellige punkter ved en innzoomet posisjon.

Du kan også dele lysboksbildet på sosiale medier ved å tillate delealternativet.

Tittelen på et lysboksbilde kan vises som vist i neste bilde, og det samme tilfellet er for beskrivelsen. Du kan velge mellom alternativer som ingen, Tittel, Bildetekst, Beskrivelse av Alt. Disse kan stilles inn individuelt mens et bilde lastes opp.

De globale innstillingene til Lightbox Dynamic er viktige fordi de gir en bedre forståelse av de uendelige mulighetene du kan oppnå med Lightbox. Faktum er at det er så mye du kan gjøre med det, og alt avhenger av hvor kreativ du kan bli med bildene, videoene og konfigureringen av alternativene.

Stille inn fargene:

Bakgrunn, UI, UI Hover-farger kan alle angis for et lysboksbilde eller en video. Velg det du liker og sett fargeskjemaene på nettstedet ditt til et helt høyere nivå.

Laste opp et bilde og redigere:

Å bruke lysboksen kan best forstås når du laster opp og redigerer et bilde. På bildet nedenfor vil du legge merke til hvordan du vil se en dedikert lysboksdel i innholdsdelen. Denne delen kan brukes til å redigere og angi innstillinger for et spesifikt bilde. 


Denne delen kan brukes til å implementere handlinger som å zoome inn på bildet eller til å angi sosiale delingsalternativer. Alternativer som fullskjermimplementering og lysbildefremvisning kan også settes inn.

Rett under delen Lightbox-handlinger kan du slå på bildetekstalternativet. Uansett hva du har satt bildetekstene til, vil de vises når et bilde er satt opp i Lightbox-lenken. Bildeteksten vil vises under bildet.

Videre kan alternativer som å angi typografi for tekst og farger også settes innenfor samme seksjon.



Lightbox-videoene gir en helt ny kant til nettstedet ditt. Noen ganger er bilder dårlige til å beskrive hva bedriften din handler om. Hvis du ønsker å forklare spesifikasjonene til produktet eller funksjonene fullt ut, så er det å ha en video koblet til i Lightbox-delen. Bare gå til redigeringsalternativet i bildet nedenfor og plasser en lenke eller URL til videoen din. Lightbox dynamic aksepterer videolenker fra Youtube, Dailymotion og til og med Vimeo. 

Denne funksjonen lar deg legge til en annen dimensjon på nettstedet ditt. Å forklare ting har ikke vært så enkelt før gjennom en lysboksvideo!

Prissetting av Elementor:

Elementor-temaet er fantastisk når det gjelder funksjonalitet og produsere et produkt som er på topp! Med funksjoner som LightBox tar det bare hele aspektet ved å lage nettsider til et nytt høyere nivå. Elementor er tilgjengelig i tre pakker og i alle de tre pakkene er LightBox tilgjengelig. Den eneste forskjellen er at i Elementor Pro kan du lage ubegrensede nettsteder!

Å bruke Lightbox dynamic er fordelaktig på mange måter, det beste er at det er enkelt å implementere over hele nettstedet ditt. Den grunnleggende ideen er å få grepet som nettstedet ditt fortjener, dette kan enkelt gjøres gjennom Dynamic Lightbox. Så, hva venter du på? Gjør nettstedet ditt klart i dag!

writerspoint

Se kommentarer

  • Bonjour,
    J'ai elementor pro, og j'ai bien activé la lightbox.
    Malgré tout elle ne se déclenche pas au clic!
    Est-ce que le thème peut parasiter elementor?

    • Det kommer an på, men jeg tror ikke temaet kan blokkere en popup. Først må du sjekke om du støter på noen JS-feil på siden der popup-vinduet er lastet

  • Har du lyst til å se lysbokser, er du mer tilgjengelig for deg? Ikke mogę tego zmienić w żaden sposób

Nylige innlegg

Slik bruker du topptekst og bunntekst med Elementor

Et nettsteds topp- og bunntekst er viktige elementer. I de fleste tilfeller gir toppteksten navigasjon...

6. januar 2022

WordPress-temasammenligning: Astra vs OceanWP

To av de mest populære WordPress-temaene på markedet er Astra og OceanWP. Profesjonell…

2. januar 2022

WordPress nyhetstema sammenligning: Avis vs. Astra

Å lage et utmerket nyhetsnettsted krever ikke at du blir webdesigner. Vi…

25. oktober 2021

Lag et nyhetsrelatert nettsted med avis-tema

Avis-temaet er et av de viktigste WordPress-temaene designet av tagDiv, en...

18. oktober 2021

Hvordan bygge en e-handel med Avada WooCommerce-bygger

Når det gjelder å sette opp en nettbutikk, er WooCommerce go-to plugin . Den…

4. oktober 2021

Hvordan bruke klebrig overskrift og rulleeffekter med Elementor

En overskrift er vanligvis det første en person ser når de besøker nettstedet ditt,...

21. september 2021