WordPress တွင် post tag တစ်ခုလျှင် popup တစ်ခုဖန်တီးပြီး ပြသလိုပါသလား။ ဒါကြောင့် ဒီဆောင်းပါးကို ဆက်ဖတ်ပါ။
ဝဘ်ဆိုဒ်ကိုရှာဖွေသည့်အခါတွင် ပေါ်လာသည့် ဝင်းဒိုးငယ်လေးနှင့် သင်ရင်းနှီးပြီးသားဖြစ်ကြောင်း ကျွန်ုပ်တို့သေချာပါသည်။ ပေါ့ပ်အပ် သို့မဟုတ် ပေါ့ပ်အပ်ဟု ခေါ်သည်။ ပေါ့ပ်အပ်များသည် ဝဘ်ဆိုက်တစ်ခုပေါ်တွင် အရွယ်အစားအမျိုးမျိုးနှင့် မျက်နှာပြင်ပေါ်ရှိ အနေအထားများဖြင့် ပေါ်လာနိုင်သည်။
WordPress တွင် Elementor Pro၊ JetPopup၊ Brizy Pro နှင့် အခြားအရာများကဲ့သို့သော ပေါ့ပ်အပ်များဖန်တီးရန် ပလပ်အင်များစွာရှိသည်။
မှတ်သားထားရမည့်အချက်မှာ Pop-up များသည် သင့်ဝဘ်ဆိုက်လာရောက်သူများကို စိတ်အနှောက်အယှက်မဖြစ်သင့်ပေ။ ထို့ကြောင့်၊ တတ်နိုင်သမျှ ရိုးရှင်းပြီး ဆွဲဆောင်မှုရှိသော ပေါ့ပ်အပ်တစ်ခုကို ဖန်တီးပါ။
မာတိကာ
ပေါ့ပ်အပ်များဖန်တီးရန် WordPress ပလပ်အင်အချို့
Element Pro
Elementor Pro သည် ရာနှင့်ချီသော ပရီမီယံအင်္ဂါရပ်များပါရှိသော Elementor extension တစ်ခုဖြစ်သည်။ ၎င်းသည် သင့်အား သင်၏လုပ်ငန်းအသွားအလာနှင့် ဒီဇိုင်းကို အရှိန်မြှင့်ပေးသည့် အစွမ်းထက်သော ပရော်ဖက်ရှင်နယ်ကိရိယာများကို ပေးသည်။ Elementor Pro သည် သင့်ဝဘ်ဆိုဒ်၏ အပြင်အဆင်နှင့် ဒီဇိုင်းအပေါ် အပြည့်အဝ ထိန်းချုပ်ပေးပါသည်။ ဤကိစ္စတွင်၊ သင်သည် သင်၏ပေါ့ပ်အပ်၏ ဒီဇိုင်းကို လွတ်လပ်စွာ စိတ်ကြိုက်ပြင်ဆင်နိုင်သည်။
အသုံး Element Pro ပို့စ်တက်ဂ်ဖြင့် ပေါ့ပ်အပ်တစ်ခုဖန်တီးရန် အလွန်ရိုးရှင်းပြီး အသုံးပြုရလွယ်ကူသည်။ သင့်ပေါ့ပ်အပ်၏ ပြသမှုအခြေအနေများကို အလွန်တိကျသောနည်းလမ်းဖြင့် အလွယ်တကူ သတ်မှတ်နိုင်သည်။
JetPopup
Crocoblock ၏ JetPopup သည် တိုးချဲ့မှုတစ်ခုဖြစ်သည်။ Elementor. ၎င်းကို သီးခြားပလပ်အင်တစ်ခုအဖြစ် သင်ဝယ်နိုင်သည် သို့မဟုတ် ၎င်းကို အခြား Crocoblock ပလပ်အင်များနှင့်အတူ အတွဲလိုက်ဝယ်နိုင်သည်။ ပေါ့ပ်အပ်ဝင်းဒိုးတစ်ခုဖန်တီးရန် JetPopup ကိုအသုံးပြုခြင်း၏အားသာချက်မှာ ၎င်းတွင် အေးမြသောအင်္ဂါရပ်များစွာပါရှိသည်။
- ပေါ့ပ်အပ်ဝင်းဒိုးအစပျိုးမှုများဖြင့် သင်ကစားနိုင်သည်။
- ပေါ့ပ်အပ်ဝင်းဒိုးအတွက် ကာတွန်းများကို ဖန်တီးနိုင်သည်။
- ပေါ့ပ်အပ်ပုံစံများ အများအပြား ရရှိနိုင်ပါသည်။
ထို့အပြင်ဖတ်ရန်: Elementor အတွက် အကောင်းဆုံး ပရီမီယံ Addons 22 ခု
Brizy Pro
ပေါ့ပ်အပ်တည်ဆောက်သူ Brizy Pro သင့်အား ရွေးချယ်ခွင့် နှစ်ခု ပေးသည်။ ပထမတစ်ခုက ကလစ်ဖြင့် အသက်သွင်းထားသော ပေါ့ပ်အပ်ဖြစ်ပြီး ဒုတိယမှာ အလိုအလျောက် အစပျိုးမှုများနှင့် အခြေအနေများဖြစ်သည်။
- ကလစ်ဖြင့်ဖွင့်ခြင်း- သင့်စာမျက်နှာ၏ဒြပ်စင်များကို နှိပ်ခြင်းဖြင့် သင့်ပေါ့ပ်အပ်ကို အစပျိုးနိုင်ပါသည်။
- အလိုအလျောက် အစပျိုးမှုများနှင့် အခြေအနေများ- ပေါ့ပ်အပ်များကို ပြသသည့်အခါတွင် ဆုံးဖြတ်ပေးမည့် ဧည့်သည်လုပ်ဆောင်ချက်များကို သင် စီစဉ်သတ်မှတ်နိုင်ပါသည်။
WordPress တွင် Elementor ဖြင့် Post Tag ဖြင့် Popup ဖန်တီးနည်း
အစောပိုင်းတွင်ဖော်ပြခဲ့သည့်အတိုင်း၊ သင့်တွင် WordPress တွင် ပေါ့ပ်အပ်တစ်ခုဖန်တီးရန် ရွေးချယ်စရာများစွာရှိသည်။ ဤသင်ခန်းစာတွင်၊ ဗားရှင်းကိုအသုံးပြု၍ ပို့စ်တက်ဂ်တစ်ခုချင်းစီအတွက် ပေါ့ပ်အပ်တစ်ခုကို ဖန်တီးပြီးပြသနည်းကို သင့်အား ပြသပါမည်။ Element Proဒါကြောင့် သင့်မှာ တစ်ခုရှိပြီးသားဆိုတာ သေချာပါစေ။
အဆင့် 1- ပေါ့ပ်အပ်ပုံစံကို ဖန်တီးပါ။
ပထမဆုံးလုပ်ရမှာက Popup template အသစ်တစ်ခု ဖန်တီးဖို့ပါပဲ။ ပေါ့ပ်အပ်ပုံစံအသစ်ဖန်တီးရန်၊ သို့သွားပါ။ နမူနာများ > ပေါ့ပ်အပ်များ သင်၏ WordPress ဒိုင်ခွက်ပေါ်တွင် ခလုတ်ကို နှိပ်ပါ။ အသစ်ထည့်ပါ။
ထို့နောက်၊ သင်၏ Popup အမည်ကိုထည့်ကာ ခလုတ်ကိုနှိပ်ပါ။ မော်ဒယ်တစ်ခု ဖန်တီးပါ။
သင်သည် ပုံစံပလိတ်ဒစ်ဂျစ်တိုက်သို့ ဦးတည်သွားမည်ဖြစ်ပြီး၊ သင်သည် စာကြည့်တိုက်ဝင်းဒိုးမှ နမူနာပုံစံတစ်ခုကို ရွေးချယ်နိုင်သည် သို့မဟုတ် သင့်ကိုယ်ပိုင် Popup နမူနာပုံစံကို ဒီဇိုင်းဆွဲနိုင်သည်။ စာကြည့်တိုက်မှ နမူနာပုံစံတစ်ခုကို အသုံးပြုရန် ခလုတ်ကို နှိပ်ရုံသာဖြစ်သည်။ ထည့်ပါ.
သို့သော် ဤသင်ခန်းစာတွင်၊ ကျွန်ုပ်တို့သည် Popup template ကို အစမှ စတင်ဖန်တီးမည်ဖြစ်သည်။ အိုင်ကွန်ကိုနှိပ်ပါ။ X နမူနာစာကြည့်တိုက်ကို ပိတ်ရန်။
အဆင့် 2- ပေါ့ပ်အပ်ဆက်တင်များကို ချိန်ညှိပါ။
ပေါ့ပ်အပ်ပုံစံတစ်ခုကို မစတင်မီ ပေါ့ပ်အပ်ဆက်တင်များတွင် ပြုပြင်ပြောင်းလဲမှုအချို့ ပြုလုပ်ရန် လိုအပ်ပါသည်။ သင့်ဆိုဒ်အတွက် အကောင်းဆုံးဆက်တင်များကို သင်ရှာဖွေနိုင်ပါသည်။ ဤသင်ခန်းစာတွင်၊ သင်နှစ်သက်ရာ Popup ဆက်တင်များကို သင့်အား ပြသပါမည်။
ဘယ်ဘက်အောက်ထောင့်ရှိ ဂီယာသင်္ကေတကို နှိပ်ပါ။ ပေါ့ပ်အပ်ဆက်တင်များတွင်၊ ကိုပြောင်းလဲပါ။ အကျယ် မြင်ကွင်းအကျယ်၏ 90% တွင် (VW) ထို ရာထူး en ဗဟို-အောက်ခြေ.
အဆင့် 3- Popup ကိုဒီဇိုင်းဆွဲပါ။
ထို့နောက် သင်၏ Popup ပုံစံကို ဒီဇိုင်းဆွဲပါ။ ကဏ္ဍအသစ်တစ်ခုထည့်ကာ ကော်လံ ၅ ခုကို ရွေးချယ်ပါ။ ကဏ္ဍဆက်တင်များတွင်၊ သတ်မှတ်ပါ။ အကျယ် 950 တွင်။ သင်၏ဆက်တင်များဖြင့် ကစားနိုင်သည်။
ဥပမာအားဖြင့်၊ သင် tab ကိုသွားနိုင်သည်။ စတိုင် နောက်ခံကိုသတ်မှတ်ရန်၊ တက်ဘ်သို့သွားပါ။ အဆင့်မြင့် အနားသတ်ကို စိတ်ကြိုက်ပြင်ဆင်ရန်၊ နှင့် အခြားများစွာ။
ယခု သင့်ကော်လံများသို့ ပြန်သွားပါ။ ဘယ်ကော်လံတွင်၊ အကျယ်ကို 33% နှင့် အခြားလေးခုအတွက် 16% သို့ သတ်မှတ်ပါ။
ဘယ်ကော်လံတွင်၊ စာသားအချို့ပါသော ခေါင်းစဉ်ဝစ်ဂျက်ကို ပေါင်းထည့်ပါမည်။ လက်ရှိအကြောင်းအရာနှင့် သက်ဆိုင်သည့် အခြားအကြောင်းအရာများကို ကြည့်ရှုရန် သင့်ဝဘ်ဆိုဒ်သို့ လာရောက်လည်ပတ်သူများကို ဖိတ်ခေါ်သည့် စာသားကို ထည့်သွင်းနိုင်သည်။
ညာဘက်တွင် ပုံဝစ်ဂျက်တစ်ခု ထည့်ပါမည်။ ပို့စ်များ၏ ပုံသေးများ/ အထူးအသားပေးပုံများမှ ပုံများကို ထည့်နိုင်သည် သို့မဟုတ် ၎င်းတို့ကို ကိုယ်တိုင် အပ်လုဒ်လုပ်နိုင်ပါသည်။
အခု ဖွဲ့စည်းပုံက အဆင်သင့်ဖြစ်နေပြီ။ ပြန်သွားပါ။ ပေါ့ပ်အပ်ဆက်တင်များ အဝင်၊ အထွက်နှင့် အနားသတ်ကာတွန်းများကို စိတ်ကြိုက်ပြင်ဆင်ရန်။ ဤသင်ခန်းစာတွင်၊ ကျွန်ုပ်တို့သည် input ကိုသတ်မှတ်ထားသည်။ မှိန်ဆင်း နှင့် output ကိုအပေါ် အရောင်မှိန်လာသည်။. ပြီးရင် tab ကိုသွားပါ။ အဆင့်မြင့် ပြီးလျှင် margin ကို 30 (လင့်ခ်များအတွက် ဘုံတန်ဖိုး) ဟု သတ်မှတ်ပါ။
အဆင့် 4: Popup ကိုထုတ်ဝေပါ။
ဒီဇိုင်းအဆင်သင့်ဖြစ်ပြီဆိုလျှင် ခလုတ်ကိုနှိပ်ပါ။ ထုတ်ဝေသူ ပြသမှုအခြေအနေများနှင့် အစပျိုးမှုများကို သတ်မှတ်ရန်။ ပြသမှုအခြေအနေသတ်မှတ်ရန် ခလုတ်ကိုနှိပ်ပါ။ အခြေအနေတစ်ခုထည့်ပါ။ ပြီးလျှင် drop-down list မှ သင့်ရွေးချယ်မှုကို ရွေးချယ်ပါ။
ပို့စ်တက်ဂ်ဖြင့် ပေါ့ပ်အပ်ကို ပြသလိုသည့်အတိုင်း၊ သင်သည် အောက်ပါပြသမှုအခြေအနေများကို သတ်မှတ်နိုင်သည် (ကာတွန်းကိုကြည့်ပါ)။
Next ကိုနှိပ်ပါ။ တက်ဘ်ထဲမှာ အစပျိုးသည်။၊ trigger ကိုသတ်မှတ်ပါ။ Scroll အပေါ် ခလုတ်ကိုလှန်လိုက်ပါ။ ဟုတ်ကဲ့. သတ်မှတ်ပါ။ Direction အဖွဲ့ sur Bas et la အကျယ် 95% ကျော်။ အဘယ်ကြောင့်ဆိုသော် ကျွန်ုပ်တို့သည် ကျွန်ုပ်တို့၏ဆောင်းပါး၏အဆုံးတွင် ဧည့်သည်များရောက်ရှိသောအခါတွင် Popup ပေါ်လာစေလိုသောကြောင့်ဖြစ်သည်။
ဤသင်ခန်းစာတွင်၊ ကျွန်ုပ်တို့သည် အဓိပ္ပါယ်ဖွင့်ဆိုမည်မဟုတ်ပါ။ အဆင့်မြင့်စည်းမျဉ်းများ. ဒါဆို နှိပ်လိုက်ပါ။ သိမ်းဆည်းပြီး ပိတ်ပါ။. ကဲ ပြီးပြီ။
ဘယ်လိုပုံစံလဲဆိုတာ ကြည့်လိုက်ရအောင်။
ဤတွင် သင်သည် သင်၏ ပေါ့ပ်အပ်ကို အပြီးသတ်လိုက်ပါပြီ။ ကျွန်ုပ်တို့၏ ဆက်စပ်ဆောင်းပါးများကိုလည်း ကြည့်ပါ။
- 6 Elementor's Posts Widget အတွက် အသုံးဝင်သော CSS အတိုအထွာများ
- Elementor Loop Builder ဖြင့် စာရင်းစာမျက်နှာတစ်ခုကို ဖန်တီးနည်း
- သင်၏ Elementor ဝဘ်ဆိုက်တွင် အလုပ်ချိန်ထည့်နည်း
- Elementor Button Text တွင် Line Break ထည့်နည်း
- Elementor တွင် အောက်ခြေမှတ်တိုင်တစ်ခုကို ဖန်တီးပြီး တည်းဖြတ်နည်း
- Elementor တွင် Image Mask ထည့်နည်း
- Elementor သို့မဟုတ် Brizy- အကောင်းဆုံး WordPress စာမျက်နှာတည်ဆောက်သူကား အဘယ်နည်း။
Related ဆောင်းပါးများ
- Elementor အတွက် အကောင်းဆုံး ပရီမီယံ Addons 22 ခု
- Elementor နှင့် Beaver Builder- စာမျက်နှာတည်ဆောက်သူများ၏ အသေးစိတ် နှိုင်းယှဉ်ချက်
- Elementor Review 2024- Elementor ဖြင့် အတွေ့အကြုံ (အားသာချက်၊ အားနည်းချက်များ၊ အင်္ဂါရပ်များနှင့် အခြားအရာများ)
- Elementor တွင် အပြန်အလှန်အကျိုးသက်ရောက်သော စက်ဝိုင်းတစ်ခုကို ဖန်တီးနည်း
- Elementor ဝဘ်ဆိုဒ်ကို အလွန်မြန်အောင်ပြုလုပ်နည်း- ကျူတိုရီရယ်ပြီးအောင်
- ဆိုက်တစ်ခုအား Elementor Cloud သို့ မည်သို့ပြောင်းရွှေ့ရမည်နည်း။
- Elementor အတွက် အကောင်းဆုံး Instagram Feed Plugins 5 ခု [ကျွန်ုပ်တို့၏ ထိပ်တန်းရွေးချယ်မှုများ]
- Elementor တွင် Advanced Accordion ကိုအသုံးပြုနည်း