WordPress-inprop: open 'n video in 'n ligboks met Elementor

Elementor-knoppie Maak video-ligkas oop

Ons het 'n webwerf aangeneem met 'n kliënt waarmee saamgestel is Elementor, 'n fantastiese plug-in vir redigering en sleep en redigering vir WordPress wat verander hoe maklik dit is om komplekse, pragtige uitlegte op te stel wat reageer ... sonder programmering of om kortkodes te verstaan.

Elementor het wel 'n paar beperkings, waarvan ek een op 'n kliëntwerf gewerk het. Hulle wou bloot 'n knoppie hê wat 'n video in 'n Lightbox oopgemaak het ... iets wat Elementor nie bied nie. U kan die probleem omseil met behulp van 'n beeld met of sonder 'n speelknoppie ... maar Elementor het 'n wonderlike knoppie-element. Ek is verbaas dat hulle dit nie uit die boks aangebied het nie.

Gelukkig is daar 'n plugin daarvoor!

Noodsaaklike byvoegings vir Elementor

Gelukkig is daar 'n paar wonderlike byvoegings vir Elementor op die mark. U moet egter baie versigtig wees wanneer u 'n plugin-ontwikkelaar kies. As u 'n WordPress-werf op Elementor laat bou, word dit afhanklik van Elementor. As u 'n byvoeging deur 'n ander ondernemer laat bou, skep dit nog 'n afhanklikheid. Dit is van kritieke belang vir die sukses van u WordPress-webwerf om te verseker dat die plugin-ontwikkelaar genoeg installasies en die gepaardgaande inkomste het om die plugins te onderhou en te verbeter namate weergawes van WordPress en Elementor opgedateer word.

Een fantastiese inprop is die Noodsaaklike byvoegings vir Elementor. Met meer as 800,000 installasies is die invoegtoepassing dalk die gewildste invoegtoepassing vir Elementor op die mark. 'N Belangrike kenmerk van hierdie invoegtoepassing is die vermoë om 'n lightbox maklik by te voeg en op te stel vir u WordPress-webwerf wat met Elementor gebou is.

Elementor Lightbox-knoppie

Sodra u die betaalde weergawe van die Essential-byvoegings vir Elementor-inprop installeer, moet u die Lighbox & Modal funksie om die element in u Elementor-elemente te sien. Dan kan u dit maklik op u bladsy soek en sleep:

elementor lighbox modal

Dan wil u 'n paar instellings vir die element verander:

  • Stel die Instellings> Trigger op Klik op die knoppie
  • Stel die Instellings> Tik op Button
  • Stel die Instellings> in Knoppieteks
  • Stel die inhoud> tik op Skakel na bladsy / video / kaart
  • Stel die inhoud> Verskaf bladsy- / video- / kaart-URL na u video-URL

U kan dan die ligboks en die knoppies styl soos nodig aanpas. Dit is 'n naatlose ervaring tussen hierdie byvoeging en Elementor.

elementor lightbox-knoppie

Alhoewel die funksie die moeite werd was om voor te betaal, het die Essential Add-Ons vir Elementor-invoegtoepassing 'n klomp ander funksies wat in 'n gratis en betaalde weergawe ingesluit is. Opmerking: die Lightbox-funksie is in die betaalde weergawe.

Noodsaaklike byvoegings vir Elementor: gratis elemente

