Pozdravljeni prijatelji! Predlagam, da se pogovorimo o ustvarjanje modalnih oken v WordPressu. Pojavna (modalna) okna bistveno razširijo zmogljivosti spletnega mesta. Imate sporočilo ali oglas, ki bi ga moral videti vsak obiskovalec spletne strani? Ali morate svojo akcijo narediti vidno? Ali želite narediti pojavni obrazec za registracijo na vaši spletni strani ali obrazec za deljenje vsebin na socialnih omrežjih? Ustvarite modalno okno!

Pop-up modali so zasnovani tako, da pritegnejo pozornost. Ko se pojavijo na strani, blokirajo glavno vsebino in prisilijo uporabnika, da se seznani z njihovo vsebino (besedilo, video, poziv k dejanju itd.).

Pozor! Naj vas dolžina te lekcije ne prestraši - pri ustvarjanju modalnih oken ni težav (preberite in se prepričajte sami), le podrobno opisujem vsak korak.

Algoritem za ustvarjanje modalnih oken v WordPressu

WordPress nima vgrajenih orodij za delo s pojavnimi okni. Oblikovali in prilagodili jih bomo s pomočjo vtičnika Izdelovalec pojavnih oken. Ustvarimo na primer modalno okno z videom, pojavno okno, ko kliknete gumb(lahko ga konfigurirate pozneje samodejno videz).

1. Namestite Vtičnik Popup Maker. Aktiviraj njegov. Naj vas spomnim: naučili smo se namestiti vtičnike.
   
2. Poiščite razdelek v stranskem meniju na levi strani skrbniške plošče Izdelovalec pojavnih oken in pojdite na njegov pododdelek Dodaj pojavno okno.
3. Odpre se urejevalnik modalnega okna. Vnesite ime okna v polje na vrhu strani (ime bo prikazano samo v skrbniški plošči - uporabniki ga ne bodo videli).
4. Izmislite si naslov okna(bo vidno uporabnikom) in ga vnesite v polje nad gumbom Dodajte predstavnostno datoteko.
5. V bloku Pogoji Iz spustnega menija izberite strani (kategorije), na katerih se bo prikazalo okno. Če mora vtičnik delovati na vseh straneh spletnega mesta, izberite Oblika: vse.
6. Dodajte v veliko polje pod orodno vrstico besedilo, slike, video ali zvok– katero koli vsebino, ki bo prikazana v pojavnem oknu. V obravnavanem primeru sem dodal kodo za video iz YouTuba (preučevali smo dodajanje videoposnetkov na spletno mesto WordPress).
   
7. V bloku Sprožilci Obstajajo nastavitve za ročno ali samodejno odpiranje (samoaktivacija) pojavnega okna. V našem primeru sem izbral vrednost Kliknite Odpri.
8. Spodaj navedite velikost pojavnega okna(v slikovnih pikah ali odstotkih). Pri izbiri možnosti Avto Vtičnik bo samodejno spremenil velikost modalnega okna.
9. Označite polje v vrstici Onemogoči ozadje tako da je stran spletnega mesta vidna za pojavnim oknom (priporočam).
10. Nastaviti vrsto in hitrost animacije(ni potrebno: optimalne vrednosti so že privzeto nastavljene).
    
11. Prilagodite položaj okna na zaslonu. Sprva ga vtičnik postavi na sredino zgoraj.
12. Vrednost nepremičnine z-indeks, ki je privzeto nastavljen, običajno ni treba spreminjati.
    
13. Izberite možnosti za zapiranje pojavnega okna. Označite potrditvena polja v vrsticah s "ptice" Za zapiranje kliknite Prekrivanje(okno se zapre, ko kliknete ozadje okoli njega), Pritisnite F4, da zaprete(okno se zapre s tipko F4), Za zapiranje pritisnite ESC(okno se zapre s tipko ESC). Da ne bi motili obiskovalcev spletnega mesta z uganko zapiranja modalnega okna, priporočam, da označite vsa polja.
    
