Sveiki draugi! Iesaku parunāt par modālo logu izveide programmā WordPress. Uznirstošie (modālie) logi ievērojami paplašina vietnes iespējas. Vai jums ir ziņa vai reklāma, kas būtu jāredz katram vietnes apmeklētājam? Vai jūsu kampaņa ir jāpadara redzama? Vai vēlaties izveidot uznirstošu reģistrācijas veidlapu savā vietnē vai veidlapu satura kopīgošanai sociālajos tīklos? Izveido modālo logu!

Uznirstošie modāļi ir paredzēti, lai piesaistītu uzmanību. Parādoties lapā, tie bloķē galveno saturu un liek lietotājam iepazīties ar to saturu (tekstu, video, aicinājumu uz darbību utt.).

Uzmanību! Nebaidieties no šīs nodarbības garuma – modālo logu izveidošana nesagādā grūtības (lasiet un pārliecinieties paši), es tikai sīki aprakstu katru soli.

Algoritms modālo logu izveidei programmā WordPress

WordPress nav iebūvētu rīku darbam ar uznirstošajiem logiem. Mēs tos izstrādāsim un pielāgosim, izmantojot spraudni Uznirstošo logu veidotājs. Piemēram, izveidosim modālu logu ar video, uznirstošais logs, noklikšķinot uz pogas(varat to konfigurēt vēlāk automātiski izskats).

1. Uzstādīt Uznirstošo logu veidotāja spraudnis. Aktivizēt viņa. Atgādināšu: mēs uzzinājām, kā instalēt spraudņus.
   
2. Administratora paneļa kreisajā pusē esošajā sānu izvēlnē atrodiet sadaļu Uznirstošo logu veidotājs un dodieties uz tās apakšsadaļu Pievienot uznirstošo logu.
3. Tiek atvērts modālā loga redaktors. Lapas augšpusē esošajā laukā ievadiet loga nosaukumu (nosaukums tiks parādīts tikai admin panelī - lietotāji to neredzēs).
4. Izgudrot loga virsraksts(būs redzams lietotājiem) un ievadiet to laukā virs pogas Pievienojiet multivides failu.
5. Blokā Nosacījumi Nolaižamajā izvēlnē atlasiet lapas (kategorijas), kurās tiks parādīts logs. Ja spraudnim vajadzētu darboties visās vietnes lapās, atlasiet Formāts: viss.
6. Pievienojiet lielajam laukam zem rīkjoslas tekstu, attēlus, video vai audio– jebkurš saturs, kas tiks parādīts uznirstošajā logā. Apskatāmajā piemērā es pievienoju kodu videoklipam no YouTube (mēs pētījām videoklipu pievienošanu WordPress vietnei).
   
7. Blokā Trigeri Ir iestatījumi manuālai vai automātiskai uznirstošā loga atvēršanai (pašaktivizācijai). Mūsu piemērā es izvēlējos vērtību Noklikšķiniet uz Atvērt.
8. Lūdzu, norādiet zemāk uznirstošā loga izmērs(pikseļos vai procentos). Izvēloties opciju Auto Spraudnis automātiski mainīs modālā loga izmērus.
9. Atzīmējiet izvēles rūtiņu rindā Atspējot fonu lai vietnes lapa būtu redzama aiz uznirstošā loga (iesaku).
10. Uzstādīt animācijas veids un ātrums(nav nepieciešams: optimālās vērtības jau ir iestatītas pēc noklusējuma).
    
11. Pielāgojiet loga pozīciju ekrānā. Sākotnēji spraudnis novieto to augšējā centrā.
12. Īpašuma vērtība z-indekss, iestatīts pēc noklusējuma, parasti nav jāmaina.
    
13. Atlasiet opcijas, lai aizvērtu uznirstošo logu. Atzīmējiet izvēles rūtiņas rindās ar "putniem" Noklikšķiniet uz Pārklājums, lai aizvērtu(logs tiks aizvērts, kad noklikšķināsit uz fona ap to), Nospiediet F4, lai aizvērtu(logs tiks aizvērts ar atslēgu F4), Nospiediet ESC, lai aizvērtu(logs tiks aizvērts ar atslēgu ESC). Lai vietnes apmeklētājus nekaitinātu ar modālā loga aizvēršanas mīklu, iesaku atzīmēt visas rūtiņas.
    