Die gratis weergawe het 'n paar basiese elemente wat bygevoeg kan word:

  • Inligtingskas - Vertoon sleutelinligting met die tipe Info Box deur Icon On Top by te voeg en animasie-effekte by te voeg.
  • Gevorderde trekklavier - vertoon inhoud, aktiveer die skakel-ikoon, vul die trekklavierafdeling met die gewenste teks en laat dit interaktief lyk vir die publiek.
  • Woo-produkrooster - Vertoon WooCommerce-produkte oral en vertoon produkte volgens kategorie, etikette of eienskappe. Voeg maklik effekte met die sweef op die uitleg om dit verbluffend te maak.
  • Flip Box - Vertoon inhoud pragtig met links / regs-animasie op die muis.
  • Gevorderde oortjies - vertoon sleutelinligting op 'n interaktiewe manier wat die ontwerp van geneste tabs ontwerp om 'n gehoor in 'n geval te lok.
  • Pryse tabel - maak 'n effektiewe produkprystabel met perfekte styl om meer verkope van u voornemende kopers te kry.
  • Beeld trekklavier - Beklemtoon u beelde met wonderlike sweef- en klikeffekte met behulp van EA Image Accordion. 
  • Post Grid - vertoon verskeie blogposte in 'n roosteruitleg. U kan u voorkeuruitleg kies uit die uitleginstellings, animasie daarby voeg en dit vir besoekers interaktief laat lyk.
  • Oproep tot aksie - Styl u oproep tot aksie-inhoud, kleur dit en koppel dit om besoekers na die gewenste aksie te lei.
  • Countdown - Bou en ontwerp 'n timer uit 'n verskeidenheid verskillende style.
  • Post tydlyn - vertoon blogposte, bladsye of aangepaste plasings in 'n pragtige vertikale uitleg. U kan u aantal plasings verkies, wonderlike effekte, beeldbedekking, knoppie en meer byvoeg om die belangstelling van die publiek te lok.
  • Filtreerbare galery - vertoon beelde met aparte kategorieë, roosterstyle, en pas die algehele ontwerp aan om 'n buitengewone voorkoms te verseker.

Laai die noodsaaklike byvoegings vir Elementor af

Noodsaaklike byvoegings vir Elementor: betaalde elemente

Met die betaalde weergawe kry u 'n ton meer elemente wat werklik maksimum vermoëns bied in u Elementor-gebaseerde tema.

  • Lightbox & Modal - vertoon u video's, beelde of ander inhoud met 'n pop-up. U kan die gewenste snelleraksies instel, 'n animasie byvoeg en die uitleg instel om die betrokkenheid te maksimeer.
  • Beeldvergelyking - bemagtig u potensiële kopers om tussen u twee produkbeelde te vergelyk (Oud versus Nuut) op 'n wonderlike manier.
  • Logo Karousel - kies u verlangde karrousel-effek, voeg 'n logo by en styl die uitvoer om al u kliënte of vennote pragtig te vertoon.
  • Parallakse effekte - laat u besoekers toe om u webwerf te ervaar met 'n multi-laag parallaks-effek wat selfs 'n muis-sweef-interaksie bevat.
  • Promo - Voeg 'n aantreklike opskrif, innerlike inhoud, muis-oor-inhoud en pragtige beelde om u besoekers se aandag te trek.
  • Inhoud wissel - Voeg 'n sweef-effek by u inhoud wat die verskille beklemtoon waarop u wil hê dat u besoekers moet fokus.
  • Google Maps - Stel 'n kaartelement op, voeg merkerikone by en maak dit interaktief vir besoekers.
  • Deeltjie-effek - voeg kreatiewe afdelings op u webwerf by sodat dit uitstaan.
  • Interaktiewe kaarte - bring gevorderde funksies soos interne blaai en sweef-effekte na u inhoudsblokke.
  • Beskermde inhoud - beperk inhoud met 'n wagwoord of volgens die gebruikersrol.
  • Posblok - vertoon u blogposte met verskillende unieke style met behulp van die krag van moderne CSS Flex. U kan 'n uitleg kies, animasie byvoeg, 'n ikoon byvoeg en alles styl - insluitend sweefeffekte.
  • Gevorderde gereedskapstip - voeg gereedskapstukke bo en onder die inhoud by.
  • Een bladsy navigasie - bou 'n enkele bladsy webwerf met slegs enkele kliek met Elementor.
  • Skuif vir getuigskrif - skep 'n interaktiewe getuigskrif wat verskillende resensies pragtig in een inhoudsarea vertoon.
  • Instagram - vang die aandag van u besoeker en trek meer Instagram-aanhangers deur 'n Instagram-toevoer op u webwerf te vertoon.
  • Beeld-hotspot - voeg hotspots vir beeldareas by met gepaste gereedskapstukke, sodat die gebruiker op die hotspots kan klik om 'n gepaardgaande teks te openbaar.

'N Opsie met die inprop wat ek baie waardeer, is die vermoë om elk van hierdie elemente op die webwerf in of uit te skakel. Dit beperk die bokoste van die skrif van elke funksie wat op u webwerf gevoeg word.

Laai die noodsaaklike byvoegings vir Elementor af

Wat dink jy?

Hierdie webwerf gebruik Akismet om spam te verminder. Leer hoe jou opmerking verwerk is.