Salom, do'stlar! Men gaplashishni taklif qilaman WordPress-da modal oynalarni yaratish. Qalqib chiquvchi (modal) oynalar sayt imkoniyatlarini sezilarli darajada kengaytiradi. Har bir veb-saytga tashrif buyuruvchi ko'rishi kerak bo'lgan xabar yoki reklamangiz bormi? Kampaniyangizni ko'rinadigan qilish kerakmi? Veb-saytingizda qalqib chiquvchi ro'yxatdan o'tish shaklini yoki ijtimoiy tarmoqlarda kontentni almashish uchun shaklni yaratmoqchimisiz? Modal oyna yarating!

Pop-up modallari diqqatni jalb qilish uchun mo'ljallangan. Sahifada paydo bo'lgan holda, ular asosiy tarkibni bloklaydi va foydalanuvchini ularning mazmuni (matn, video, harakatga chaqiruv va boshqalar) bilan tanishishga majbur qiladi.

Diqqat! Ushbu darsning uzunligidan qo'rqmang - modal oynalarni yaratishda hech qanday qiyinchilik yo'q (o'qing va o'zingiz ko'ring), men faqat har bir qadamni batafsil tasvirlab beraman.

WordPress-da modal oynalarni yaratish algoritmi

WordPress-da qalqib chiquvchi oynalar bilan ishlash uchun o'rnatilgan vositalar mavjud emas. Biz ularni plagin yordamida loyihalashtiramiz va moslashtiramiz Qalqib chiquvchi oyna yaratuvchisi. Keling, masalan, video bilan modal oyna yarataylik, tugmani bosganingizda qalqib chiquvchi oyna(uni keyinroq sozlashingiz mumkin avtomatik tashqi ko'rinish).

1. O'rnatish Popup Maker plagini. Faollashtirish uning. Sizga eslatib o'taman: biz plaginlarni qanday o'rnatishni bilib oldik.
   
2. Administrator panelining chap tomonidagi yon menyuda bo'limni toping Qalqib chiquvchi oyna yaratuvchisi va uning kichik bo'limiga o'ting Qalqib chiquvchi oyna qo'shish.
3. Modal oyna muharriri ochiladi. Sahifaning yuqori qismidagi maydonga oyna nomini kiriting (nom faqat boshqaruv panelida ko'rsatiladi - foydalanuvchilar buni ko'rmaydilar).
4. Bilan kelib oyna sarlavhasi(foydalanuvchilarga ko'rinadigan bo'ladi) va uni tugma ustidagi maydonga kiriting Media fayl qo'shing.
5. Blokda Shartlar Ochiladigan menyudan oyna paydo bo'ladigan sahifalarni (toifalarni) tanlang. Agar plagin ishlashi kerak bo'lsa saytning barcha sahifalarida, tanlang Format: Hammasi.
6. Asboblar paneli ostidagi katta maydonga qo'shing matn, tasvir, video yoki audio- qalqib chiquvchi oynada ko'rsatiladigan har qanday tarkib. Ko'rib chiqilayotgan misolda men YouTube'dan video uchun kodni qo'shdim (biz WordPress saytiga video qo'shishni o'rganib chiqdik).
   
7. Blokda Triggerlar Qalqib chiquvchi oynani qo'lda yoki avtomatik ochish (o'z-o'zini faollashtirish) uchun sozlamalar mavjud. Bizning misolimizda men qiymatni tanladim Ochish tugmasini bosing.
8. Iltimos, quyida ko'rsating qalqib chiquvchi oyna hajmi(piksel yoki foizlarda). Variantni tanlashda Avtomatik Plagin modal oynaning o'lchamini avtomatik ravishda o'zgartiradi.
9. Qatordagi katakchani belgilang Fonni o'chirish Shunday qilib, sayt sahifasi qalqib chiquvchi oyna orqasida ko'rinadi (men tavsiya qilaman).
10. Sozlash; o'rnatish animatsiya turi va tezligi(kerak emas: optimal qiymatlar allaqachon sukut bo'yicha o'rnatilgan).
    
11. Oynaning ekrandagi o'rnini sozlang. Dastlab plagin uni yuqori markazga joylashtiradi.
12. Mulk qiymati z-indeks, sukut bo'yicha o'rnatiladi, odatda o'zgartirish kerak emas.
    
13. Qalqib chiquvchi oynani yopish uchun variantlarni tanlang. "Qushlar" qatorlaridagi katakchalarni belgilang Yopish uchun Overlay-ni bosing(atrofdagi fonni bosganingizda oyna yopiladi), Yopish uchun F4 tugmasini bosing(oyna kalit bilan yopiladi F4), Yopish uchun ESC tugmasini bosing(oyna kalit bilan yopiladi ESC). Saytga tashrif buyuruvchilarni modal oynani yopish jumboqlari bilan bezovta qilmaslik uchun men barcha katakchalarni tekshirishni maslahat beraman.
    
14. bosing Nashr qilish. Tabriklaymiz, modal oynangiz yaratildi!