14. Klikšķis Publicēt. Apsveicam, jūsu modālais logs ir izveidots!

Par uznirstošā loga dizaina pielāgošanu

Lai mainītu izveidotā modālā loga dizainu, dodieties uz apakšsadaļu Tēma sadaļā Uznirstošo logu veidotājs administrēšanas paneļa sānu izvēlne (pa kreisi).

Atvērtajā redaktorā konfigurējiet vēlamais loga fons, krāsa Un fontu izmēri, polsterējums, ēnas, pogas nosaukums slēgšana. Garša un krāsa… jūs zināt, tāpēc es nestāstīšu par uznirstošā loga dizaina pielāgošanu. Ja jums ir jautājumi, uzdodiet tos komentāros.

Kā iestatīt uznirstošo logu

Atcerieties, ka spraudņa iestatījumos mēs neiespējojām modālā loga automātiskas atvēršanas funkciju? Tāpēc mums ir jāizdomā, kā tiks atvērts mūsu logs. Iestatīsim logu, kas tiks parādīts, noklikšķinot uz saites, attēla vai pogas.

Spraudnis Popup Make piešķir katram logam divas unikālas CSS klases. Ja tīmekļa lapas elementam pievienojat kādu no šīm klasēm, tad, noklikšķinot uz šī elementa, tiks atvērts modālais logs.

Kur un kā palielināt Instagram komentārus - visas metodes. Portāls Pricemm.com noskaidroja, kas ir lētāk un labāk: pašam palielināt komentārus Instagram, ar programmām, saņemt apmaiņā vai pasūtīt pakalpojumu SMM pakalpojumā. Katras metodes plusi un mīnusi.

Piemēri modālā loga CSS koda pievienošanai saitei, attēlam un pogai:

< a href = "#" class = >Atveriet modālo logu< / a >

Noklikšķinot uz attēla, parādīsies modālais logs

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

Modālais logs tiek aktivizēts pēc pogas nospiešanas

< button class = "popmake-obrazets-modalnogo-okna"> Atvērt modālo logu< / button >

Pēc CSS klases pievienošanas noklikšķiniet uz HTML elementa popmake-obrazets-modalnogo-okna. Jāparādās šim līdzīgam modālajam logam:

Vai tas ir parādījies? Lieliski! Tagad varat konfigurēt uznirstošos logus. Ja logs neatveras, komentāros apraksti problēmu - palaidīsim kopā!

Sveiki, dārgie emuāra vietnes lasītāji. Vai dažās vietnēs pamanāt uznirstošos logus? Radās jautājumi: kā tie tiek izgatavoti un kāpēc tie vispār ir vajadzīgi? Man ir jā.

Tātad, draugi, šodien es jums pastāstīšu tieši par viņiem. Bet! Vispirms noskaidrosim, kāpēc mums tie vispār ir vajadzīgi? Ko no tiem var iegūt un kāds būs rezultāts? ES atbildu.

Izmantojot šādus uznirstošos logus, ietekmes efekts ir ļoti liels. Viņi saka, ka dažreiz notiek tā, ka abonentu skaits palielinās 4 reizes. Forši! Vai ne? Uznirstošo logu (popunders) izmantošana ir ļoti efektīvs veids, kā piesaistīt milzīgu apmeklētāju skaitu. Parasti tos izmanto:

• informatīvais izdevums;
• PR par maksas apmācību kursiem;
• grupu popularizēšana sociālajos tīklos tīkli;

Man jāatgādina, ka dažreiz šādas uznirstošās reklāmas var kaitēt vietnei. Tas ir saistīts ar faktu, ka dažiem lietotājiem tas šķiet ļoti kaitinoši. Ko lai saka, es arī esmu ļoti dusmīga par šādām uzmanības piesaistīšanas metodēm. Reaģējot uz to visu, vietnē ir 100% kļūdu pieaugums, kas ir kaitīgs.

Bet! Visas šīs problēmas var apiet, ja uznirstošais logs ir pareizi konfigurēts.

Tātad atgriezīsimies pie mūsu galvenā jautājuma.

Uznirstošie logi pakalpojumā WordPress

1.WP-MK

Foršs spraudnis, uz kuru uzgāju nejauši. Viegli uzstādāms, krievu valodas interfeiss un viss rīku komplekts. Tas ir lieliski piemērots:

