Kaip sukurti ir rodyti iššokantįjį langą naudojant įrašo žymą „WordPress“.

Ar norite sukurti ir rodyti vieną iššokantįjį langą vienoje įrašo žymoje sistemoje „WordPress“? Taigi toliau skaitykite šį straipsnį.

Esame tikri, kad jau esate susipažinę su mažu langeliu, kuris pasirodo naršant svetainėje. Na, tai vadinama iššokančiu langu arba iššokančiu langu. Iššokantys langai svetainėje gali būti rodomi skirtingo dydžio ir skirtingų padėčių ekrane.

„WordPress“ yra daug įskiepių, skirtų iššokantiems langams kurti, pvz., „Elementor Pro“, „JetPopup“, „Brizy Pro“ ir kt.

L’élément important à retenir est que les fenêtres contextuelles ne doivent pas être ennuyeuses pour les visiteurs de votre site web. Par conséquent, créez un popup aussi simple et attrayante que possible.

Turinys

Kai kurie „WordPress“ papildiniai, skirti sukurti iššokančiuosius langus

Elementor Pro "

Elementor Pro est une extension d’Elementor avec des centaines de fonctionnalités premium. Il vous offre de puissants outils professionnels qui accélèrent votre flux de travail et votre conception. Elementor „Pro“ suteikia visišką svetainės išdėstymo ir dizaino kontrolę. Tokiu atveju galite laisvai tinkinti savo iššokančiojo lango dizainą.

naudojimas Elementor Pro " sukurti iššokantįjį langą pagal pašto žymą yra labai paprasta ir paprasta naudoti. Galite lengvai ir labai tiksliai apibrėžti iššokančiojo lango rodymo sąlygas.

Crocoblock JetPopup yra plėtinys Elementor. Galite nusipirkti kaip atskirą įskiepį arba įsigyti kartu su kitais Crocoblock papildiniais. „JetPopup“ naudojimo norint sukurti iššokantįjį langą pranašumas yra tas, kad jame yra daug puikių funkcijų.

Galite žaisti su iššokančiųjų langų paleidikliais.
Iššokančiajame lange galite sukurti animaciją.
Yra daug iššokančiųjų šablonų.

Skaitykite taip pat: 22 geriausi „Elementor“ aukščiausios kokybės priedai

Brizy Pro

Iššokančiųjų langų kūrėjas Brizy Pro siūlo dvi galimybes. Pirmasis yra paspaudimu suaktyvinamas iššokantis langas, o antrasis yra automatiniai paleidikliai ir sąlygos.

Atidarymas spustelėjus: iššokantis langas gali būti suaktyvintas tiesiog spustelėjus puslapio elementus.
Automatiniai aktyvikliai ir sąlygos: galite konfigūruoti lankytojo veiksmus, kurie nustatys, kada bus rodomi iššokantys langai.

Kaip minėta anksčiau, „WordPress“ turite keletą galimybių sukurti iššokantįjį langą. Šiame vadove parodysime, kaip naudojant versiją sukurti ir rodyti kiekvieno įrašo žymos iššokantįjį langą Elementor Pro ", assurez-vous donc d’en avoir déjà une.

Pirmas dalykas, kurį reikia padaryti, yra sukurti naują iškylančiojo lango šabloną. Norėdami sukurti naują iššokančiųjų langų šabloną, eikite į Šablonai > Iššokantys langai „WordPress“ prietaisų skydelyje ir spustelėkite mygtuką Pridėti naują.

Tada pridėkite iššokančiojo lango pavadinimą ir spustelėkite mygtuką SUKURTI MODELĮ.

Būsite nukreipti į šablonų biblioteką, bibliotekos lange galėsite pasirinkti šabloną arba susikurti savo iššokantįjį šabloną. Norėdami naudoti šabloną iš bibliotekos, tiesiog spustelėkite mygtuką įterpti.