Qalqib chiquvchi oyna dizaynini sozlash haqida

Yaratilgan modal oynaning dizaynini o'zgartirish uchun kichik bo'limga o'ting Mavzu Bo'lim Qalqib chiquvchi oyna yaratuvchisi administrator panelining yon menyusi (chapda).

Ochilgan muharrirda sozlang kerakli oyna foni, rangi Va shrift o'lchamlari, to'ldirish, soyalar, tugma nomi yopilish. Ta'mi va rangi ... bilasizmi, shuning uchun men qalqib chiquvchi oyna dizaynini sozlash haqida batafsil gapirmayman. Savollaringiz bo'lsa, ularni sharhlarda so'rang.

Qalqib chiquvchi oynani qanday sozlash kerak

Yodingizda bo'lsin, biz plagin sozlamalarida modal oynani avtomatik ravishda ochish funksiyasini yoqmadikmi? Shuning uchun, bizning oynamiz qanday ochilishini aniqlashimiz kerak. Havolani, rasmni yoki tugmani bosganingizda paydo bo'ladigan oynani o'rnatamiz.

Popup Make plagini har bir oynani tayinlaydi ikkita noyob CSS sinflari. Agar siz ushbu sinflardan birortasini veb-sahifa elementiga qo'shsangiz, ushbu elementni bosganingizda modal oyna ochiladi.

Instagram sharhlarini qayerda va qanday oshirish mumkin - barcha usullar. Pricemm.com portali nima arzonroq va yaxshiroq ekanligini aniqladi: Instagramda sharhlarni o'zingiz ko'paytirish, dasturlar yordamida, evaziga qabul qilish yoki SMM xizmatida xizmatga buyurtma berish. Har bir usulning ijobiy va salbiy tomonlari.

Havolaga, rasmga va tugmaga modal oyna CSS kodini qo'shish misollari:

< a href = "#" class = >Modal oynani oching< / a >

Rasmni bosganingizda modal oyna paydo bo'ladi

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

Modal oyna tugmani bosgandan so'ng faollashadi

< button class = "popmake-obrazets-modalnogo-okna"> Modal oynani oching< / button >

HTML elementiga CSS sinfini qo'shgandan so'ng ustiga bosing popmake-obrazets-modalnogo-okna. Bunga o'xshash modal oyna paydo bo'lishi kerak:

U paydo bo'ldimi? Ajoyib! Endi siz qalqib chiquvchi oynalarni sozlashingiz mumkin. Agar oyna ochilmasa, muammoni sharhlarda tasvirlab bering - biz uni birgalikda ishga tushiramiz!

Salom, aziz blog o'quvchilari. Ba'zi veb-saytlarda qalqib chiquvchi oynalarni ko'rasizmi? Savollar paydo bo'ldi: ular qanday qilib yaratilgan va ular nima uchun kerak? Menda ha.

Shunday qilib, do'stlar, bugun men sizga ular haqida aniq aytib beraman. Lekin! Keling, avvalo ular nima uchun kerakligini bilib olaylik? Ulardan nimani olishingiz mumkin va natija qanday bo'ladi? Men javob beraman.

Bunday qalqib chiquvchi oynalar orqali ta'sir effekti juda katta. Aytishlaricha, ba'zida obunachilar soni 4 barobar ko'payadi. Ajoyib! Bunday emasmi? Qalqib chiquvchi oynalardan (popunders) foydalanish juda ko'p tashrif buyuruvchilarni jalb qilishning juda samarali usuli hisoblanadi. Ular odatda quyidagilar uchun ishlatiladi:

• axborot byulleteni;
• Pullik o'quv kurslari uchun PR;
• ijtimoiy tarmoqlarda guruhlarni targ'ib qilish tarmoqlar;

Shuni eslatib o'tishim kerakki, ba'zida bunday qalqib chiquvchi reklamalar saytga zarar etkazishi mumkin. Buning sababi, ba'zi foydalanuvchilar buni juda zerikarli deb bilishadi. Nima deyishim mumkin, men ham e'tiborni jalb qilishning bunday usullaridan juda g'azablanganman. Bularning barchasiga javoban, saytdagi nosozliklar 100% ga ko'paydi, bu zararli.

Lekin! Agar qalqib chiquvchi oyna to'g'ri sozlangan bo'lsa, bu muammolarni chetlab o'tish mumkin.

Shunday ekan, keling, asosiy savolimizga qaytaylik.

WordPress-da qalqib chiquvchi oynalar

1.WP-MK

Men tasodifan duch kelgan ajoyib plagin. Oson sozlash, rus tilidagi interfeys va barcha vositalar to'plami. Bu juda mos keladi:

• Reklama (masalan, Google Adsense);
• Ijtimoiy tarmoqlardagi guruhlaringizning PR. tarmoqlar;
• Oddiy obuna shakli.

dan plaginni yuklab olishingiz mumkin. Keyin uni o'rnatamiz va odatdagi tarzda faollashtiramiz. Chapdagi sozlamalarga o'tingmi? qalqib chiquvchi oyna va biz quyidagilarni ko'ramiz:

Menimcha, bu erda hamma narsa oddiy, men hamma narsani alohida qismlarga ajratishning ma'nosini ko'rmayapman. Agar sizda biron bir savol bo'lsa, ularni sharhlarda so'rashingiz mumkin.

2. Ninja qalqib chiquvchi oynalar.

Agar siz foydalanuvchilar saytingizga tashrif buyurganlarida va qalqib chiquvchi oynani ko'rganlarida "Voy" deb o'tishlarini istasangiz, ushbu mega ajoyib plaginni o'rnating. Ninja Popups - bu qalqib chiquvchi monster. WP-MK bilan taqqoslaganda, u funksionallik jihatidan ancha ustundir. Men Ninja popuplarini o'z ishining ustalari ishlatishini payqadim. Nega? Plagin pullik va hamma ham bunga qodir emas. O'zimdan aytishim mumkinki, ularning narxlari o'rtacha, ular ko'p narsa talab qilmaydi. Narxlar haqida ko'proq ma'lumot olishingiz mumkin Bu yerga.

Keling, ushbu plagindan nimani olishimizni bilib olaylik:

• sozlash qulayligi;
• obuna va boshqa reklama turlari (tanlovlar, aksiyalar, o‘quv kurslari va boshqalar) uchun 100 dan ortiq tayyor shablonlar;
• statistika;
• qalqib chiquvchi oynaning mobil versiyasi;
• ko'rsatish vaqtlarini kengaytirilgan sozlash;
• Va yana ko'p narsalar.

Agar siz plaginning barcha afzalliklari haqida bilmoqchi bo'lsangiz, o'ting bu havola.

Plaginni o'zingiz uchun qanday sozlash mumkin? Men quyidagilarni taklif qilaman ... Zerikarli matn o'rniga, mashg'ulot videosini tomosha qilganingiz ma'qul:

Hammasi shu, do'stlar, sozlamalarga kelsak. Ammo, agar sizda biron bir savol bo'lsa, ularni sharhlarda so'rang.

3. Qalqib chiquvchi oyna yaratuvchisi (modal oyna)

Modal qalqib chiquvchi oyna yaratish funksiyasiga ega plagin. Bizning holatlarimizda, bosilganda qalqib chiquvchi oynalar paydo bo'ladi:

• havola;
• tugma;
• rasm.

Xo'sh, uni qanday o'rnatasiz?

1. Yuklab olish plagin;

2. O'rnatish va faollashtirish;

3. Menyuning chap tomonida biz qidiramiz: Pupup Maker -> Yangisini qo'shish.

4. Oldimizda shunday sahifa paydo bo'ladi:

Sizga hech narsani eslatmayaptimi? Sahifa WordPress-da maqolalarni chop etish shakli bilan mutlaqo bir xil. Ko'rib turganingizdek, bu erda ba'zi qo'shimcha funktsiyalar (sozlamalar) qo'shilgan.

Keling, ularni batafsil ko'rib chiqaylik.

Qalqib chiquvchi oyna (ism)- hech qanday joyda ko'rsatilmaydi, bu erda biz plagindagi popunderga nom beramiz.

Bu yerga oyna sarlavhasini kiriting- nomini yozing (masalan: yangiliklarga obuna).

Maqsadli shartlar- oynamiz ko'rsatiladigan katakchani belgilang.

Mavzu sozlamalari - bu yerda hali hech qanday imkoniyat yo'q. Sukut bo'yicha tanlang. Do'stlar, kelajakda modal oynani loyihalash uchun o'zingizning shabloningizni yaratishingiz mumkin. Aytgancha, funktsiya juda zo'r. Siz uni topishingiz mumkin: Pupup Maker -> Barcha mavzular.

Kod - oynada nima ko'rsatiladi. Bizning holatda, YouTube-dan video:

Quyida bizni boshqa sozlamalar kutmoqda (oyna o'lchami, shaffoflik, ko'rsatish vaqti va boshqalar). U erda hech qanday murakkab narsa yo'q. Umid qilamanki, siz buni hal qila olasiz. Agar sizda biron bir savol bo'lsa, ularni sharhlarda so'rang.

Barcha sozlamalar amalga oshirilgandan so'ng, biz faqat qalqib chiquvchi oynani nashr etishimiz kerak.

Ammo do'stlar hamma narsa emas. Bo'limga o'ting Pupup Maker -> Barcha qalqib chiquvchi oynalar. Biz CSS sinflarini qidirmoqdamiz. Bizni quyidagi kod qiziqtiradi: popmake-xxx.

Havolani, rasmni yoki tugmani bosganda oynani ko'rsatish uchun bizga ushbu kod kerak (boshida aytdim).

Rasmni bosganingizda oynani ochish:

Tugmani bosish orqali ochish:

< button class = "popmake-xxx" >Oynani ochish

