Vill du öppna en video i en Lightbox med Elementor?

Elementor levereras med videowidgeten så att du enkelt kan lägga till video på en sida. Du kan till och med lägga till dynamisk video med Elementors funktion för dynamiskt innehåll (pro-version krävs).

När du lägger till en video i Elementor kan du konfigurera den så att den öppnas i en ljusbox som fortfarande kallas Visare.

Denna artikel kommer att visa dig hur.

Men låt oss först ta reda på det Hur man installerar Elementor på WordPress

I Elementor finns det minst två sätt att lägga till video i en ljuslåda. Du kan välja en enligt ditt fall. Först och främst kan du använda videowidgeten som vi just nämnde ovan. Denna metod fungerar på båda versionerna av Elementor. För det andra kan du använda funktionen för dynamisk länk. Pro-versionen krävs för att använda den senare metoden.

Hur man öppnar video i Lightbox i Elementor med hjälp av Video Widget

Som tidigare nämnts kommer Elementor med en videowidget som du kan lägga till video på en sida eller mall. Widgeten har ett inställningsalternativ för att öppna videon i en ljusruta.

Lägg först till videowidgeten i redigeringsrutan.

Lägg till din video genom att klistra in länken i fältet Link.


När du är klar med att lägga till videon öppnar du blocket Bildöverlägg i fliken Innehåll från inställningspanelen och aktivera Alternativ för bildöverlagring. Aktivera bara alternativet Visare. Detta öppnar videon i en ljusruta. Du kan lägga till ett bildöverlägg om du vill.

Hur man öppnar video i Lightbox i Elementor med hjälp av Dynamic Link

Om du använder Elementor Pro, kan du också lägga till video med hjälp av en dynamisk länkfunktion. Du kan använda vilken widget som helst som har möjlighet att lägga till en länk, inklusive bildwidget, knappwidget, textwidget etc.

Lägg först till widgeten (dvs. knappwidget) i redigeringsrutan som vanligt. Klicka på den dynamiska ikonen i fältet i inställningspanelen Lien och välj Lightbox.

Klicka sedan på skiftnyckelikonen i fältet Ljuslåda. Klicka på videoikonen och klistra in webbadressen till videon du vill lägga till.

Här. Du kan klicka på objektet och det ska visa videon i en ljusruta enligt följande.

Anpassa Lightbox

Om standardors utseende i Elementors ljuslåda inte imponerar på dig kan du anpassa den. För att göra det kan du klicka på hamburgarikonen i det övre vänstra hörnet på inställningspanelen och klicka på Webbplatsinställningar.

Klicka på Lightbox i blocket JUSTERINGAR.

Som du kan se finns det några inställningsalternativ som du kan ställa in, inklusive färger.

  • Bakgrundsfärg: Tittarens bakgrundsfärg
  • UI-färg: Knapparnas färg (stäng-knapp, helskärmsknapp, zoom-in-knapp, delningsknapp)
  • Användargränssnittsfärg: Knapparnas färg i svävarläge
  • Text färg: Text färg. Gäller ljusboxbilden

Du kan också ställa in knappens storlek på alternativet Verktygsfältets ikonstorlek samt storleken på navigationsikonerna för alternativet Storlek på navigationsikoner. När du är klar med inställningarna klickar du på knappen UPPDATERING för att tillämpa ändringarna.

öppna en video i en Lightbox med Elementor

Skaffa Elementor Pro nu!

Upptäck också några premium WordPress-plugins  

Du kan använda andra Wordpress plugins för att ge ett modernt utseende och för att optimera hanteringen av din blogg eller hemsida.

Vi erbjuder dig här några premium WordPress-plugins som hjälper dig att göra det.

1. Allt runt

All Around är en Wordpress plugin premium, som det väl avrundade namnet antyder. Den erbjuder dig en ren och lyhörd design, ett antal fördefinierade stilalternativ och stöd för beröring.Runt responsivt wordpress-innehåll reglaget karusell kreativt och roligt glidande plugin

Detta WordPress-skjutreglage är en mångsidig allt-i-ett-lösning perfekt för alla webbplatser. Om detta är din första Wordpress plugin och slider-plugin, kan det också vara den sista du behöver.

Se även vår artikel om Hur man tjänar pengar med din blogg när du har lite trafik

Dess funktioner är:på helt responsiv sida, 6 fördefinierade stilar, le stödfilmer, dvertikal eller horisontell rullning, pstöd för flera reglage på en sida, et mer.

Ladda ner | demo | webbhotell

2. Ultimate Form Builder

Ultimate Form Builder är en Wordpress plugin premium som låter dig skapa former obegränsad respons. Den har en byggare former drag'n'drop som kan skapa vilken typ av formulär som helst (kontakt, undersökning, erbjudande, information, etc.).

Ultimate Form Builder

Detta plugin är lätt att använda. Du kan skapa, anpassa och designa vackert former, tillämpa mallar som redan finns för design och använda dem på din webbplats på kort tid.

Du kan också ta emot blankettdata via e-post och lagra dem i databasen; som kan exporteras i CSV-format för användning via instrumentbräda på din webbplats.

Alla former som designats av detta plugin är supersäkra tack vare ett Captcha-system effektiva.

Ladda ner | demo | webbhotell

3. WooCommerce-spårningsspårning

WCST gör det enkelt för dina kunder att spåra sina beställningar. Du kan associera varje beställning med ett transportföretag och ett spårningsnummer. 

Woocommerce leveransspårning Woocommerce plugins beräknar fraktkostnader

WCST publicerar spårningsinformation (företagets URL och spårningskod) direkt i e-postmeddelandet "Komplett order" och "Visa order".

Upptäck också vår lista över 50 WooCommerce plugins för att förbättra din onlinebutik

Genom att helt enkelt klicka på länken som genereras av WCST kommer dina kunder enkelt att följa sina beställningar. Förutom att beräkna kostnaden för frakt av dina varor, gör det här WooCommerce-tillägget också att du kan lägga till och skapa ditt eget rederi.

Ladda ner | demo | webbhotell

Rekommenderade resurser

Ta reda på om andra rekommenderade resurser som hjälper dig att bygga och hantera din webbplats.

Slutsats

Här! Det är det för den här guiden som visar hur du öppnar en video i en Lightbox med Elementor. Om du har commentaires eller förslag, tveka inte att meddela oss i det reserverade avsnittet.

Du kommer dock också att kunna konsultera vår medel, om du behöver fler element för att genomföra dina projekt för att skapa webbplatser, genom att konsultera vår guide om WordPress blogg skapande eller den på Divi: det bästa WordPress-temet genom tiderna.

Men under tiden dela den här artikeln på dina olika sociala nätverk