14. Kliknite Objavi.Čestitamo, vaše modalno okno je ustvarjeno!

O prilagajanju zasnove pojavnega okna

Če želite spremeniti zasnovo ustvarjenega modalnega okna, pojdite na pododdelek Tema razdelek Izdelovalec pojavnih oken stranski meni skrbniške plošče (levo).

V urejevalniku, ki se odpre, konfigurirajte želeno ozadje okna, barva in velikosti pisave, oblazinjenje, sence, ime gumba zapiranje. Okus in barva ... saj veste, zato se ne bom spuščal v podrobnosti o prilagajanju zasnove pojavnega okna. Če imate vprašanja, jih postavite v komentarjih.

Kako nastaviti pojavno okno

Se spomnite, da v nastavitvah vtičnika nismo omogočili funkcije samodejnega odpiranja modalnega okna? Zato moramo ugotoviti, kako se bo naše okno odprlo. Nastavimo okno, ki se prikaže, ko kliknete povezavo, sliko ali gumb.

Vtičnik Popup Make dodeli vsakemu oknu dva edinstvena razreda CSS. Če elementu spletne strani dodate katerega od teh razredov, se ob kliku na ta element odpre modalno okno.

Kje in kako povečati komentarje na Instagramu – vse metode. Portal pricesmm.com je ugotovil, kaj je ceneje in bolje: povečati komentarje na Instagramu sami, s programi, prejeti v zameno ali naročiti storitev na storitvi SMM. Prednosti in slabosti vsake metode.

Primeri dodajanja kode CSS modalnega okna na povezavo, sliko in gumb:

< a href = "#" class = >Odprite modalno okno< / a >

Ko kliknete na sliko, se prikaže modalno okno

< img src = "popup-primer.jpg" class = "popmake-obrazets-modalnogo-okna"/ >

Modalno okno se aktivira po kliku na gumb

< button class = "popmake-obrazets-modalnogo-okna"> Odpri modalno okno< / button >

Kliknite na element HTML, potem ko ste mu dodali razred CSS popmake-obrazets-modalnogo-okna. Prikazati bi se moralo modalno okno, podobno temu:

Se je pojavilo? Super! Zdaj lahko konfigurirate pojavna okna. Če se okno ne odpre, opišite težavo v komentarjih - skupaj jo bomo zagnali!

Pozdravljeni, dragi bralci spletnega dnevnika. Ali opazite pojavna okna na nekaterih spletnih mestih? Pojavila so se vprašanja: kako so narejeni in zakaj so sploh potrebni? imam da.

Torej prijatelji, danes vam bom povedal točno o njih. Ampak! Najprej ugotovimo, zakaj jih sploh potrebujemo? Kaj lahko dobite od njih in kakšen bo rezultat? odgovorim.

Učinek takih pojavnih oken je zelo velik. Pravijo, da se včasih zgodi, da se število naročnikov poveča za 4-krat. kul! Ali ni? Uporaba pojavnih oken (popunders) je zelo učinkovit način za privabljanje ogromnega števila obiskovalcev. Običajno se uporabljajo za:

• glasilo;
• PR za plačane tečaje usposabljanja;
• promocija skupin v družbenih omrežjih omrežja;

Moram vas spomniti, da lahko včasih takšni pojavni oglasi škodujejo spletnemu mestu. To je posledica dejstva, da se nekaterim uporabnikom zdi zelo nadležno. Kaj naj rečem, tudi mene zelo jezijo takšne metode vzbujanja pozornosti. Kot odgovor na vse to pride do 100-odstotnega porasta napak na spletnem mestu, kar je škodljivo.

Ampak! Vse te težave je mogoče zaobiti, če je pojavno okno pravilno konfigurirano.

Pa se vrnimo k našemu glavnemu vprašanju.

Pojavna okna na WordPressu

1.WP-MK

Kul vtičnik, na katerega sem naletel po naključju. Enostavna nastavitev, vmesnik v ruskem jeziku in celoten nabor orodij. Popoln je za:

• Oglaševanje (na primer Google Adsense);
• PR vaših skupin na družbenih medijih. omrežja;
• Preprost obrazec za naročnino.

Vtičnik lahko prenesete iz. Nato ga namestimo in aktiviramo na običajen način. Iti v nastavitve na levi? pojavno okno in vidimo naslednje:

Po mojem mnenju je tukaj vse preprosto; ne vidim smisla razstavljati vse posebej. Če imate kakršna koli vprašanja, jih lahko postavite v komentarjih.

2. Ninja pojavna okna.

Če želite, da uporabniki postanejo »vau«, ko obiščejo vaše spletno mesto in vidijo pojavno okno, namestite ta mega kul vtičnik. Ninja Popups je pojavna pošast na . V primerjavi z WP-MK je po funkcionalnosti daleč boljši. Opazil sem, da Ninja Popups uporabljajo mojstri svoje obrti. Zakaj? Vtičnik je plačljiv in si ga ne more privoščiti vsak. Zase lahko rečem, da so njihove cene ugodne, ne zahtevajo veliko. Več o stroških lahko izveste Tukaj.

No, poglejmo, kaj točno dobimo s tem vtičnikom:

• enostavnost nastavitev;
• več kot 100 že pripravljenih predlog za naročnine in druge vrste oglaševanja (tekmovanja, promocije, tečaji usposabljanja itd.);
• statistika;
• mobilna različica pojavnega okna;
• napredna nastavitev časov prikaza;
• In veliko več.

Če želite izvedeti več o vseh prednostih vtičnika, pojdite na to povezava.

Kako prilagoditi vtičnik zase? Predlagam naslednje ... Namesto nadležnega besedila si je bolje ogledati videoposnetek o usposabljanju:

To je vse, prijatelji, kar zadeva nastavitve. Ampak vseeno, če imate kakršna koli vprašanja, jih postavite v komentarjih.

3. Izdelovalec pojavnih oken (modalno okno)

Vtičnik, ki ima funkcijo ustvarjanja modalnega pojavnega okna. V našem primeru se pojavna okna prikažejo ob kliku na:

• povezava;
• gumb;
• slika.

Torej, kako ga nastavite?

1. Prenesi vključiti;

2. Namestite in aktivirajte;

3. Na levi v meniju iščemo: Pupup Maker -> Dodaj novo.

4. Pred nami se bo pojavila podobna stran:

Vas ne spominja na nič? Stran je popolnoma enaka obrazcu za objavo člankov na WordPressu. Kot lahko vidite, je tukaj dodanih nekaj dodatnih funkcij (nastavitev).

Oglejmo si jih podrobneje.

Pojavno okno (ime)- ne bo prikazan nikjer, tukaj damo ime našemu pojavnemu polju v vtičniku.

Tukaj vnesite naslov okna- napišite ime (na primer: prijava na novice).

Pogoji ciljanja- potrdite polje, kjer bo prikazano naše okno.

Nastavitve teme – tukaj še ni možnosti. Izberite privzeto. Prijatelji, v prihodnosti lahko ustvarite lastno predlogo za oblikovanje modalnega okna. Mimogrede, funkcija je zelo kul. Najdete ga lahko: Pupup Maker -> Vse teme.

Koda - kaj bo prikazano v oknu. V našem primeru video iz YouTuba:

Spodaj nas čakajo še druge nastavitve (velikost okna, prosojnost, čas prikaza itd.). Tam ni nič zapletenega. Upam, da ti bo uspelo. Če imate kakršna koli vprašanja, jih lahko vprašate v komentarjih.

Ko so vse nastavitve opravljene, moramo samo še objaviti pojavno okno.

Toda prijatelji niso vse. Pojdite na razdelek Pupup Maker -> Vsa pojavna okna. Iščemo tečaje CSS. Zanima nas takšna koda: popmake-xxx.

To kodo potrebujemo za prikaz okna ob kliku na povezavo, sliko ali gumb (sem rekel na začetku).