• Reklāma (piemēram, Google Adsense);
• Jūsu grupu PR sociālajos medijos. tīkli;
• Vienkārša abonēšanas forma.

Jūs varat lejupielādēt spraudni no . Pēc tam mēs to instalējam un aktivizējam parastajā veidā. Vai doties uz iestatījumiem kreisajā pusē? uznirstošais logs un mēs redzam sekojošo:

Manuprāt, šeit viss ir vienkārši, es neredzu jēgu visu izjaukt atsevišķi. Ja jums ir kādi jautājumi, varat tos uzdot komentāros.

2. Nindzju uznirstošie logi.

Ja vēlaties, lai lietotāji, apmeklējot jūsu vietni un redzētu uznirstošo logu, teiktu “Wow”, instalējiet šo lielisko spraudni. Ninja Popups ir uznirstošais monstrs vietnē . Salīdzinot ar WP-MK, tas ir daudz pārāks funkcionalitātes ziņā. Es pamanīju, ka Ninja Popups izmanto sava amata meistari. Kāpēc? Spraudnis ir maksas, un ne visi to var atļauties. No sevis varu teikt, ka cenas viņiem ir saprātīgas, neko daudz neprasa. Jūs varat uzzināt vairāk par izmaksām Šeit.

Nu, noskaidrosim, ko tieši mēs iegūstam no šī spraudņa:

• iestatījumu vienkāršība;
• vairāk nekā 100 gatavu veidņu abonementiem un cita veida reklāmai (konkursiem, akcijām, apmācību kursiem utt.);
• statistika;
• uznirstošā loga mobilā versija;
• uzlabots displeja laiku iestatījums;
• Un daudz vairāk.

Ja vēlaties uzzināt par visām spraudņa priekšrocībām, dodieties uz šis saite.

Kā pielāgot spraudni sev? Iesaku sekojošo... Kaitinoša teksta vietā labāk noskatīties mācību video:

Tas arī viss, draugi, ciktāl tas attiecas uz iestatījumiem. Bet tomēr, ja jums ir kādi jautājumi, uzdodiet tos komentāros.

3. Uznirstošo logu veidotājs (modālais logs)

Spraudnis, kura funkcija ir izveidot modālu uznirstošo logu. Mūsu gadījumā uznirstošie logi tiks parādīti, noklikšķinot uz:

• saite;
• poga;
• bilde.

Tātad, kā jūs to iestatāt?

1. Lejupielādēt iespraust;

2. Instalējiet un aktivizējiet;

3. Kreisajā pusē esošajā izvēlnē mēs meklējam: Pupup Maker -> Pievienot jaunu.

4. Mūsu priekšā parādīsies šāda lapa:

Tev neko neatgādina? Lapa ir tieši tāda pati kā veidlapa rakstu publicēšanai pakalpojumā WordPress. Kā redzat, šeit ir pievienotas dažas papildu funkcijas (iestatījumi).

Apskatīsim tos sīkāk.

Uznirstošais logs (nosaukums)- nekur netiks parādīts, šeit mēs piešķiram nosaukumu savam spraudņa popunder.

Šeit ievadiet loga nosaukumu- ierakstiet vārdu (piemēram, ziņu abonēšana).

Mērķauditorijas atlases nosacījumi- atzīmējiet izvēles rūtiņu, kurā tiks parādīts mūsu logs.

Motīvu iestatījumi — šeit vēl nav iespēju. Atlasiet pēc noklusējuma. Draugi, nākotnē jūs varat izveidot savu veidni modāla loga noformēšanai. Starp citu, funkcija ir ļoti forša. Jūs to varat atrast: Pupup Maker —> Visi motīvi.

Kods - kas tiks parādīts logā. Mūsu gadījumā video no YouTube:

Zemāk mūs gaida citi iestatījumi (loga izmērs, caurspīdīgums, displeja laiks utt.). Tur nav nekā sarežģīta. Ceru, ka tiksi galā. Ja jums ir kādi jautājumi, droši uzdodiet tos komentāros.

Kad visi iestatījumi ir veikti, mums atliek tikai publicēt uznirstošo logu.

Bet draugi vēl nav viss. Dodieties uz sadaļu Pupup Maker -> Visi uznirstošie logi. Mēs meklējam CSS klases. Mūs interesē šāds kods: popmake-xxx.

Šis kods mums ir nepieciešams, lai parādītu logu, noklikšķinot uz saites, attēla vai pogas (es teicu sākumā).

