Kako stvoriti i prikazati skočni prozor pomoću oznake objave u WordPressu

Želite li stvoriti i prikazati jedan skočni prozor po oznaci posta u WordPressu? Stoga nastavite čitati ovaj članak.

Sigurni smo da ste već upoznati s malim prozorom koji se pojavljuje prilikom pregledavanja web stranice. Pa, zove se popup ili popup. Skočni prozori mogu se pojaviti u različitim veličinama i položajima na zaslonu na web stranici.

U WordPressu postoji mnogo dodataka za stvaranje skočnih prozora, kao što su Elementor Pro, JetPopup, Brizy Pro itd.

Važno je zapamtiti da skočni prozori ne bi trebali smetati posjetiteljima vaše web stranice. Stoga stvorite skočni prozor što je moguće jednostavniji i privlačniji.

Sadržaj

Neki WordPress dodaci za stvaranje skočnih prozora

Elementor Pro

Elementor Pro je Elementor proširenje sa stotinama vrhunskih značajki. Daje vam moćne profesionalne alate koji ubrzavaju vaš tijek rada i dizajn. Elementor Pro vam daje potpunu kontrolu nad izgledom i dizajnom vaše web stranice. U tom slučaju možete slobodno prilagoditi dizajn svog skočnog prozora.

Utiliser Elementor Pro stvaranje skočnog prozora pomoću oznake objave vrlo je jednostavno i lako se koristi. Možete jednostavno definirati uvjete prikaza vašeg skočnog prozora na vrlo precizan način.

Crocoblockov JetPopup je proširenje za Elementor. Možete ga kupiti kao samostalni dodatak ili ga kupiti u paketu s drugim Crocoblock dodacima. Prednost korištenja JetPopupa za stvaranje skočnog prozora je ta što dolazi s puno zgodnih značajki.

Možete se igrati s okidačima skočnih prozora.
Možete izraditi animacije za skočni prozor.
Dostupan je velik broj skočnih predložaka.

unaprijed postavljene postavke za jetpopup

Pročitajte također: 22 najbolja premium dodatka za Elementor

Brizy Pro

Alat za izradu skočnih prozora Brizy Pro nudi dvije mogućnosti. Prvi je skočni prozor koji se aktivira klikom, a drugi su automatski okidači i uvjeti.

Otvaranje na klik: Vaš skočni prozor može se pokrenuti jednostavnim klikom na elemente vaše stranice.
Automatski okidači i uvjeti: možete konfigurirati radnje posjetitelja koje će odrediti kada se prikazuju skočni prozori.

Kao što je ranije spomenuto, imate nekoliko opcija za stvaranje skočnog prozora u WordPressu. U ovom vodiču pokazat ćemo vam kako stvoriti i prikazati skočni prozor po oznaci objave pomoću verzije Elementor Pro, stoga provjerite imate li ga već.

Prvo što trebate učiniti je stvoriti novi predložak skočnog prozora. Za izradu novog predloška skočnog prozora idite na Predlošci > Skočni prozori na nadzornoj ploči WordPressa i kliknite na gumb Dodaj novi.

Zatim dodajte naziv svog skočnog prozora i kliknite gumb IZRADITE MODEL.

Bit ćete usmjereni na biblioteku predložaka, možete odabrati predložak iz prozora biblioteke ili dizajnirati vlastiti skočni predložak. Za korištenje predloška iz biblioteke samo kliknite gumb umetnuti.

No, u ovom vodiču ćemo stvoriti predložak skočnog prozora od nule. Pritisnite ikonu X za zatvaranje biblioteke predložaka.

Moramo napraviti neke prilagodbe u postavkama skočnog prozora prije nego počnemo stvarati predložak skočnog prozora. Možete pronaći najbolje postavke za svoju stranicu. U ovom vodiču pokazat ćemo vam postavke skočnih prozora po vašem izboru.

Kliknite ikonu zupčanika u donjem lijevom kutu. U postavkama skočnog prozora promijenite Širina u 90% širine prikaza (VW) Et Položaj en Sredina-Dno.

Zatim dizajnirajte svoj predložak skočnog prozora. Dodajte novi odjeljak i odaberite strukturu od 5 stupaca. U postavkama odjeljka postavite Širina na 950. Možete se igrati sa svojim postavkama.

Na primjer, možete otići na karticu Stil za postavljanje pozadine idite na karticu napredan za prilagodbu margine i još mnogo toga.

Vratimo se sada vašim kolumnama. U lijevom stupcu postavite širinu na 33%, a za ostala četiri na 16%.

U lijevom stupcu ćemo dodati widget Naslov s nekim tekstom. Možete dodati tekst koji poziva posjetitelje vaše web stranice da pogledaju drugi sadržaj koji je relevantan za trenutni sadržaj ili bilo koji drugi tekst po vašem izboru.

S desne strane ćemo dodati widget za slike. Možete dodati slike iz minijatura/istaknutih slika objava ili ih ručno prenijeti.

Sada je struktura spremna. Vrati se na Postavke skočnog prozora za prilagodbu animacija ulaza, izlaza i margina. U ovom smo vodiču postavili unos na Izblijediti a izlaz uključen Izblijediti. Zatim idite na karticu napredan i postavite marginu na 30 (uobičajena vrijednost za veze).

Sada kada je dizajn spreman, kliknite gumb Objavi za postavljanje uvjeta prikaza i okidača. Za definiranje uvjeta prikaza kliknite na gumb DODAJTE UVJET i odaberite svoju opciju s padajućeg popisa.

Kako želite prikazati Popup by post tag, možete postaviti sljedeće uvjete prikaza (pogledajte animaciju).

Pritisnite Dalje. U kartici okidači, postavite okidač na Na svitku okrećući prekidač na oui. Definirajte Smjer sur Bas i Širina preko 95%. Zato što želimo da se skočni prozor pojavi kada posjetitelji dođu do kraja našeg članka.

U ovom vodiču nećemo definirati Napredna pravila. Pa kliknite SPREMI I ZATVORI. Pa, sada smo gotovi.

Da vidimo kako to izgleda.

Ovdje ste upravo završili svoj skočni prozor. Pogledajte i naše povezane članke:

Preuzmite Elementor Pro

Podijelite ovaj članak:

Mikhos Gartner

Mikhos Gartner stručnjak je za digitalne alate koji kupuje, testira i recenzira SAAS alate za mala poduzeća. Oslanjajući se na dugogodišnje iskustvo u području tehnologije, on daje pronicljive recenzije. Njegov sadržaj se široko koristi i služi milijunima korisnika svaki mjesec.