Odpiranje okna ob kliku na sliko:

Odpiranje s pritiskom na gumb:

< button class = "popmake-xxx" >Odprto okno

To kodo lahko vstavite kamor koli (na primer v članek ali pripomoček). Brez razlike. Če imate kakršne koli težave ali vprašanja, vprašajte v komentarjih, z veseljem vam bom pomagal.

Na tej veseli noti se seznam pojavnih vtičnikov za WordPress konča. Upam, da boste med temi tremi našli svojega, ki vam bo všeč. Hvala, ker ste bili z mano do konca.

Za posodobitve sodelujte v. Se vidiva kmalu. Adijo vsi!

Lep pozdrav, Mogish Ivan

Ugotovite lahko, da je pojavno okno okno, ki se odpre na računalniškem zaslonu kot rezultat izvajanja neke operacije.

V tem članku si bomo ogledali ustvarjanje pojavnih oken PopUP za WordPress.

Tovrstna pojavna okna lahko uporabljate za različne namene: v to okno lahko vstavite obrazec za naročnino, kakšno informativno sporočilo, sliko, kontaktni obrazec itd.

Kot orodje za ustvarjanje pojavnih oken v tem članku bom obravnaval poseben vtičnik za WordPress, imenovan WordPress PopUp.

Vtičnik WordPress PopUp za ustvarjanje pojavnih oken

Ta vtičnik je na voljo v imeniku vtičnikov neposredno v skrbniškem območju WordPressa, zato je namestitev enostavna.

Poiščite ga v iskalnem obrazcu in kliknite Namestite:

V skrbniškem meniju bo na voljo nov element PopUp:

Ta element vam omogoča, da konfigurirate vtičnik in upravljate njegovo funkcionalnost. Razmislimo o vsem zgoraj navedenem podrobneje.

V pododst PopUps točka PopUp Na voljo so vsa obstoječa pojavna okna in njihovo upravljanje. Ker še ni bilo ustvarjeno nobeno okno, je element prazen:

Popravimo to situacijo in ustvarimo naše prvo pojavno okno, za to gremo na podtočko Dodaj novo in pritisnite istoimenski gumb:

Ustvarjeno je bilo novo okno. Takoj se odločimo, kakšna bo vsebina tega okna, naj bo to na primer naročnina.

Nastavitev ustvarjenega pojavnega okna se lotimo tako, da zapišemo njegovo ime, oziroma določen identifikator, po katerem bomo to okno našli med drugimi, če obstajajo.

Ta identifikator je zapisan v stolpcu Ime pojavnega okna (ni prikazano v pojavnem oknu), in kot ni težko uganiti iz imena tega stolpca, ko je preveden v ruščino, ni prikazan v samem pojavnem oknu:

Ta naslov in podnaslov bosta prikazana na samem vrhu pojavnega okna.

Tik spodaj, na območju imenovanem Glavna vsebina pojavnega okna Postaviti moramo glavno vsebino našega pojavnega okna. Ker sem se odločil, da naročnino postavim v to okno, v to področje v načinu urejevalnika besedila napišem natančno kodo za naročnino:

Tukaj, malo desno, v razdelku Slika pojavne funkcije (neobvezno) V pojavno okno lahko vstavite poljubne slike:

Ne bom vstavil slike.

Malo nižje, v odseku Gumb za poziv k dejanju (neobvezno) V ustvarjeno okno je mogoče dodati gumb s klicem nekega dejanja:

Izdelava takšnega gumba je izjemno preprosta - v stolpec morate napisati ime gumba Oznaka gumba, in v grafu Gumb Povezava postavite povezavo, ki aktivira zahtevano dejanje.

Ostaja še določiti nekatere parametre ustvarjenega PopUp okno. Oglejmo si jih pobližje.

Nastavitev pojavnih možnosti