Loga atvēršana, noklikšķinot uz attēla:

Atvēršana, nospiežot pogu:

< button class = "popmake-xxx" >Atvērt logu

Šo kodu var ievietot jebkur (piemēram, rakstā vai logrīkā). Nav atšķirības. Ja jums ir kādas problēmas vai jautājumi, jautājiet komentāros, es ar prieku palīdzēšu.

Ar šo jautro piezīmi WordPress uznirstošo spraudņu saraksts beidzas. Es ceru, ka no šiem trim jūs atradīsit savu, kas jums patīk. Paldies, ka bijāt ar mani līdz galam.

Lai saņemtu atjauninājumus, piedalieties . Uz drīzu redzēšanos. Čau visiem!

Ar cieņu, Mogišs Ivans

Varat uzzināt, ka uznirstošais logs ir logs, kas tiek atvērts datora ekrānā kādas darbības rezultātā.

Šajā rakstā mēs aplūkosim PopUP uznirstošo logu izveidi WordPress.

Šāda veida uznirstošos logus var izmantot dažādiem mērķiem: šajā logā var ievietot abonēšanas veidlapu, kādu informatīvu ziņojumu, attēlu, kontaktformu utt.

Kā rīku uznirstošo logu izveidei šajā rakstā es apsvēršu īpašu WordPress spraudni, ko sauc WordPress uznirstošais logs.

WordPress PopUp spraudnis uznirstošo logu izveidei

Šis spraudnis ir pieejams spraudņu direktorijā tieši WordPress administratora apgabalā, tāpēc tā instalēšana ir vienkārša.

Atrodiet to, izmantojot meklēšanas formu, un noklikšķiniet uz Uzstādīt:

Administratora izvēlnē būs pieejams jauns vienums Uznirstošais logs:

Šis vienums ļauj konfigurēt spraudni un pārvaldīt tā funkcionalitāti. Apskatīsim visu iepriekš minēto sīkāk.

apakšpunktā Uznirstošie logi punktu Uznirstošais logs Ir pieejami visi esošie uznirstošie logi un to pārvaldība. Tā kā logs vēl nav izveidots, vienums ir tukšs:

Izlabosim šo situāciju un izveidosim savu pirmo uznirstošo logu, šim nolūkam mēs pārejam uz apakšvienību Pievieno jaunu un nospiediet tāda paša nosaukuma pogu:

Ir izveidots jauns logs. Uzreiz izlemsim, kāds būs šī loga saturs, lai tā ir, piemēram, abonēšanas forma.

Sāksim izveidot izveidoto uznirstošo logu, pierakstot tā nosaukumu, vai drīzāk noteiktu identifikatoru, pēc kura mēs atradīsim šo logu starp citiem, ja tādi ir.

Šis identifikators ir ierakstīts kolonnā Uznirstošā loga nosaukums (nav parādīts uznirstošajā logā), un, kā nav grūti uzminēt pēc šīs kolonnas nosaukuma, tulkojot krievu valodā, tas netiek parādīts pašā uznirstošajā logā:

Šie virsraksti un apakšvirsraksti tiks parādīti uznirstošā loga augšdaļā.

Tieši zemāk, apgabalā, ko sauc Galvenais uznirstošais saturs Mums ir jāievieto mūsu uznirstošā loga galvenais saturs. Tā kā es nolēmu šajā logā ievietot abonēšanas veidlapu, šajā apgabalā teksta redaktora režīmā es uzrakstu tieši abonēšanas formas kodu:

Šeit, nedaudz pa labi, sadaļā Uznirstošā loga funkcijas attēls (neobligāti) Uznirstošajā logā varat ievietot jebkuru attēlu:

Es neielikšu attēlu.

Nedaudz zemāk, sadaļā Aicinājuma uz darbību poga (neobligāti) Izveidotajam logam ir iespējams pievienot pogu ar aicinājumu uz kādu darbību:

Šādas pogas izgatavošana ir ārkārtīgi vienkārša - kolonnā jāieraksta pogas nosaukums Pogas etiķete, un grafikā Pogas saite ievieto saiti, kas aktivizē nepieciešamo darbību.

Atliek noteikt dažus izveidotā parametrus Uznirstošais logs logs. Apskatīsim tos tuvāk.

Uznirstošo logu opciju iestatīšana

Patiesībā ne visi iestatījumi ir pieejami spraudņa bezmaksas versijā, un, tā kā ne katrs lietotājs vēlas tērēt savu naudu par spraudņa maksas versiju, mēs vispirms apskatīsim pamata iestatījumus, kas pieejami spraudņa bezmaksas versijā. iespraust.

Sāksim secībā ar sadaļu Izskats:

Šī vienuma nosaukuma burtiskais tulkojums nozīmē "izskats". Nav grūti uzminēt, ka šīs sadaļas iestatījumi nosaka uznirstošā loga īpašības.

No bezmaksas versijai pieejamajiem spraudņiem šeit ir tikai izvēles rūtiņa Nav noapaļotu stūru, atzīme, kurā pēc noklusējuma tiek aktivizēti taisni, nevis noapaļoti pielāgotā loga stūri, kā arī iespēja manuāli noteikt pielāgotā loga izmēru vienumā. Izmantojiet pielāgotu izmēru(atzīmējot atbilstošo izvēles rūtiņu, varat norādīt loga platumu un augstumu pikseļos).

Tagad apskatīsim sadaļu Uzvedība, iestatījumi, kas nosaka uznirstošā loga darbību:

Spraudņa bezmaksas versijai pieejamie iestatījumi ir šādi:

• Kad parādīt uznirstošo logu:— laiks (sekundēs vai minūtēs, pēc izvēles) no vietnes lapas atvēršanas brīža līdz uznirstošajam logam;
• Iestatījumi “Nekad vairs neredzēt šo ziņojumu”— iestatījumi, kas ļauj apmeklētājam noklikšķināt uz īpašas pogas, lai bloķētu uznirstošā loga rādīšanu nākotnē, atverot šī resursa lapas. Šeit ir pieejama tikai izvēles rūtiņa Pievienojiet saiti “Nekad vairs neredzēt šo ziņojumu”., atzīme, kurā tiek aktivizēta saite ar enkuru Nekad vairs neredzēsiet šo ziņojumu, noklikšķinot uz kura tiek bloķēta tālāka uznirstošā loga parādīšana šim lietotājam šī resursa lapās.

Pārejam uz iestatījumu sadaļu Parādīšanas nosacījumi (pēc izvēles) atbildīgs par pielāgota uznirstošā loga parādīšanas nosacījumiem:

Šeit ir ievērojams skaits punktu, apskatīsim tos secībā:

• Apmeklētājs ir pieteicies— uznirstošā loga parādīšana lietotājiem, kuri ir autentificēti vietnē (atkarībā no šādas iespējas pieejamības);
• Apmeklētājs nav pieteicies— uznirstošā loga parādīšana lietotājiem, kuri nav autentificēti vietnē;
• Uznirstošais logs ir parādīts mazāk nekā— parādīt uznirstošo logu, līdz lietotājs to redz noteiktu skaitu reižu (iestatīts kolonnā Bieži parādiet uznirstošo logu:);
• Tikai mobilajās ierīcēs— uznirstošā loga parādīšana tikai apmeklētājiem no mobilajām ierīcēm;
• Ne mobilajās ierīcēs— parādīt uznirstošo logu tikai apmeklētājiem no datora vai klēpjdatora (nevis no mobilajām ierīcēm);
• No konkrēta novirzītāja— parādīt uznirstošo logu, ja lietotājs nāca, izmantojot īpašu novirzītājs
• Ne no konkrēta novirzītāja— uznirstošā loga slēpšana, ja lietotājs ieradās, izmantojot īpašu novirzītājs(šeit ir iestatīti novirzītāji);
• Ne no iekšējās saites— uznirstošais logs netiks parādīts, ja lietotājs ir ienācis, izmantojot iekšējo saiti no citas tā paša resursa lapas;
• No meklētājprogrammas— uznirstoša loga parādīšana apmeklētājiem, kuri vietni apmeklējuši no meklētājprogrammām;
• Uz konkrētu URL— parādīt uznirstošo logu apmeklētājiem, kas atrodas noteiktās vietās URL Pilni URL;
• Ne uz konkrētu URL— parādīt apmeklētājiem uznirstošo logu, izņemot dažus URL, kuru saraksts ir norādīts šeit ailē Pilni URL;
• Apmeklētājs ir komentējis iepriekš— uznirstošā loga parādīšana lietotājiem, kuri vietnē atstājuši komentārus. Šo nosacījumu var apvienot ar nosacījumu Apmeklētājs ir pieteicies vai Apmeklētājs nav pieteicies;
• Apmeklētājs nekad nav komentējis— uznirstošā loga parādīšana lietotājiem, kuri nav atstājuši komentārus vietnē. Šo nosacījumu var apvienot ar nosacījumu Apmeklētājs ir pieteicies vai Apmeklētājs nav pieteicies.

Mēs esam apskatījuši visus iestatījumus, kas pieejami spraudņa bezmaksas versijai, tagad īsi apskatīsim iestatījumus, kas pieejami tikai spraudņa maksas versijai. WordPress uznirstošais logs:

Tie ir bonusi, kas nāk kopā ar attiecīgā spraudņa maksas versiju, kas, starp citu, tiek piedāvāta par 19 USD.

Kad esat pabeidzis visas nepieciešamās darbības, lai izveidotu un konfigurētu uznirstošo logu, jums jāsaglabā rezultāts (poga Saglabāt) un skatiet, kas notika, izmantojot priekšskatījumu (poga Priekšskatīt uznirstošo logu):

Ja rezultāts jums ir piemērots, varat aktivizēt uznirstošo logu (slīdni Statuss pāriet uz pozīciju Activ).

Galu galā pēc visām iepriekšminētajām darbībām es saņēmu šādu rezultātu:

Tas izrādījās diezgan visaptverošs spraudņa apskats. WordPress uznirstošais logs, kas ļauj izveidot uznirstošos logus interneta resursiem, izmantojot WordPress dzinēju.

Pēc raksta izlasīšanas varat viegli izmantot spraudņa funkcionalitāti savā tīmekļa vietnē.

Nesen vienai vietnei man tika lūgts modālā logā izveidot atsauksmju veidlapu par WordPress. Tas ir, noklikšķinot uz saites “rakstiet mums”, tā vietā, lai dotos uz attiecīgo lapu, lietotājam ir jāatver jauns uznirstošais logs, kurā atradīsies ziņojuma nosūtīšanas funkcija. Šis ir interaktīvāks risinājums, lai gan ne visiem tas patīk. Es personīgi dodu priekšroku klasiskajai ieviešanai ar kontaktu lapu, taču vietnes veidlapas ir atšķirīgas - tāpēc būs noderīgi apsvērt šīs problēmas risinājumu. Savā darbā es izmantoju 2 spraudņus: labi zināmo Contact Form 7 un Easy Modal moduli, lai izveidotu modālo logu programmā WordPress.

Atjauninājums 18.05.2017.: Spriežot pēc jaunākajām atsauksmēm repozitorijā, dažos gadījumos var rasties problēmas ar tā darbību. Ja tas ietekmē arī jūs, izmēģiniet jaunu izstrādātāju risinājumu ar nosaukumu Popup Maker. Var apsvērt citu alternatīvu.

Es neiedziļināšos par 7. saziņas veidlapas instalēšanu un konfigurēšanu; visa informācija par to ir šeit. Blogā bija arī raksts par to, kas varētu noderēt.

Pāriesim tieši uz Easy Modal moduli. Jūs viņu atradīsit. Izstrādātāji apgalvo, ka šis ir labākais risinājums modālo logu izveidei vietnē ar dažādām interesantām satura prezentācijas iespējām.

Vairāk nekā 10 tūkstoši lejupielāžu, vērtējums 4,6. Derīgās versijas 3.4 versija ir 4.0.8, lai gan es to veiksmīgi palaidu WP 4.3.1. Neskatoties uz to, ka tagad spraudnis ir pārveidots par jaunu Popup Maker risinājumu, vietnē wordpress.org un, meklējot spraudņus admin paneļa iekšienē, joprojām var atrast ierasto Easy Modal versiju 2.0.17. Izmantojot viņa piemēru, es jums pastāstīšu par modāla atgriezeniskās saites loga izveidi programmā WordPress.

Pēc instalēšanas parādīsies tāda paša nosaukuma sadaļa, kurā ir vairāki vienumi. Mums būs vajadzīgs pats pirmais no tiem - Modāļi. Tur noklikšķiniet uz pogas Pievienot jaunu.

Veicot šo darbību, jūsu WordPress vietnei tiks izveidots jauns modālais logs. Elementu iestatījumiem būs 4 cilnes:

• Vispārīgi — vispārīgi parametri.
• Displeja opcijas — displeja opcijas.
• Close Options - iestatījumi loga aizvēršanai (izmantojot klikšķi vai Esc pogu).
• Piemēri - lietojamā koda piemēri.

Vispārīgie iestatījumi ietver loga nosaukumu (vietnē netiek rādīts), tā nosaukumu, saturu un lejupielādes veidu. Satura blokā, pārejot uz HTML režīmu, modālajā logā pievienojiet atsauksmes veidlapas īskodu.

Slodzes veidam ir 2 iespējas:

• Ielādēt visā vietnē (visai vietnei).
• Katrai lapai/ziņai (konkrētām ziņām un lapām).

Ļoti interesants variants. Ja jums ir nepieciešams uznirstošais logs, kas tiks parādīts visās vietnes lapās (saite atrodas, piemēram, sānjoslā), izvēlieties pirmo opciju. Otrajā gadījumā rediģēšanas laikā vietnes lapās/ziņojumos parādīsies atbilstošais iestatījumu bloks:

Varat aktivizēt un atlasīt savu uznirstošo logu konkrētai lapai. Ja neatzīmēsiet izvēles rūtiņu, elements netiks ielādēts vietnē.

Otrā moduļa parametru cilne ir Displeja opcijas.

Šeit jūs norādāt:

• loga izmērs - automātisks, vidējs, adaptīvs, mazs, liels utt.;
• fons - varat izmantot veidlapas fonu vai parādīt to bez tā;
• uznirstošo logu animācija;
• pozīcija (atrašanās vieta) - augšā centrā, apakšā pa labi utt.; fiksēts vai nē;
• atkāpe ekrāna augšdaļā.

Piemēri modālā loga izvades parādīšanai programmā WordPress, izmantojot spraudni Easy Modal, ir atrodami pēdējā cilnē.

Šis kods ir jāievieto, izmantojot sānjoslas logrīku vai teksta redaktoru. Tas neatšķiras no jebkura cita HTML koda, vienīgais, ka šeit ir norādīta konkrēta modālā loga (eModal-1) klase. Otrajam jūsu izveidotajam elementam klase būs eModal-2 utt. Lai nepieļautu kļūdu, ievietojot kodu, vienkāršākais veids ir to kopēt no šīs lapas.

Modālā loga tēmas rediģēšana

Easy Modal spraudnī papildus konkrēta elementa iestatījumiem varat definēt uznirstošo logu motīvus (Theme). Moduļa pamata bezmaksas versijai ir tikai viena veidne, taču ar to ir vairāk nekā pietiekami.

Šim rīkam ir 6 cilnes:

• Vispārīgi - norādiet tēmas nosaukumu;
• Overlay — fons (šeit var izvēlēties veidlapas fona krāsu un caurspīdīgumu);
• Konteiners - dažādi paša modālā loga iestatījumi (polsterējums, rāmis, ēna);
• Title — uznirstošā loga virsraksta parametri (fonts, shadow);
• Saturs — blokā esošo tekstu fonts un krāsa;
• Aizvērt - formas noslēdzošais elements (teksts un dizains).

Kā redzat, izskatu var pielāgot atbilstoši jūsu vajadzībām. Es beidzu ar šo vienkāršo WordPress veidlapu modālā logā:

Pēc visu iestatījumu iestatīšanas neaizmirstiet tos saglabāt (noklikšķiniet uz pogas Saglabāt).

Video par 7. saziņas veidlapas pievienošanu Easy Modal uznirstošajā logā

Starp citu, es atradu video par darbu ar Easy Modal spraudni, kurā parādīts modālās atgriezeniskās saites loga izveides process programmā WordPress. Tur moduļa interfeiss ir nedaudz novecojis (daži iestatījumi izskatās citādi), taču jūs varat iegūt vispārējo būtību. Varbūt kādam būs vieglāk saprast šo jautājumu ar video palīdzību.

Kopā par modālajiem logiem WordPress

Kā minēts iepriekš, tagad Easy Modal spraudnis (spriežot pēc oficiālās lapas) ir pārveidots par Popup Maker. Man izdevās repozitorijā atrast moduli ar tādu pašu nosaukumu, bet es to nepārbaudīju. Es jums par to stāstu, lai jūs zinātu, ko meklēt, ja Easy Modal nākamajās WordPress versijās pēkšņi pārstāj darboties.

Abi risinājumi ir bezmaksas, lai gan tiem ir maksas papildinājumi. Tie ļauj pielāgot mērķauditorijas atlasi, pievienot vairāk dizaina tēmu, satur analīzi un dažas citas funkcijas. Ja jums ir nepieciešams uzlabots modālā loga mehānisms, varat tuvāk apskatīt šos paplašinājumus.

Attiecībā uz uzdevumu atvērt kontaktformas 7 atsauksmju veidlapu uznirstošajā logā, pietiek ar Easy Modal pamata iespējām. Turklāt šo risinājumu var izmantot arī citu modālo logu attēlošanai WordPress - noderīgi padomi, papildu informācija utt. Ņemot vērā HTML koda ievietošanas redaktora klātbūtni, uznirstošajā logā varat parādīt videoklipus, veidlapas utt. Kopumā noderīgs spraudnis. Ja jums ir kādi jautājumi par to, rakstiet komentāros.

Sveiki visiem!

Uznirstošo logu spraudnis WordPress — slāņveida uznirstošie logi

Tātad, pēc tam, kad lejupielādējat to no saites, kas atrodas ziņas beigās, un instalējat to savā emuārā vai WordPress vietnē, ko jūs saņemat?

Jums būs iespēja:

izveidot uznirstošo logu;

izmantojiet iepriekš iestatīto uznirstošo veidni;

izveidot savu uznirstošo logu.

Atklāti sakot, es pavadīju aptuveni nedēļu, tulkojot šo uznirstošo spraudni, un mēģināju to izdarīt labi. Ceru, ka jums patiks to lietot.

Uznirstošo spraudņa iestatījumi

Galvenajos iestatījumos viss ir krievu valodā, kā minēts iepriekš. Jums tajā nebūs nekā sarežģīta. Jūs izvēlaties parametrus, pārbaudiet tos un izvēlaties labāko variantu.

Izveidojot jaunu uznirstošo logu, jums būs pieejamas vairākas funkcijas, ar kurām jūs varat veikt nepieciešamos iestatījumus savā WordPress uznirstošajā logā, tādējādi neviens jums netraucē būt radošam.

Ja redzat tekstu, piemēram: "ievadiet ziņojumu.." - neuztraucieties, varat to aizstāt ar jebkuru citu tekstu un jebkurā valodā.

Pasta cilnes uznirstošais spraudnis

Šeit jūs jau esat parūpējušies, bet jūs varat ievadīt savu tekstu, kā vēlaties.

Sadaļas integrācijas uznirstošais spraudnis WordPress

Man personīgi tas īpaši neinteresē, bet varbūt kāds izmanto trešās puses pakalpojumus e-pasta sūtīšanai.

Uznirstošie logi — A/B kampaņas

Šeit varat izveidot uzņēmumus un izsekot, kurš uznirstošais logs ir visefektīvākais.

Ja redzat, ka dažas veidlapas ir bloķētas, neuztraucieties, varat tās viegli atbloķēt, taču citā sadaļā.

Uzreiz teikšu, ka īpaši nepārbaudīju šo sadaļu.

Ja noklikšķināsit uz pogas “Izveidot”, tiks parādīti papildu iestatījumi, kurus varat pielāgot savām vajadzībām.

Es arī neesmu pārbaudījis žurnālu, tāpēc es to tikai pieminēšu un neko vairāk.

Uznirstošo logu spraudnim WordPress – slāņainajiem uznirstošajiem logiem ir funkcija, kas ļauj lejupielādēt un instalēt papildu uznirstošos logus, taču problēma ir tā, ka bez pirkuma koda tas ir bezjēdzīgi.

Ir arī sadaļa ar papildinājumiem, bet, diemžēl, arī tie maksā naudu..

Es noteikti vispirms izpētītu iestatījumu sadaļu. Atklāti sakot, lai iestatītu visus nepieciešamos parametrus.

Ir arī FAQ sadaļa - “Bieži uzdotie jautājumi”, taču tai nav nekāda sakara ar spraudni un novirza lietotāju uz lapu ar atbildēm angļu valodā, tāpēc to nevarēs iztulkot.

Tagad es vēlos sniegt dažus piemērus par to, kāda veida WordPress uznirstošo logu varat izveidot, pat izmantojot spraudnī iebūvētos uznirstošo logu piemērus: