logotip bloggerselite

Kako ustvariti in prikazati pojavno okno z oznako objave v WordPressu

prikaže pojavno okno z oznako objave

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.

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.

prikaže eno pojavno okno na oznako

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.
prednastavitve za jetpopup

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.
bitpoppf

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.

dodajte

Nato dodajte ime svojega pojavnega okna in kliknite gumb USTVARITE MODEL.

ustvari temm.jpg

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.

znebiti se

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.

prikaže eno pojavno okno na oznako

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č.

nov sektpop

Zdaj pa nazaj k vašim stolpcem. V levem stolpcu nastavite širino na 33%, za ostale štiri pa na 16%.

kolom popup

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.

fant pop

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).

rob in pojavno okno animacije

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).

pojavno okno objavihh

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.

prikaže eno pojavno okno na oznako

V tej vadnici ne bomo definirali Napredna pravila. Torej kliknite SHRANI IN ZAPRI. No, zdaj smo končali.

Poglejmo, kako izgleda.

prikaže eno pojavno okno na oznako

Tukaj ste pravkar končali pojavno okno. Oglejte si tudi naše povezane članke:

Delite ta članek z drugimi:
Novice
Prejmite brezplačne nasvete in vire naravnost v svoj nabiralnik.
Zadnji članki
☰ Hitra navigacija
0
Vesel bi bil vaših misli, komentirajte.x

BloggersElite

Dobiti brezplačno

Naše vadnice 

15987

Naročite se na naše

Novice

Prejmite najnovejše nasvete v svoj nabiralnik

15585