Vil du åpne en video i en Lightbox med Elementor?
Elementor leveres med video-widgeten slik at du enkelt kan legge til video på en side. Du kan til og med legge til dynamisk video ved hjelp av Elementors funksjon for dynamisk innhold (pro-versjon kreves).
Når du legger til en video i Elementor, kan du konfigurere den til å åpne i en lysboks som fortsatt kalles Seer.
Denne artikkelen vil vise deg hvordan.
Men la oss først finne ut av det Hvordan installere Elementor på WordPress
I Elementor er det minst to måter å legge til video i en lysboks. Du kan velge en i henhold til saken din. Først og fremst kan du bruke video-widgeten som vi nettopp nevnte ovenfor. Denne metoden fungerer på begge versjoner av Elementor. For det andre kan du bruke den dynamiske lenkefunksjonen. Pro-versjonen er nødvendig for å bruke denne sistnevnte metoden.
Hvordan åpne video i lysboks i Elementor ved hjelp av video-widget
Som nevnt tidligere kommer Elementor med en videowidget som du kan legge til video på en side eller mal. Modulen har et innstillingsalternativ for å åpne videoen i en lysboks.
Først legger du til videowidgeten i redigeringsboksen.
Legg til videoen din ved å lime inn lenken i feltet Link.
Når du er ferdig med å legge til videoen, åpner du blokken Bildeoverlegg i kategorien Innhold fra innstillingspanelet og aktiver Alternativ for bildeoverlegg. Bare aktiver alternativet Seer. Dette åpner videoen i en lysboks. Du kan legge til et bildeoverlegg hvis du vil.
Hvordan åpne video i lysboks i Elementor ved hjelp av Dynamic Link
Hvis du bruker Elementor Pro, kan du også legge til video ved hjelp av en dynamisk koblingsfunksjon. Du kan bruke hvilken som helst widget som har et alternativ å legge til en lenke, inkludert Image widget, Button widget, Text widget, etc.
Først legger du til widgeten (dvs. knappwidgeten) i redigeringsboksen som vanlig. I innstillingspanelet klikker du på det dynamiske ikonet i feltet Link og velg Lysboks.
Klikk deretter på skiftenøkkelikonet i feltet Lysboks. Klikk på videoikonet og lim inn URL-en til videoen du vil legge til.
Her. Du kan klikke på varen og den skal vise videoen i en lysboks som følger.
Tilpasse lysboksen
Hvis standardutseendet til Elementors lysboks ikke imponerer deg, kan du tilpasse den. For å gjøre det kan du klikke på hamburgerikonet øverst til venstre i innstillingspanelet og klikke på Nettstedsinnstillinger.
Klikk på Lysboks i blokken JUSTERINGER.
Som du kan se, er det noen innstillingsalternativer du kan angi, inkludert farger.
- Bakgrunnsfarge: Bakgrunnsfargen til betrakteren
- UI Farge: Fargen på knappene (lukk-knapp, fullskjerm-knapp, zoom-inn-knapp, del-knapp)
- UI-sveverfarge: Fargen på knappene i svevemodus
- Tekstfarge: Tekstfarge. Gjelder lysboksbildet
Du kan også stille inn knappestørrelsen på alternativet Verktøylinjestørrelse samt størrelsen på navigasjonsikonene til alternativet Størrelse på navigasjonsikoner. Når du er ferdig med å gjøre innstillingene, klikker du på knappen OPPDATER for å bruke endringene.
Få Elementor Pro nå!
Oppdag også noen premium WordPress-plugins
Du kan bruke andre WordPress plugins for å gi et moderne utseende og for å optimalisere håndteringen av bloggen eller nettsiden din.
Vi tilbyr deg her noen premium WordPress-plugins som vil hjelpe deg å gjøre det.
1. Alle rundt
All Around er en WordPress Plugin premium, som det godt avrundede navnet antyder. Den gir deg et rent og responsivt design, en rekke forhåndsdefinerte stilalternativer og støtte for berøring.
Denne WordPress-glidebryteren er en allsidig alt-i-ett-løsning perfekt for ethvert nettsted. Hvis dette er din første WordPress Plugin og skyveplugin, kan det også være den siste du trenger.
Se også vår artikkel om Hvordan tjene penger med bloggen din når du har lite trafikk
Funksjonene er:på full responsiv side, 6 forhåndsdefinerte stiler, le støttevideoer, dvertikal eller horisontal rulle, pstøtte for flere glidebrytere på en side, f.ekst mer.
2. Ultimate Form Builder
Ultimate Form Builder er en WordPress Plugin premium som lar deg lage skjemaer ubegrenset respons. Den har en byggmester skjemaer drag'n'drop som kan lage alle typer skjema (kontakt, spørreundersøkelse, tilbud, informasjon osv.).
Denne plugin er enkel å bruke. Du kan lage, tilpasse og designe vakkert skjemaer, bruk maler som allerede eksisterer for design og bruk dem på nettstedet ditt på kort tid.
Det kan du også motta skjemadata via e-post og lagre dem i databasen; som kan eksporteres i CSV-format for bruk via dashbord av nettstedet ditt.
Alle skjemaer designet av denne pluginen er supersikre takket være et Captcha-system effektive.
3. WooCommerce frakt sporing
WCST vil gjøre det enkelt for kundene dine å spore deres bestillinger. Du kan knytte hver bestilling til et transportselskap og et sporingsnummer.
WCST vil legge ut sporingsinformasjon (firmaets URL og sporingskode) direkte i e-posten "Fullstendig ordre" og "Vis ordre" -siden.
Oppdag også vår liste over 50 WooCommerce plugins for å forbedre nettbutikken
Ved å bare klikke på lenken generert av WCST, vil kundene dine enkelt følge deres bestillinger. I tillegg til å beregne kostnadene for å sende varene dine, lar denne WooCommerce-utvidelsen deg også legge til og sette opp ditt eget rederi.
Anbefalte ressurser
Finn ut om andre anbefalte ressurser for å hjelpe deg med å bygge og administrere nettstedet ditt.
- 10 WooCommerce plugins for å beregne fraktkostnadene for pakker
- Hvorfor bør du bruke en innholdsblokkering i WordPress?
- Slik oversetter du WordPress-bloggen din til flere språk
- Hvordan gradvis laste inn Facebook og Disqus kommentarer
konklusjonen
Her! Det er det for denne opplæringen som viser deg hvordan du åpner en video i en Lightbox med Elementor. Hvis du har det commentaires eller forslag, ikke nøl med å gi oss beskjed i den reserverte delen.
Du vil imidlertid også kunne konsultere våre ressources, hvis du trenger flere elementer for å gjennomføre prosjektene dine med oppretting av nettsteder, ved å konsultere vår guide om WordPress blog oppretting eller den på Divi: tidenes beste WordPress-tema.
Men i mellomtiden, del denne artikkelen på de forskjellige sosiale nettverkene dine.
...