Ushbu kodni istalgan joyga (masalan, maqola yoki vidjetga) kiritish mumkin. Farqi yo'q. Agar sizda biron bir muammo yoki savol bo'lsa, sharhlarda so'rang, men yordam berishdan xursand bo'laman.

Ushbu quvnoq eslatmada WordPress uchun qalqib chiquvchi plaginlar ro'yxati tugaydi. Umid qilamanki, bu uchtasidan o'zingizga yoqqanini topasiz. Oxirigacha men bilan bo'lganingiz uchun rahmat.

Yangilanishlar uchun ishtirok eting. Ko'rishguncha. Hammaga hayr!

Hurmat bilan, Mogish Ivan

Qalqib chiquvchi oyna - bu qandaydir operatsiyalarni bajarish natijasida kompyuter ekranida ochiladigan oyna ekanligini bilib olishingiz mumkin.

Ushbu maqolada WordPress uchun PopUP qalqib chiquvchi oynalarini yaratishni ko'rib chiqamiz.

Bunday qalqib chiquvchi oynalardan turli maqsadlarda foydalanish mumkin: ushbu oynaga obuna shaklini, qandaydir axborot xabarini, rasmni, aloqa shaklini va hokazolarni kiritishingiz mumkin.

Ushbu maqolada qalqib chiquvchi oynalarni yaratish vositasi sifatida men WordPress uchun maxsus plaginni ko'rib chiqaman WordPress popUp.

Qalqib chiquvchi oynalar yaratish uchun WordPress PopUp plagini

Ushbu plagin to'g'ridan-to'g'ri WordPress administratori hududida plaginlar katalogida mavjud, shuning uchun uni o'rnatish oson.

Qidiruv formasi orqali toping va bosing O'rnatish:

Administrator menyusida yangi element mavjud bo'ladi Qalqimoq:

Ushbu element sizga plaginni sozlash va uning funksionalligini boshqarish imkonini beradi. Keling, yuqoridagi barcha narsalarni batafsil ko'rib chiqaylik.

kichik bandda Qalqib chiquvchi oynalar nuqta Qalqimoq Barcha mavjud qalqib chiquvchi oynalar va ularni boshqarish mavjud. Hali hech qanday oyna yaratilmaganligi sababli, element bo'sh:

Keling, ushbu vaziyatni tuzatamiz va birinchi qalqib chiquvchi oynani yaratamiz, buning uchun biz pastki bandga o'tamiz Yangi qo'shish va bir xil nomdagi tugmani bosing:

Yangi oyna yaratildi. Keling, ushbu oynaning mazmuni qanday bo'lishini darhol hal qilaylik, masalan, obuna shakli bo'lsin.

Yaratilgan qalqib chiquvchi oynani uning nomini, aniqrog'i, agar mavjud bo'lsa, biz ushbu oynani boshqalar qatorida topadigan ma'lum identifikatorni yozish orqali sozlashni boshlaylik.