Pravzaprav vse nastavitve niso na voljo v brezplačni različici vtičnika in ker vsak uporabnik ne želi porabiti svojega denarja za plačljivo različico vtičnika, si bomo najprej ogledali osnovne nastavitve, ki so na voljo v brezplačni različici vtičnika. vključiti.

Začnimo po vrsti z razdelkom Videz:

Dobesedni prevod imena tega predmeta pomeni "videz". Ni težko uganiti, da nastavitve v tem razdelku določajo lastnosti pojavnega okna.

Od vtičnikov, ki so na voljo za brezplačno različico, je tukaj samo potrditveno polje Brez zaobljenih vogalov, kljukica, ki aktivira ravne, namesto zaobljene, kot privzeto, vogale okna po meri, kot tudi možnost ročnega določanja velikosti okna po meri v elementu Uporabite velikost po meri(oznaka v ustreznem potrditvenem polju vam omogoča, da določite širino in višino okna v slikovnih pikah).

Zdaj pa poglejmo razdelek Vedenje, nastavitve v katerih določajo obnašanje pojavnega okna:

Nastavitve, ki so na voljo za brezplačno različico vtičnika, vključujejo naslednje:

• Kdaj prikazati pojavno okno:— čas (v sekundah ali minutah, neobvezno) od trenutka, ko se odpre stran spletnega mesta, do pojavnega pojavnega okna;
• Nastavitve »Nikoli več ne vidi tega sporočila«:— nastavitve, ki obiskovalcu omogočajo, da ob odpiranju strani tega vira klikne poseben gumb, da blokira prikaz pojavnega okna v prihodnosti. Tukaj je na voljo samo potrditveno polje Dodajte povezavo »Nikoli več ne vidi tega sporočila«., kljukica, v kateri se aktivira videz povezave s sidrom Nikoli več ne vidi tega sporočila, s klikom na katerega blokira nadaljnji prikaz pojavnega okna temu uporabniku na straneh tega vira.

Pojdimo na razdelek z nastavitvami Prikazovanje pogojev (neobvezno) odgovoren za pogoje za prikaz pojavnega okna po meri:

Tu je veliko točk, poglejmo jih po vrstnem redu:

• Obiskovalec je prijavljen— prikazovanje pojavnega okna uporabnikom, ki so bili overjeni na spletnem mestu (odvisno od razpoložljivosti takšne možnosti);
• Obiskovalec ni prijavljen— prikazovanje pojavnega okna uporabnikom, ki niso overjeni na spletnem mestu;
• PopUp je prikazan manj kot— prikazovanje pojavnega okna, dokler ga uporabnik ne vidi določeno število krat (nastavljeno v stolpcu Pogosto prikaži pojavno okno:);
• Samo na mobilnih napravah— prikazovanje pojavnega okna samo za obiskovalce z mobilnih naprav;
• Ne na mobilnih napravah— prikazovanje pojavnega okna samo za obiskovalce iz računalnika ali prenosnika (ne iz mobilnih naprav);
• Od določenega napotitelja— prikaže pojavno okno, če je uporabnik prišel s posebnim napotitelj
• Ne od določenega napotitelja— skrivanje pojavnega okna, če je uporabnik prišel s posebnim napotitelj(tukaj se nastavijo napotitelji);
• Ne z notranje povezave— pojavno okno ne bo prikazano, če je uporabnik prišel prek notranje povezave z druge strani istega vira;
• Iz iskalnika— prikazovanje pojavnega okna za obiskovalce, ki so na stran prišli iz iskalnikov;
• Na določenem URL-ju— prikaz pojavnega okna za obiskovalce, ki se nahajajo na določenem URL Celotni URL-ji;
• Ne na določenem URL-ju— prikazati pojavno okno za obiskovalce, z izjemo tistih na določenih URL, katerih seznam je naveden tukaj v stolpcu Celotni URL-ji;
• Obiskovalec je že komentiral— prikazovanje pojavnega okna uporabnikom, ki so pustili komentarje na spletnem mestu. To stanje je mogoče kombinirati s stanjem Obiskovalec je prijavljen oz Obiskovalec ni prijavljen;
• Obiskovalec ni nikoli komentiral— prikazovanje pojavnega okna uporabnikom, ki na spletnem mestu niso pustili komentarjev. To stanje je mogoče kombinirati s stanjem Obiskovalec je prijavljen oz Obiskovalec ni prijavljen.