Tačiau šioje pamokoje mes sukursime iššokantįjį šabloną nuo nulio. Spustelėkite piktogramą X Norėdami uždaryti šablonų biblioteką.

Prieš pradėdami kurti iššokančiųjų langų šabloną, turime šiek tiek pakoreguoti iššokančiųjų langų nustatymus. Galite rasti geriausius savo svetainės nustatymus. Šioje pamokoje parodysime jūsų pasirinktus iššokančiųjų langų nustatymus.

Apatiniame kairiajame kampe spustelėkite krumpliaračio piktogramą. Iššokančiųjų langų nustatymuose pakeiskite Plotis 90 % vaizdo pločio (VW) Et pozicija en Centras-apačia.

Tada sukurkite iššokančiojo lango šabloną. Pridėkite naują skyrių ir pasirinkite 5 stulpelių struktūrą. Skilties nustatymuose nustatykite Plotis 950. Galite žaisti su savo nustatymais.

Pavyzdžiui, galite pereiti į skirtuką PASIRINKITE: norėdami nustatyti foną, eikite į skirtuką pažangus tinkinti paraštę ir daug daugiau.

Dabar grįžkite į savo stulpelius. Kairiajame stulpelyje nustatykite 33 % plotį, o kitų keturių – 16 %.

Kairiajame stulpelyje pridėsime antraštės valdiklį su tekstu. Galite pridėti tekstą, kviečiantį savo svetainės lankytojus peržiūrėti kitą turinį, susijusį su esamu turiniu, arba bet kokį kitą pasirinktą tekstą.

Dešinėje pridėsime vaizdo valdiklį. Galite pridėti vaizdų iš įrašų miniatiūrų / siūlomų vaizdų arba įkelti juos rankiniu būdu.

Dabar struktūra yra paruošta. Grįžti į Iššokančiųjų langų nustatymai tinkinti įėjimo, išėjimo ir paraštės animacijas. Šioje pamokoje mes nustatėme įvestį į Išnyksta ir išėjimas įjungtas Išblukti. Tada eikite į skirtuką pažangus ir nustatykite paraštę į 30 (bendra nuorodų reikšmė).

Dabar, kai dizainas yra paruoštas, spustelėkite mygtuką PASKELBTI norėdami nustatyti rodymo sąlygas ir paleidiklius. Norėdami apibrėžti rodymo sąlygas, spustelėkite mygtuką PRIDĖTI SĄLYGĄ ir išskleidžiamajame sąraše pasirinkite savo parinktį.

Kadangi norite rodyti iššokantįjį langą įrašo žyma, galite nustatyti tokias rodymo sąlygas (žr. animaciją).

Spustelėkite Kitas. Skirtuke trigerius, nustatykite gaiduką į Ant slinkties pasukdami jungiklį į padėtį taip. Apibrėžkite Lyderystė sur bas ir Plotis daugiau nei 95 proc. Kadangi norime, kad iššokantis langas būtų rodomas lankytojams pasiekus mūsų straipsnio pabaigą.

Šioje pamokoje mes neapibrėžsime Išplėstinės taisyklės. Taigi spustelėkite IŠSAUGOTI IR UŽDARYTI. Na, dabar mes baigėme.

Pažiūrėkime, kaip tai atrodo.

Štai ką tik baigėte iššokantįjį langą. Taip pat žiūrėkite mūsų susijusius straipsnius:

Atsisiųskite Elementor Pro

Pasidalinkite šiuo straipsniu:

Mikhosas Gartneris

Mikhosas Gartneris yra skaitmeninių įrankių ekspertas, perkantis, išbandantis ir peržiūrintis SAAS įrankius mažoms įmonėms. Remdamasis ilgamete patirtimi technologijų srityje, jis pateikia įžvalgių atsiliepimų. Jo turinys yra plačiai vartojamas, kiekvieną mėnesį aptarnaujantis milijonus vartotojų.