Ushbu identifikator ustunda yozilgan PopUp nomi (PopUpda ko'rsatilmaydi), va rus tiliga tarjima qilinganda ushbu ustun nomidan taxmin qilish qiyin emasligi sababli, u qalqib chiquvchi oynada ko'rsatilmaydi:

Ushbu sarlavha va subtitr qalqib chiquvchi oynaning eng yuqori qismida ko'rsatiladi.

Shunchaki pastda, deb nomlangan hududda Asosiy qalqib chiquvchi tarkib Biz qalqib chiquvchi oynamizning asosiy mazmunini joylashtirishimiz kerak. Men ushbu oynaga obuna shaklini joylashtirishga qaror qilganim uchun, matn muharriri rejimida ushbu sohada obuna shakli uchun aniq kodni yozaman:

Mana, bir oz o'ngda, bo'limda PopUp funksiyasi tasviri (ixtiyoriy) Qalqib chiquvchi oynaga istalgan tasvirni kiritishni amalga oshirishingiz mumkin:

Men rasm kiritmayman.

Bir oz pastroq, bo'limda Harakatga chaqiruv tugmasi (ixtiyoriy) Yaratilgan oynaga biron bir harakatga qo'ng'iroq qilish tugmachasini qo'shish mumkin:

Bunday tugmani yasash juda oddiy - ustunga tugma nomini yozish kerak Tugma yorlig'i, va grafikda Tugma havolasi kerakli harakatni faollashtiradigan havolani joylashtiring.

Yaratilgan ba'zi parametrlarni aniqlash uchun qoladi Qalqimoq oyna. Keling, ularni batafsil ko'rib chiqaylik.

Qalqib chiquvchi oyna variantlarini sozlash

Aslida, plaginning bepul versiyasida hamma sozlamalar mavjud emas va har bir foydalanuvchi plaginning pulli versiyasiga o'z pullarini sarflashni xohlamagani uchun biz birinchi navbatda plaginning bepul versiyasida mavjud bo'lgan asosiy sozlamalarni ko'rib chiqamiz. plagin.

Keling, bo'limdan tartibda boshlaylik Tashqi ko'rinish:

Ushbu element nomining so'zma-so'z tarjimasi "tashqi ko'rinish" degan ma'noni anglatadi. Ushbu bo'limdagi sozlamalar qalqib chiquvchi oynaning xususiyatlarini aniqlashini taxmin qilish qiyin emas.

Bepul versiyada mavjud bo'lgan plaginlardan bu erda faqat belgilash katakchasi mavjud Yumaloq burchaklar yo'q, sukut bo'yicha maxsus oynaning burchaklarini yumaloq emas, to'g'ri faollashtiradigan tasdiq belgisi, shuningdek, elementdagi maxsus oynaning o'lchamini qo'lda aniqlash imkoniyati Maxsus o'lchamdan foydalaning(tegishli katakchadagi belgi oynaning kengligi va balandligini piksellarda belgilash imkonini beradi).

Endi bo'limga qaraylik Xulq-atvor, qalqib chiquvchi oynaning harakatini aniqlaydigan sozlamalar:

Plaginning bepul versiyasi uchun mavjud sozlamalar quyidagilarni o'z ichiga oladi:

• Qalqib chiquvchi oynani qachon ko'rsatish kerak:— sayt sahifasi ochilgan paytdan boshlab qalqib chiquvchi oyna paydo bo'lguncha vaqt (soniya yoki daqiqalarda, ixtiyoriy);
• "Bu xabar boshqa ko'rinmasin" sozlamalari:— kelajakda ushbu resurs sahifalarini ochganda, tashrif buyuruvchiga qalqib chiquvchi oyna ko'rinishini bloklash uchun maxsus tugmani bosish imkonini beruvchi sozlamalar. Bu yerda faqat belgilash katakchasi mavjud "Ushbu xabar boshqa ko'rinmasin" havolasini qo'shing, langar bilan bog'lanish ko'rinishini faollashtiradigan tasdiq belgisi Bu xabar boshqa ko'rinmasin, ushbu resurs sahifalarida ushbu foydalanuvchiga qalqib chiquvchi oynaning keyingi ko'rinishini bloklaydigan tugmani bosish.

Keling, sozlamalar bo'limiga o'tamiz Ko'rsatish shartlari (ixtiyoriy) maxsus qalqib chiquvchi oynani ko'rsatish shartlari uchun javobgar:

Bu erda juda ko'p fikrlar mavjud, keling, ularni tartibda ko'rib chiqaylik:

• Mehmon tizimga kirdi— saytda autentifikatsiya qilingan foydalanuvchilarga qalqib chiquvchi oynani ko'rsatish (bunday imkoniyat mavjudligiga qarab);
• Mehmon tizimga kirmagan— saytda autentifikatsiya qilinmagan foydalanuvchilarga qalqib chiquvchi oynani ko'rsatish;
• PopUp dan kamroq ko'rsatiladi— foydalanuvchi uni ma'lum bir necha marta ko'rmaguncha qalqib chiquvchi oynani ko'rsatish (ustunda o'rnatilgan PopUpni tez-tez ko'rsating:);
• Faqat mobil qurilmalarda— qalqib chiquvchi oynani faqat mobil qurilmalardan tashrif buyuruvchilar uchun ko'rsatish;
• Mobil qurilmalarda emas— qalqib chiquvchi oynani faqat kompyuter yoki noutbukdan tashrif buyuruvchilar uchun ko'rsatish (mobil qurilmalardan emas);
• Muayyan yo'naltiruvchidan— agar foydalanuvchi maxsus dastur yordamida kelgan bo'lsa, qalqib chiquvchi oynani ko'rsatish yo'naltiruvchi
• Muayyan yo'naltiruvchidan emas— agar foydalanuvchi maxsus dastur yordamida kelgan bo'lsa, qalqib chiquvchi oynani yashirish yo'naltiruvchi(yo'naltiruvchilar bu erda o'rnatiladi);
• Ichki havoladan emas— agar foydalanuvchi xuddi shu resursning boshqa sahifasidan ichki havola orqali kelgan bo‘lsa, qalqib chiquvchi oyna ko‘rsatilmaydi;
• Qidiruv tizimidan— qidiruv tizimlaridan saytga kirganlar uchun qalqib chiquvchi oynani ko'rsatish;
• Muayyan URL manzilida— ma'lum joylarda joylashgan tashrif buyuruvchilar uchun qalqib chiquvchi oynani ko'rsatish URL To'liq URL manzillar;
• Muayyan URL manzilida emas— tashrif buyuruvchilar uchun qalqib chiquvchi oynani ko'rsatish, ba'zilari bundan mustasno URL, ro'yxati bu erda ustunda ko'rsatilgan To'liq URL manzillar;
• Mehmon avvalroq fikr bildirgan— saytda izoh qoldirgan foydalanuvchilarga qalqib chiquvchi oynani ko'rsatish. Bu holat shart bilan birlashtirilishi mumkin Mehmon tizimga kirdi yoki Mehmon tizimga kirmagan;
• Mehmon hech qachon izoh bermagan— saytda izoh qoldirmagan foydalanuvchilarga qalqib chiquvchi oynani ko'rsatish. Bu holat shart bilan birlashtirilishi mumkin Mehmon tizimga kirdi yoki Mehmon tizimga kirmagan.

Biz plaginning bepul versiyasi uchun mavjud bo'lgan barcha sozlamalarni ko'rib chiqdik, endi faqat plaginning pullik versiyasi uchun mavjud sozlamalarni qisqacha ko'rib chiqamiz. WordPress popUp:

Aytgancha, 19 dollarga taklif qilinadigan ushbu plaginning pullik versiyasi bilan birga keladigan bonuslar.

Qalqib chiquvchi oynani yaratish va sozlash uchun barcha kerakli amallarni bajarganingizdan so'ng, natijani saqlashingiz kerak (tugma). Saqlash) va oldindan ko'rish (tugmasi) yordamida nima sodir bo'lganini ko'ring Qalqib chiquvchi oynani oldindan ko'rish):

Agar natija sizga mos bo'lsa, siz qalqib chiquvchi oynani faollashtirishingiz mumkin (slayder Holat pozitsiyasiga o'tish Activ).