Pregledali smo vse nastavitve, ki so na voljo za brezplačno različico vtičnika, zdaj pa na kratko preglejmo nastavitve, ki so na voljo samo za plačljivo različico vtičnika. WordPress PopUp:

To so bonusi, ki prihajajo s plačljivo različico zadevnega vtičnika, ki je mimogrede na voljo za 19 USD.

Ko opravite vse potrebne korake za ustvarjanje in konfiguracijo pojavnega okna, morate rezultat shraniti (gumb Shrani) in si oglejte, kaj se je zgodilo s predogledom (gumb Predogled pojavnega okna):

Če vam rezultat ustreza, lahko aktivirate pojavno okno (drsnik Stanje premakniti na položaj Aktiv).

Na koncu sem po vseh zgornjih korakih dobil naslednji rezultat:

Izkazalo se je, da gre za precej obsežen pregled vtičnika. WordPress PopUp, ki omogoča ustvarjanje pojavnih oken za internetne vire z uporabo mehanizma WordPress.

Ko preberete članek, lahko preprosto uporabite funkcionalnost vtičnika v svojo korist na svojem spletnem mestu.

Pred kratkim so me za eno spletno mesto prosili, naj ustvarim obrazec za povratne informacije za WordPress v modalnem oknu. To pomeni, da bi moral uporabnik ob kliku na povezavo »pišite nam« namesto na ustrezno stran odpreti novo pojavno okno, kjer se nahaja funkcija pošiljanja sporočila. To je bolj interaktivna rešitev, čeprav ni vsem všeč. Osebno imam raje klasično izvedbo s kontaktno stranjo, vendar so obrazci na spletnih mestih drugačni - zato bo koristno razmisliti o rešitvi tega problema. Pri svojem delu sem uporabil 2 vtičnika: znani Contact Form 7 in modul Easy Modal za ustvarjanje modalnega okna v WordPressu.

Posodobitev 18. 5. 2017: Sodeč po zadnjih pregledih v skladišču lahko v nekaterih primerih pride do težav z njegovim delovanjem. Če to vpliva tudi na vas, preizkusite novo rešitev razvijalcev, imenovano Popup Maker. Lahko se razmisli o drugi alternativi.

Ne bom se spuščal v podrobnosti o namestitvi in ​​konfiguraciji kontaktnega obrazca 7. Informacije o tem so tukaj. Na blogu je bil tudi članek o tem, kaj bi lahko bilo koristno.

Preidimo naravnost k modulu Easy Modal. Našli ga boste. Razvijalci trdijo, da je to najboljša rešitev za ustvarjanje modalnih oken na spletnem mestu z različnimi zanimivimi možnostmi za predstavitev vsebine.

Več kot 10 tisoč prenosov, ocena 4,6. Veljavne različice 3.4 so 4.0.8, čeprav sem jo uspešno zagnal na WP 4.3.1. Kljub dejstvu, da je vtičnik zdaj preoblikovan v novo rešitev Popup Maker, lahko na spletnem mestu wordpress.org in pri iskanju vtičnikov znotraj skrbniške plošče še vedno najdete običajno različico Easy Modal 2.0.17. Na njegovem primeru vam bom povedal o ustvarjanju modalnega okna za povratne informacije v WordPressu.

Po namestitvi se prikaže razdelek z istim imenom, kjer je več elementov. Potrebovali bomo prvega izmed njih - Modali. Tam kliknite gumb Dodaj novo.

To dejanje bo ustvarilo novo modalno okno za vaše spletno mesto WordPress. Nastavitve elementa bodo imele 4 zavihke:

• Splošno—splošni parametri.
• Display Options - možnosti prikaza.
• Close Options - nastavitve za zapiranje okna (s klikom ali tipko Esc).
• Primeri - primeri kode za uporabo.

Splošne nastavitve vsebujejo ime okna (ni prikazano na spletnem mestu), njegov naslov, vsebino in vrsto prenosa. V bloku vsebine, preklopite v način HTML, dodajte kratko kodo obrazca za povratne informacije v modalno okno.

Vrsta obremenitve ima 2 možnosti:

• Naloži celotno spletno mesto (za celotno spletno mesto).
• Na stran/objavo (za določene objave in strani).

Zelo zanimiva možnost. Če potrebujete pojavno okno, ki bo prikazano na vseh straneh spletnega mesta (povezava je na primer v stranski vrstici), izberite prvo možnost. V drugem primeru se bo pri urejanju na straneh/objavah spletnega mesta pojavil ustrezen blok nastavitev:

Za določeno stran lahko aktivirate in izberete lastno pojavno okno. Če polja ne označite, element ne bo naložen na spletno mesto.

Drugi zavihek parametrov modula je Možnosti zaslona.

Tukaj navedete:

• velikost okna - samodejno, srednje, prilagodljivo, majhno, veliko itd.;
• ozadje - za obrazec lahko uporabite ozadje ali ga prikažete brez njega;
• animacija pojavnega okna;
• položaj (lokacija) - zgoraj na sredini, spodaj desno itd.; fiksno ali ne;
• vdolbino na vrhu zaslona.

Primere prikaza izhoda modalnega okna v WordPressu z uporabo vtičnika Easy Modal lahko najdete v zadnjem zavihku.

To kodo morate vstaviti prek pripomočka v stranski vrstici ali v urejevalniku besedila. Ne razlikuje se od katere koli druge kode HTML, edino, da je tukaj naveden razred določenega modalnega okna (eModal-1). Za drugi element, ki ste ga ustvarili, bo razred eModal-2 itd. Da se izognete napaki pri vnosu kode, jo najlažje kopirate s te strani.

Urejanje teme modalnega okna

V vtičniku Easy Modal lahko poleg nastavitev za določen element določite teme za pojavna okna (Tema). Osnovna brezplačna različica modula ima samo eno predlogo, vendar je to več kot dovolj.

To orodje ima 6 zavihkov:

• Splošno - navedite ime teme;
• Overlay — ozadje (tukaj lahko izberete barvo in prosojnost ozadja obrazca);
• Vsebnik - različne nastavitve samega modalnega okna (padding, frame, shadow);
• Naslov—parametri naslova pojavnega okna (pisava, senca);
• Vsebina — pisava in barva besedil v bloku;
• Zapri - zaključni element obrazca (besedilo in oblikovanje).

Kot lahko vidite, lahko videz prilagodite svojim potrebam. Končal sem s tem preprostim WordPress obrazcem v modalnem oknu:

Ko nastavite vse nastavitve, jih ne pozabite shraniti (kliknite gumb Shrani).

Videoposnetek dodajanja kontaktnega obrazca 7 v pojavno okno Easy Modal

Mimogrede, našel sem video o delu z vtičnikom Easy Modal, ki prikazuje postopek ustvarjanja modalnega okna s povratnimi informacijami v WordPressu. Tam je vmesnik modula nekoliko zastarel (nekatere nastavitve so videti drugače), vendar lahko dobite splošno bistvo. Morda bo komu to vprašanje lažje razumeti s pomočjo videa.

Skupaj o modalnih oknih za WordPress

Kot je navedeno zgoraj, je zdaj vtičnik Easy Modal (sodeč po uradni strani) pretvorjen v Popup Maker. V repozitoriju mi ​​je uspelo najti istoimenski modul, vendar ga nisem preizkusil. O tem vam govorim, da boste vedeli, na kaj morate biti pozorni, če Easy Modal v WordPressu v naslednjih različicah nenadoma preneha delovati.

Obe rešitvi sta brezplačni, čeprav imata plačljive dodatke. Omogočajo prilagajanje ciljanja, dodajanje več tem oblikovanja, vsebujejo analitiko in nekatere druge funkcije. Če potrebujete naprednejši mehanizem modalnih oken, si lahko podrobneje ogledate te razširitve.

Kar zadeva nalogo odpiranja obrazca za povratne informacije Contact Form 7 v pojavnem oknu, zadostujejo osnovne zmogljivosti Easy Modala. Poleg tega je to rešitev mogoče uporabiti tudi za prikaz drugih modalnih oken v WordPressu – uporabni nasveti, dodatne informacije itd. Glede na prisotnost urejevalnika za vstavljanje kode HTML lahko v pojavnem oknu prikažete videoposnetke, obrazce itd. Na splošno uporaben vtičnik. Če imate kakršna koli vprašanja o tem, pišite v komentarjih.

Pozdravljeni vsi skupaj!

Pojavni vtičnik WordPress – večplastna pojavna okna

Torej, kaj dobite, ko ga prenesete s povezave na koncu objave in namestite na svoj spletni dnevnik ali spletno mesto WordPress?

Imeli boste priložnost:

ustvarite pojavno okno;

uporabite prednastavljeno pojavno predlogo;

ustvarite lastno pojavno okno.

Odkrito povedano, porabil sem približno en teden za prevajanje tega pojavnega vtičnika in se trudil, da bi bil dober. Upam, da ga boste uživali.

Nastavitve pojavnega vtičnika

V glavnih nastavitvah je vse v ruščini, kot je navedeno zgoraj. Za vas ne bo nič zapletenega. Izberete parametre, jih preizkusite in izberete najboljšo možnost.

Ko ustvarite novo pojavno okno, boste imeli dostop do številnih funkcij, s katerimi lahko naredite potrebne nastavitve v svojem pojavnem oknu WordPress, s čimer vam nihče ne preprečuje, da bi bili ustvarjalni.

Če vidite besedilo, kot je: "vnesite svoje sporočilo.." - ne skrbite, lahko ga zamenjate s katerim koli drugim besedilom in v katerem koli jeziku želite.

Pojavni vtičnik zavihka za pošiljanje po pošti

Tukaj je za vas že poskrbljeno, lahko pa vnesete svoje besedilo, kot želite.

Pojavni vtičnik za integracije razdelkov WordPress

Zame osebno to ni posebej zanimivo, morda pa nekdo uporablja storitve tretjih oseb za pošiljanje e-pošte.

Pojavna okna – A/B akcije

Tukaj lahko ustvarite podjetja in spremljate, katero pojavno okno je najučinkovitejše.

Če opazite, da so nekateri obrazci blokirani, ne skrbite, saj jih lahko preprosto odblokirate, vendar v drugem razdelku.

Takoj bom rekel, da tega razdelka nisem posebej testiral.

Če kliknete gumb »ustvari«, se prikažejo dodatne nastavitve, ki jih lahko prilagodite svojim potrebam.

Tudi revije nisem testiral, zato jo bom samo omenil in nič več..

Vtičnik Popup WordPress – layered Popups ima funkcijo, ki omogoča prenos in namestitev dodatnih pojavnih oken, vendar je težava v tem, da je brez nakupne kode neuporaben..

Obstaja tudi razdelek z dodatki, vendar na žalost tudi stanejo.

Vsekakor bi najprej pogledal razdelek z nastavitvami. Odkrito povedano, za nastavitev vseh potrebnih parametrov.

Obstaja tudi razdelek s pogostimi vprašanji - »Pogosto zastavljena vprašanja«, vendar nima nobene zveze z vtičnikom in uporabnika preusmeri na stran z odgovori v angleščini, zato ga ne bo mogoče prevesti.

Zdaj bi rad dal nekaj primerov, kakšna pojavna okna WordPress lahko naredite, tudi z uporabo primerov pojavnih oken, vgrajenih v vtičnik: