Ali želite ustvariti in prikazati eno pojavno okno na oznako objave v WordPressu? Zato nadaljujte z branjem tega članka.
Prepričani smo, da že poznate majhno okno, ki se prikaže med brskanjem po spletnem mestu. No, imenuje se pojavno okno ali pojavno okno. Pojavna okna se lahko prikažejo v različnih velikostih in položajih na zaslonu na spletnem mestu.
V WordPressu obstaja veliko vtičnikov za ustvarjanje pojavnih oken, kot so Elementor Pro, JetPopup, Brizy Pro itd.
Pomembno si je zapomniti, da pojavna okna ne smejo biti moteča za obiskovalce vašega spletnega mesta. Zato ustvarite čim bolj preprosto in privlačno pojavno okno.
Kazalo vsebine
Nekateri vtičniki WordPress za ustvarjanje pojavnih oken
Elementor Pro
Elementor Pro je razširitev Elementor s stotinami vrhunskih funkcij. Ponuja zmogljiva profesionalna orodja, ki pospešijo vaš potek dela in oblikovanje. Elementor Pro vam omogoča popoln nadzor nad postavitvijo in dizajnom vašega spletnega mesta. V tem primeru lahko poljubno prilagodite obliko svojega pojavnega okna.
Uporabnik Elementor Pro ustvarjanje pojavnega okna z oznako objave je zelo preprosto in enostavno za uporabo. Pogoje prikaza vašega pojavnega okna lahko preprosto določite na zelo natančen način.
JetPopup
Crocoblock JetPopup je razširitev za Elementor. Kupite ga lahko kot samostojni vtičnik ali ga kupite v paketu z drugimi vtičniki Crocoblock. Prednost uporabe JetPopupa za ustvarjanje pojavnega okna je v tem, da ima veliko odličnih funkcij.
- Lahko se igrate s sprožilci pojavnih oken.
- Ustvarite lahko animacije za pojavno okno.
- Na voljo je veliko število pojavnih predlog.
Preberite tudi: 22 najboljših premium dodatkov za Elementor
Brizy Pro
Graditelj pojavnih oken za Brizy Pro ponuja dve možnosti. Prvo je pojavno okno, ki se aktivira s klikom, drugo pa samodejni sprožilci in pogoji.
- Odpiranje na klik: Vaše pojavno okno lahko sprožite preprosto s klikom na elemente vaše strani.
- Samodejni sprožilci in pogoji: Konfigurirate lahko dejanja obiskovalcev, ki bodo določala, kdaj so prikazana pojavna okna.
Kako ustvariti in prikazati pojavno okno z oznako objave v WordPressu z Elementorjem
Kot smo že omenili, imate več možnosti za ustvarjanje pojavnega okna v WordPressu. V tej vadnici vam bomo pokazali, kako z različico ustvarite in prikažete pojavno okno na oznako objave Elementor Pro, zato se prepričajte, da ga že imate.
1. korak: Ustvarite pojavno predlogo
Prva stvar, ki jo morate narediti, je, da ustvarite novo predlogo Popup. Če želite ustvariti novo predlogo pojavnega okna, pojdite na Predloge > Pojavna okna na nadzorni plošči WordPress in kliknite gumb Dodaj novo.
Nato dodajte ime svojega pojavnega okna in kliknite gumb USTVARITE MODEL.
Preusmerjeni boste v knjižnico predlog, lahko izberete predlogo v oknu knjižnice ali oblikujete lastno pojavno predlogo. Če želite uporabiti predlogo iz knjižnice, preprosto kliknite gumb vstavite.
Toda v tej vadnici bomo iz nič ustvarili predlogo Popup. Kliknite ikono X da zaprete knjižnico predlog.
2. korak: Prilagodite nastavitve pojavnih oken
Preden začnemo ustvarjati predlogo pojavnega okna, moramo narediti nekaj prilagoditev v nastavitvah pojavnega okna. Najdete lahko najboljše nastavitve za vaše spletno mesto. V tej vadnici vam bomo pokazali nastavitve pojavnih oken po vaši izbiri.
V spodnjem levem kotu kliknite ikono zobnika. V nastavitvah pojavnega okna spremenite Širina v 90 % širine pogleda (VW) Et položaj en Sredina-Dno.
3. korak: Oblikujte pojavno okno
Nato oblikujte svojo predlogo Popup. Dodajte nov razdelek in izberite strukturo s 5 stolpci. V razdelku nastavitve nastavite Širina na 950. Lahko se igrate s svojimi nastavitvami.
Na primer, lahko greste na zavihek Style za nastavitev ozadja pojdite na zavihek napredno za prilagajanje marže in še veliko več.
Zdaj pa nazaj k vašim stolpcem. V levem stolpcu nastavite širino na 33%, za ostale štiri pa na 16%.
V levi stolpec bomo dodali gradnik Naslov z nekaj besedila. Dodate lahko besedilo, ki obiskovalce vaše spletne strani vabi k ogledu druge vsebine, ki je relevantna za trenutno vsebino, ali katero koli drugo besedilo po vaši izbiri.
Na desni strani bomo dodali gradnik za slike. Slike lahko dodate iz sličic/predstavljenih slik objav ali jih naložite ročno.
Zdaj je struktura pripravljena. Pojdi nazaj k Nastavitve pojavnega okna za prilagajanje animacij vstopa, izstopa in roba. V tej vadnici smo vnos nastavili na Zbledi navzdol in izhod vklopljen Zbledi. Nato pojdite na zavihek napredno in nastavite rob na 30 (skupna vrednost za povezave).
4. korak: Objavite pojavno okno
Zdaj, ko je dizajn pripravljen, kliknite gumb OBJAVI za nastavitev pogojev prikaza in sprožilcev. Če želite določiti stanje prikaza, kliknite na gumb DODAJTE POGOJ in na spustnem seznamu izberite svojo možnost.
Ker želite prikazati oznako Popup by post, lahko nastavite naslednje pogoje prikaza (glejte animacijo).
Kliknite Naprej. V zavihku sprožilci, nastavite sprožilec na Na pomiku preklop stikala na ja. Določite smer sur Bas in Širina več kot 95 %. Ker želimo, da se pojavno okno prikaže, ko obiskovalci dosežejo konec našega članka.
V tej vadnici ne bomo definirali Napredna pravila. Torej kliknite SHRANI IN ZAPRI. No, zdaj smo končali.
Poglejmo, kako izgleda.
Tukaj ste pravkar končali pojavno okno. Oglejte si tudi naše povezane članke:
- 6 priročnih izrezkov CSS za Elementorjev pripomoček za objave
- Kako ustvariti stran s seznamom z Elementor Loop Builder
- Kako dodati delovni čas na vaše spletno mesto Elementor
- Kako dodati prelom vrstice v besedilo gumba Elementor
- Kako ustvariti in urediti nogo v Elementorju
- Kako dodati slikovno masko v Elementor
- Elementor ali Brizy: kateri je najboljši ustvarjalec strani WordPress?
Sorodni članki
- 22 najboljših premium dodatkov za Elementor
- Elementor in Beaver Builder: podrobna primerjava gradnikov strani
- Elementor Review 2024: Izkušnje z Elementorjem (prednosti, slabosti, lastnosti in več)
- Kako ustvariti interaktivni krog v Elementorju
- Kako narediti spletno mesto Elementor super hitro: popolna vadnica
- Kako preseliti spletno mesto v Elementor Cloud
- 5 najboljših vtičnikov za Instagram za Elementor [Naš najboljši izbor]
- Kako uporabljati napredno harmoniko v Elementorju