Nihoyat, yuqoridagi barcha qadamlardan so'ng men quyidagi natijaga erishdim:

Bu plaginni juda keng qamrovli ko'rib chiqish bo'lib chiqdi. WordPress popUp, bu WordPress dvigatelidan foydalangan holda Internet-resurslar uchun qalqib chiquvchi oynalarni yaratish imkonini beradi.

Maqolani o'qib chiqqandan so'ng, plaginning funksiyasidan veb-saytingizda o'zingizning afzalliklaringiz uchun osongina foydalanishingiz mumkin.

Yaqinda bitta sayt uchun mendan modal oynada WordPress uchun fikr-mulohaza shaklini yaratishni so'rashdi. Ya'ni, "bizga yozish" havolasini bosganda, foydalanuvchi tegishli sahifaga o'tish o'rniga, xabar yuborish funktsiyasi joylashgan yangi qalqib chiquvchi oynani ochishi kerak. Bu ko'proq interaktiv yechim, ammo hamma ham buni yoqtirmaydi. Men shaxsan kontakt sahifasi bilan klassik dasturni afzal ko'raman, lekin saytlardagi shakllar boshqacha - shuning uchun ushbu muammoni hal qilishni ko'rib chiqish foydali bo'ladi. Men o'z ishimda ikkita plagindan foydalanardim: WordPress-da modal oyna yaratish uchun taniqli aloqa shakli 7 va Easy Modal moduli.

Yangilanish 18/05/2017: Ombordagi so'nggi sharhlarga ko'ra, ba'zi hollarda uning ishlashi bilan bog'liq muammolar bo'lishi mumkin. Agar bu sizga ham ta'sir qilsa, ishlab chiquvchilarning Popup Maker deb nomlangan yangi yechimini sinab ko'ring. Yana bir variantni ko'rib chiqish mumkin.

Men 7-sonli aloqa shaklini o'rnatish va sozlash haqida batafsil ma'lumot bermayman; u haqidagi barcha ma'lumotlar bu erda. Blogda foydali bo'lishi mumkin bo'lgan maqola ham bor edi.

Keling, to'g'ridan-to'g'ri Easy Modal moduliga o'tamiz. Siz uni topasiz. Ishlab chiquvchilarning ta'kidlashicha, bu kontentni taqdim etish uchun turli xil qiziqarli variantlarga ega veb-saytda modal oynalarni yaratish uchun eng yaxshi echimdir.

10 mingdan ortiq yuklab olingan, reyting 4.6. 3.4 ning amaldagi versiyalari 4.0.8 dir, garchi men uni WP 4.3.1 da muvaffaqiyatli ishlatgan bo'lsam ham. Plagin hozirda yangi Popup Maker yechimiga aylantirilganiga qaramay, wordpress.org veb-saytida va administrator paneli ichidan plaginlarni qidirishda siz hali ham oddiy Easy Modal 2.0.17 versiyasini topishingiz mumkin. Uning misolidan foydalanib, men sizga WordPress-da modal fikr-mulohaza oynasini yaratish haqida gapirib beraman.

O'rnatishdan so'ng bir xil nomdagi bo'lim paydo bo'ladi, unda bir nechta elementlar mavjud. Bizga ulardan birinchisi kerak bo'ladi - Modallar. U erda "Yangi qo'shish" tugmasini bosing.

Ushbu harakat WordPress saytingiz uchun yangi modal oyna yaratadi. Element sozlamalarida 4 ta yorliq bo'ladi:

• Umumiy - umumiy parametrlar.
• Displey parametrlari - displey parametrlari.
• Yopish parametrlari - oynani yopish uchun sozlamalar (bosish yoki Esc tugmasi yordamida).
• Misollar - foydalanish uchun kod misollari.

Umumiy sozlamalar oyna nomini (saytda ko'rsatilmagan), uning nomini, mazmunini va yuklab olish turini o'z ichiga oladi. Kontent blokida, HTML rejimiga o'tish, modal oynada fikr-mulohaza shaklining qisqa kodini qo'shing.

Yuklash turi ikkita variantga ega:

• Sayt bo'ylab yuklang (butun sayt uchun).
• Har bir sahifa/post uchun (aniq xabarlar va sahifalar uchun).

Juda qiziqarli variant. Agar sizga saytning barcha sahifalarida ko'rsatiladigan qalqib chiquvchi oyna kerak bo'lsa (havola, masalan, yon panelda joylashgan), keyin birinchi variantni tanlang. Ikkinchi holda, tahrirlashda sayt sahifalarida/postlarida tegishli sozlamalar bloki paydo bo'ladi:

Muayyan sahifa uchun o'zingizning qalqib chiquvchi oynangizni faollashtirishingiz va tanlashingiz mumkin. Agar siz katakchani belgilamasangiz, element saytga yuklanmaydi.

Modul parametrlarining ikkinchi yorlig'i Displey parametrlari.

Bu erda siz quyidagilarni ko'rsatasiz:

• oyna o'lchami - avtomatik, o'rta, moslashuvchan, kichik, katta va boshqalar;
• fon - forma uchun fondan foydalanishingiz yoki unisiz ko'rsatishingiz mumkin;
• qalqib chiquvchi oyna animatsiyasi;
• pozitsiyasi (joylashuvi) - yuqori markaz, pastki o'ng va boshqalar; belgilangan yoki yo'q;
• ekranning yuqori qismidagi chekinish.

Easy Modal plaginidan foydalangan holda WordPress-da modal oynaning chiqishini ko'rsatish misollarini oxirgi yorliqda topish mumkin.

Ushbu kodni yon paneldagi vidjet yoki matn muharriri orqali kiritishingiz kerak. Bu boshqa HTML kodlardan farq qilmaydi, yagona narsa shundaki, bu erda ma'lum bir modal oynaning klassi (eModal-1) ko'rsatilgan. Siz yaratgan ikkinchi element uchun sinf eModal-2 va boshqalar bo'ladi. Kodni kiritishda xatolikka yo'l qo'ymaslik uchun uni ushbu sahifadan nusxalash eng oson yo'lidir.

Modal oynaning mavzusini tahrirlash

Easy Modal plaginida, ma'lum bir element uchun sozlamalarga qo'shimcha ravishda, qalqib chiquvchi oynalar uchun mavzularni belgilashingiz mumkin (Mavzu). Modulning asosiy bepul versiyasida faqat bitta shablon mavjud, ammo bu etarli.

Ushbu vositada 6 ta yorliq mavjud:

• Umumiy - mavzu nomini ko'rsating;
• Overlay — fon (bu yerda siz forma fonining rangi va shaffofligini tanlashingiz mumkin);
• Konteyner - modal oynaning turli xil sozlamalari (to'ldirish, ramka, soya);
• Sarlavha — qalqib chiquvchi oyna sarlavhasi parametrlari (shrift, soya);
• Kontent — blokdagi matnlarning shrifti va rangi;
• Yopish - shaklni yopish elementi (matn va dizayn).

Ko'rib turganingizdek, tashqi ko'rinish sizning ehtiyojlaringizga mos ravishda moslashtirilishi mumkin. Men ushbu oddiy WordPress formasini modal oynada tugatdim:

Barcha sozlamalarni o'rnatgandan so'ng, ularni saqlashni unutmang (Saqlash tugmasini bosing).

Easy Modal qalqib chiquvchi oynasida kontakt shakli 7 qo'shilgan video

Aytgancha, men WordPress-da modal fikr-mulohaza oynasini yaratish jarayonini ko'rsatadigan Easy Modal plagini bilan ishlash bo'yicha video topdim. U erda modul interfeysi biroz eskirgan (ba'zi sozlamalar boshqacha ko'rinadi), lekin siz umumiy mohiyatni olishingiz mumkin. Ehtimol, kimdir bu masalani video yordamida tushunish osonroq bo'ladi.

WordPress uchun modal oynalar haqida jami

Yuqorida aytib o'tilganidek, endi Easy Modal plagini (rasmiy sahifaga ko'ra) Popup Makerga aylantirildi. Men omborda bir xil nomdagi modulni topishga muvaffaq bo'ldim, lekin uni sinab ko'rmadim. Agar keyingi versiyalarda WordPress-dagi Easy Modal to'satdan ishlamay qolsa, nimaga e'tibor berish kerakligini bilishingiz uchun bu haqda sizga aytyapman.

Ikkala yechim ham bepul, garchi ularda pullik qo'shimchalar mavjud. Ular sizga maqsadni sozlash, ko'proq dizayn mavzularini qo'shish, tahliliy va boshqa xususiyatlarni o'z ichiga olish imkonini beradi. Agar sizga yanada rivojlangan modal oyna mexanizmi kerak bo'lsa, ushbu kengaytmalarni batafsil ko'rib chiqishingiz mumkin.

Qalqib chiquvchi oynada Kontakt formasi 7 fikr-mulohaza shaklini ochish vazifasiga kelsak, Easy Modalning asosiy imkoniyatlari etarli. Bundan tashqari, ushbu yechim WordPress-dagi boshqa modal oynalarni ko'rsatish uchun ham ishlatilishi mumkin - foydali maslahatlar, qo'shimcha ma'lumotlar va boshqalar. HTML kodini kiritish uchun muharrir mavjudligini hisobga olgan holda, siz qalqib chiquvchi oynada videolar, shakllar va hokazolarni ko'rsatishingiz mumkin. Umuman olganda, foydali plagin. Agar sizda bu haqda savollar bo'lsa, sharhlarda yozing.

Hammaga salom!

Qalqib chiquvchi plagin WordPress – qatlamli qalqib chiquvchi oynalar

Xo'sh, uni post oxiridagi havoladan yuklab olib, blogingizga yoki wordpress saytingizga o'rnatganingizdan so'ng, sizga nima beriladi?

Sizda shunday imkoniyat bo'ladi:

qalqib chiquvchi oyna yaratish;

oldindan o'rnatilgan qalqib chiquvchi shablondan foydalaning;

o'zingizning qalqib chiquvchi oynangizni yarating.

Ochig'ini aytganda, men ushbu qalqib chiquvchi plaginni tarjima qilish uchun jami bir hafta vaqt sarfladim va buni yaxshi bajarishga harakat qildim. Umid qilamanki, undan foydalanish sizga yoqadi.

Qalqib chiquvchi plagin sozlamalari

Asosiy sozlamalarda, yuqorida aytib o'tilganidek, hamma narsa rus tilida. Siz uchun bu borada hech qanday murakkab narsa bo'lmaydi. Siz parametrlarni tanlaysiz, ularni sinab ko'rasiz va eng yaxshi variantni tanlaysiz.

Yangi qalqib chiquvchi oyna yaratishda siz WordPress-ning qalqib chiquvchi oynasida kerakli sozlamalarni o'rnatishingiz mumkin bo'lgan bir qator funktsiyalarga kirish huquqiga ega bo'lasiz, shu bilan hech kim sizni ijodiy bo'lishingizga to'sqinlik qilmaydi.

Agar siz "xabaringizni kiriting.." kabi matnni ko'rsangiz - xavotir olmang, uni istalgan boshqa matn va xohlagan tilda almashtirishingiz mumkin.

Pochta yorlig'i qalqib chiquvchi plagin

Bu erda sizga allaqachon g'amxo'rlik qilingan, lekin siz o'zingizning matningizni xohlaganingizcha kiritishingiz mumkin.

Bo'lim Integratsiyalari qalqib chiquvchi plagin WordPress

Shaxsan men uchun bu alohida qiziqish uyg'otmaydi, lekin kimdir elektron pochta xabarlarini yuborish uchun uchinchi tomon xizmatlaridan foydalanadi.

Qalqib chiquvchi oynalar - A/B kampaniyalari

Bu yerda siz kompaniyalar yaratishingiz va qaysi qalqib chiquvchi oyna eng samarali ekanligini kuzatishingiz mumkin.

Agar ba'zi shakllar bloklanganligini ko'rsangiz, xavotirlanmang, ularni osongina blokdan chiqarishingiz mumkin, lekin boshqa bo'limda.

Men darhol aytamanki, men ushbu bo'limni ayniqsa sinab ko'rmadim.

Agar siz "yaratish" tugmasini bossangiz, sizning ehtiyojlaringizga mos ravishda sozlashingiz mumkin bo'lgan qo'shimcha sozlamalar paydo bo'ladi.

Men jurnalni ham sinab ko'rmadim, shuning uchun men uni eslatib o'taman va boshqa hech narsa yo'q.

Popup plagin WordPress – qatlamli qalqib chiquvchi oynalar qo‘shimcha qalqib chiquvchi oynalarni yuklab olish va o‘rnatish imkonini beruvchi funksiyaga ega, ammo muammo shundaki, xarid kodisiz u foydasiz.

Qo'shimchalar bo'lgan bo'lim ham mavjud, ammo, afsuski, ular ham pul talab qiladi..

Men, albatta, birinchi navbatda sozlamalar bo'limiga qarayman. Ochig'ini aytganda, barcha kerakli parametrlarni o'rnatish uchun.

Shuningdek, tez-tez so'raladigan savollar bo'limi ham mavjud - "Tez-tez so'raladigan savollar", lekin uning plaginga hech qanday aloqasi yo'q va foydalanuvchini ingliz tilidagi javoblari bo'lgan sahifaga yo'naltiradi, shuning uchun uni tarjima qilish mumkin bo'lmaydi.

Endi men plaginga o'rnatilgan qalqib chiquvchi misollardan foydalangan holda qanday WordPress qalqib chiquvchi oynasini yaratishingiz mumkinligiga bir nechta misollar keltirmoqchiman: