အင်တာနက်ကို, Web Design
သင်လိုအပ်သောအရာကိုနှင့်မည်သို့တပ်ဆင်ရန် - JQuery ပုံစံများပြတင်းပေါက်
သင့်ရဲ့မေးခွန်းကိုအဖြေကိုရှာဖွေ, တခါတရံတွင်သင်သည်ထိုက်ဘ်ဆိုက်ဒီဇိုင်းကိုမှကြွလာအထူးသဖြင့်လူတွေကသူတို့ရဲ့ကိုယ်ပိုင်အပေါ် website တစ်ခုဖန်တီးရန်ဆုံးဖြတ်ခဲ့သည်ထိုကဲ့သို့သောကိစ္စရပ်များကိုလညျးတတျကြှမျးမဟုတ်ပါအထူးသဖြင့်လျှင်, အချိန်တွေအများကြီးဖြုန်းဖို့ရှိသည်။ jQuery ပုံစံများပြတင်းပေါက်သည်ဤနာကျင်ပြဿနာများ၏တဦးတည်းဖြစ်နိုင်သည်။
အင်တာနက်ကိုတွင်ဤပြတင်းပေါက်မြားစှာတှေ့နိုငျပါသညျ။ ကိုယ်ကသာ ... သင့်ရဲ့ website မှာသူတို့ကို copy နဲ့ paste လုပ်ပါသို့သော်အားလုံးမဟုတ်ဒါကြောင့်ရိုးရှင်းတဲ့လိုပုံရသည်။ ကံကရှိသည်မယ်လို့အမျှအရာအားလုံးဘယျလိုမှဖြစ်ပါသည်, ဤအသိပညာမလိုအပ်စရာရှိသောကြောင့်ကထိုပြဿနာကိုဖြေရှင်းနိုင်ဖို့မဖြစ်နိုင်တဲ့အရာကြောင့်, မည်သည့်အသေးစိတ်ဖြစ်ပါတယ်။ ထို့ကြောင့်, ပိုကောင်းကွပ်မျက်အတွက်ရှုပ်ထွေးများစွာစိတ်ဝင်စားစရာကောင်းချစ်ပ်ပေါ်မှာ jQuery ပုံစံများပြတင်းပေါက်ပေါ်တက်ကောက်ပိုင်ခွင့်, မည်သည့်မလိုအပ်သောပြဿနာများမရှိဘဲသေးငယ်သည်အလွန်ရိုးရှင်းသောနည်းလမ်း window ကိုဖွင့်ဖို့။
သငျသညျ wordpress ကိုအကြှနျုပျတို့ကိုကတစ်နေရာရာမှာဘလော့ဂ်ရှိပါကကအားလုံးကိုအလွန်ရိုးရှင်းတဲ့င်နှင့်ပြီးသားအဆင်သင့်လုပ်ဖြေရှင်းချက်တွေအများကြီးရှိပါတယ်အဖြစ်မျှအခက်အခဲများသောအားဖြင့်, ပေါ်ပေါက် - ကွဲပြားခြားနားတဲ့ pop-ins ။ သို့သော်တဦးတည်းနေတဲ့ပုံစံများပြတင်းပေါက် "ပနျးပုထု" သို့မဟုတ် paid န်ဆောင်မှုအထူးကုမှဖွင့်သူတို့ရဲ့ကိုယ်ပိုင်ရှိပါတယ်ရှိရာအလွန်ကွဲပြားခြားနားတဲ့ရွေးချယ်မှုများသည်လည်းရှိပါသည်။ သင်သိအဖြစ်ပေးဆောင်, အဘယ်သူမျှမကပဲအဓိကရနျလိုအပျများနှင့်အရာခပ်သိမ်းတော်တော်လေးအစာရှောင်ခြင်းနှင့်လုံးဝအခမဲ့ထုတ်ကိုဖွင့်ပါလိမ့်မယ်ပုံအထူးသဖြင့်အခါ, လိုသည်။
jQuery ပုံစံများပြတင်းပေါက်စာမျက်နှာပေါ်တွင်သတင်းအချက်အလက်နှင့်အတူသွားကဖြည့်သောအကြောင်းအရာဖော်ပြရန်လိုအပ်သည်။
jQuery - ကဘာလဲ?
အပြည့်အဝနားလည်သဘောပေါက်ရန်တစ်စုံတစ်ဦး, jQuery မသိလျှင် - တစ် JavaScript ကိုစာကြည့်တိုက်များနှင့်အဆုံးစွန်သော, အလှည့်၌, Web-page ကိုကုဒ်မှာစတင်မိတ်ဆက်ကုဒ်တစ်ခုအပိုင်းကိုဆိုလိုသည်နှင့်သင်က HTML နဲ့ CSS ၏မူဘောင်အတွင်းအကောင်အထည်ဖော်မရနိုငျသောကွဲပြားခြားနားသောအကျိုးသက်ရောက်မှုများ, အောင်မြင်ရန်ခွင့်ပြုပါတယ်။ ထိုကဲ့သို့သောကုဒ်သောအဘို့ကိုတစ်ပုံမှန်ဥပမာဖြစ်နိုင်သည် လက်ရှိနေ့စွဲ စာမျက်နှာပေါ်တွင်ဖော်ပြပေးသို့မဟုတ်အချိန်။
စာကြည့်တိုက်၏ developer များတာဝန်ရှိသူတစ်ဦးက်ဘ်ဆိုက်, ထူးချွန်ရှိပြီးအဆက်မပြတ် updated, ထို့ကြောင့်အသစ်ကစာကြည့်တိုက်ကိုပူဇော်သက္ကာဘို့သစ်ကိုဗားရှင်းရှိပါတယ်ဖြစ်ပါတယ်။
အဆိုပါ jQuery ကရှင်းရှင်းလင်းလင်းဖြစ်စေ, သင်သည်ဤသို့မဟုတ်ကြောင့်အကျိုးသက်ရောက်မှုလိုအပ်တယ်, CSS ကိုစတိုင်စာရွက်များနှင့်အတူဘာသာစကားတစ်ခုကိုရှိသေး၏။
CSS ကိုဘာသာစကားများ
CSS ကို "Cascade စတိုင်စာရွက်များ" ကိုဆိုလိုသည်။ အင်တာနက်ကိုဘာသာစကားကိုအသုံးပြုသောမဟုတ်ကြောင်း site တစ်ခုကိုရှာဖွေယခုမဖြစ်နိုင်ဘူး။
ထို့ကြောင့်, ပုံစံများပြတင်းပေါက် jQuery နဲ့ CSS အတွက်လက်တွေ့ကျကျလိုအပ်သောနှင့်အစားထိုးလို့မရတဲ့ဖြစ်ပါတယ်။ jQuery ချိတ်ဆက်မပြုလုပ်လျှင်ထိုကွောငျ့, ဒါကြောင့်အဲဒီလိုလုပ်ဖို့လိုအပ်ပေသည်။
ဦးခေါင်း tag ကိုအတွင်းဒီလိုလုပ်ဖို့အောက်ပါအတိုင်းဖြည့်စွက်တာဖြစ်ပါတယ်:
အတွက် Model ပြတင်းပေါက်ဘာတွေလဲ?
အလွယ်တကူ jQuery ပုံစံများင်းဒိုး site ကိုဒေါင်းလုပ်ဆွဲသည့်အခါ, က subscriber များအား၏နံပါတ်တိုးမြှင့်ဖို့အသုံးဝင်သောဖြစ်နိုင်သည်ပြသ။ စာမျက်နှာဖွင့်လှစ်သည့်အခါတစ်ဦးက window ကိုပေါ်လာလိမ့်မည်။ နည်းနည်းလေးအဆင်မပြေမှာကိုအလွယ်တကူပိတ်ထားရမည်ဖြစ်သောကြောင့်ကမည်သူမဆိုတွှေမှစိတ်အာရုံထွေပြားခြင်းနှင့်မဖြစ်နိုင်မဟုတ်ပါဘူး, နှင့်နီးစပ် button ကို cookies များကိုဖြစ်မည်, သင်ကအပေါ်ကိုကလစ်နှိပ်ပါလျှင်ပုံစံများဝင်းဒိုးကိုနောက်တဖန်ပေါ်လာမည်မဟုတ်ပျောက်ကွယ်သွားသည်။
ပေါ့ပ်အပ်ဝင်းဒိုး
pop-up ဝင်းဒိုး ဟာ jQuery အပေါ်ကိုသာတစ်ချိန်ကစာမျက်နှာပေါ်တွင်ဖော်ပြပေးထားပါသည်, ဒါပုံစံများပြတင်းပေါက်၏မျိုးကွဲတစ်ခုဖြစ်သည်။
အဲဒါကိုအကောင်အထည်ဖော်ခြေလှမ်းများ၏နံပါတ်စေရန်လိုအပ်ပေသည်။
သငျသညျပုံစံများပြတင်းပေါက်များအတွက်အထူး plugin ကိုသုံးနိုင်သည်။ ဒါဟာဥပမာ, ဆော့ဖ်ဝဲရေးသားသူထံမှ arcticModal သူတို့ကိုဒေါင်းလုပ်လုပ်ရန်အကောင်းဆုံးဖြစ်ပါတယ်။ အောက်မှာဖော်ပြထားတဲ့အတိုင်းကချိတ်ဆက်ပါ:
စံ plug-in ကိုတဦး၏ပြတင်းပေါက်အလှဆင်စတိုင်မပါဘဲဤကဲ့သို့သောကြည့်ရှုမည်:
ထို့နောက်တစ်ဦး plug-in cookie ကိုချိတ်ဆက်:
ဒါဟာတိကျမ်းစာ၌လာသည်ကား က HTML, အသုံးပြုသူမှသတင်းအချက်အလက်ကျွေးမွေးသော:
Next ကိုနောက်ဆုံး script ကိုလာ:
အောက်မှာဖေါ်ပြတဲ့အတိုင်းအသုံးပြုတဲ့ parameters တွေကိုအချို့သည်နေသောခေါင်းစဉ်:
closeOnOverClick: သင်ပြသမှုကို click အခါပြတင်းပေါက်တံခါးပိတ်ရှိမရှိဆုံးဖြတ်ရန်ပါလိမ့်မယ်။
CloseOn Esc: အ Esc နှိပ်နည်းလမ်းများ။
Expires: အ cookie ကိုသိမ်းဆည်းထားကြလိမ့်မည်သည့်ကာလအတွင်းအချိန်ကိုသတ်မှတ်ပါတယ်။ အဆိုပြုထားဂျတှငျ, ဤအချိန်ကား, ပြတင်းပေါက်နှစ်လဖော်ပြပေးမည်မဟုတ်ပါ, ခြောက်ဆယ်ရက်အတွင်းဖြစ်လိမ့်မည်။ အဆိုပါ cookie ကိုသင်လည်ပတ်တစ်ခုချင်းစီကိုအချိန် updated ဖြစ်ပါတယ်။
လိုအပ်မယ်ဆိုရင်သင့်ရဲ့ site ကို jQuery ပုံစံများပြတင်းပေါက်အပေါ်ကို set up ဖို့ဘယ်လိုလေ့လာသင်ယူအသုံးပြုပုံသင်ပိုမိုအဆင့်မြင့် options များပေါ်ရွှေ့နိုင်ပါတယ်။ ဒီလိုလုပ်ဖို့, CSS ကိုစတိုင်များအမျိုးမျိုး add နှင့်ပြတင်းပေါက်အတွက် Model ပြတင်းပေါက်သည်အခြားဆိုက်များမှလုံးဝကွဲပြားခြားနားသောဖြစ်လိမ့်မည်။
ဖြေရှင်းချက်တွေနဲ့စိတ်ကူးယဉ်ခြင်းနှင့်စိတ်ကူးစိတ်သန်းအကူအညီနဲ့သိသိသာသာကျွမ်းကျင်စွာဖြည့်စွက်ပုံစံများပြတင်းပေါက်သိသိသာသာရောင်းအားတိုးမြှင့်နိုင်ဖြစ်ကြ၏ subscriber များအားအရေအတွက်, နှင့်အင်တာနက်စတိုးဆိုင်များတိုးမြှင့်။ ထို့ကြောင့်, ပြတင်းပေါက်၏ programming နဲ့တပ်ဆင်သုံးစွဲသည့်အချိန်, တရားမျှတနဲ့ off ပေးဆောင်ရန်သေချာစေပါ!
ပုံစံများပြတင်းပေါက်အမျိုးအစားများ
ပုံစံများပြတင်းပေါက်သင်သင့်လျော်သော button ကို click တဲ့အခါမှာ pop-up တခုရှိပါတယ်ဒါမှမဟုတ်စာမျက်နှာနှင့်အတူတင်ဆောင်နှင့် startup မှာချက်ချင်းပေါ်လာသည်။ တစ်ဦး cookie ကိုအပေါ်ကဥပမာထဲမှာရှိသကဲ့သို့, set သည်, စာမကျြနှာမှာ loading လုပ်တာဖြစ်ပါတယ်အခါတိုင်းပေါ်လာလျှင်သူတို့ကပိတ်ပွဲမှာမရှိတော့, အချိန်တစ်အချို့သောကာလပေါ်လာနိုင်ပါတယ်။ အဲဒီမှာတစ်နေရာတည်းတွင် fixed ပုံစံများပြတင်းပေါက်များ, ဖြစ်ကြသည်ကို၎င်း, ပြုလုပ်စာမျက်နှာပေါ်တွင်လှုပ်ရှားမှု၏ကြားမှ, နေခဲ့သည်နှင့်ပြောင်းလဲနေသောဖြစ်နိုငျသညျ, ပြတင်းပေါက်၏အတွင်းပိုင်း link တစ်ခုနှင့်အတူသတင်းအချက်အလက်များပါဝင်သည်အခါ, ကအသုံးပြုသူဖြတ်သန်းပါတယ်။ ထိုမှသာပြတင်းပေါက်မူရင်းစာမျက်နှာ၏မပြောင်းလဲနိုင်သောအရာများပြည်နယ်အတွက်ကျန်ရှိသောနှင့်အတူ updated လိမ့်မည်။
Similar articles
Trending Now