WordPress Plugin: Elementor ပါသော Lightbox တစ်ခုတွင်ဗွီဒီယိုတစ်ခုကိုဖွင့်ပါ

Elementor ခလုတ်ကိုဖွင့်ထားသော Video Lightbox

ဖောက်သည်တစ်ယောက်နှင့်အတူဝက်ဘ်ဆိုက်တစ်ခုကိုကျွန်ုပ်တို့ချမှတ်ခဲ့သည် Elementor၊ WordPress အတွက်အလွန်စိတ် ၀ င်စားစရာကောင်းသည့်ဆွဲချလေးတစ်ခုတည်းဖြတ်ခြင်းပလပ်ဂင်သည်ပရိုဂရမ်းမင်းမပါဘဲနှင့် shortcodes များကိုနားလည်ရန်မလိုပဲရှုပ်ထွေး။ လှပသောအပြင်အဆင်များကိုတည်ဆောက်ရန်မည်မျှလွယ်ကူသည်ကိုပြောင်းလဲစေသည်။

Elementor မှာကန့်သတ်ချက်အချို့ရှိတယ်။ တစ်ခုကတော့ငါ client site တစ်ခုမှာအလုပ်လုပ်ခဲ့တယ်။ Lightbox တွင်ဗွီဒီယိုတစ်ခုဖွင့်ရန်ခလုတ်တစ်ခုသာလိုချင်ကြသည်။ Elementor မတင်ပြသောအရာဖြစ်သည်။ ကစားခလုတ်ကို သုံး၍ ဖြစ်စေမပါဘဲရုပ်ပုံကို သုံး၍ ပြtheနာကိုဖြေရှင်းနိုင်သည်။ သို့သော် Elementor တွင်ကြီးမားသောခလုတ်ဒြပ်စင်ရှိသည်။ ငါသူတို့ကဒီ box ကိုထဲကပူဇော်ကြဘူးအံ့သြသွားမိပါတယ်။

ကျေးဇူးတင်စရာ, ထိုအဘို့အ plugin ကိုရှိပါတယ်!

Elementor အတွက်မရှိမဖြစ်ထည့်သွင်းမှုများ

ကျေးဇူးတင်စရာကောင်းတာက Elementor အတွက်စျေးကွက်ထဲမှာဖြည့်စွက်ချက်များစွာရှိပါတယ်။ သင်ပလပ်ဂင်ထုတ်လုပ်သူကိုရွေးချယ်သည့်အခါအတော်လေးဂရုစိုက်ရမည်။ Elementor ပေါ်တွင် WordPress site တစ်ခုတည်ဆောက်ထားခြင်းသည် Elementor အပေါ်တွင်မှီခိုနေသည်။ ထို့နောက်အခြားရောင်းချသူမှထပ်မံထည့်သွင်းထားသည့်အခြားထပ်ဆောင်းမှုတစ်ခုပေါ်မူတည်သည်။ WordPress နှင့် Elementor ဗားရှင်းများမွမ်းမံသည့်အခါပလပ်ဂင်ထုတ်လုပ်သူတွင်တပ်ဆင်မှုများစွာနှင့်ဆက်စပ်သောဝင်ငွေများနှင့်ပလပ်ဂင်များကိုထိန်းသိမ်းရန်နှင့်တိုးတက်စေရန်အတွက်သင်၏ WordPress ဆိုဒ်၏အောင်မြင်မှုအတွက်အရေးကြီးသည်။

တစ်ခုမှာစိတ်ကူး plugin ကိုဖြစ်ပါတယ် Elementor အတွက်မရှိမဖြစ်ထည့်သွင်းမှုများ။ တပ်ဆင်မှုပေါင်း ၈၀၀,၀၀၀ ကျော်နှင့်အတူ Elementor အတွက်လူကြိုက်အများဆုံး add-on plugin တစ်ခုဖြစ်နိုင်သည်။ ဤပလပ်အင်တွင်အဓိကကျသောအရာတစ်ခုမှာ Elementor နှင့်အတူတည်ဆောက်ထားသော WordPress ဝက်ဘ်ဆိုက်အတွက်အလွယ်တကူထည့်သွင်းပြင်ဆင်နိုင်ခြင်းဖြစ်သည်။

Elementor Lightbox Button ကို

သင်ပေးရသော Elementor ပလပ်ဂင်အတွက်အခြေခံလိုအပ်သောထပ်တိုးများထည့်သွင်းပြီးပါက၊ Lighbox & Modal သင့်ရဲ့ Elementor ဒြပ်စင်ထဲမှာ element ကိုကြည့်ရှုရန် feature ။ ၎င်းသည်သင်၏စာမျက်နှာသို့အလွယ်တကူရှာဖွေ။ ဆွဲယူနိုင်သည်။

မော်ဒယ် elementor lighbox

ထိုအခါသင် element တစ်ခုအဘို့အစုံတွဲတစ်တွဲ settings ကိုပြုပြင်ချင်:

  • Settings> Trigger ကိုသတ်မှတ်ပါ Button ကိုနှိပ်ပါ
  • Setting> Set ကိုရိုက်ပါ ကြယ်သီး
  • ချိန်ညှိချက်များသတ်မှတ်ပါ button ကိုစာသား
  • အကြောင်းအရာကိုသတ်မှတ်ပါ စာမျက်နှာ / ဗီဒီယို / မြေပုံသို့ချိတ်ဆက်ပါ
  • အကြောင်းအရာ> သတ်မှတ်မည် စာမျက်နှာ / ဗီဒီယို / မြေပုံ URL ကိုပေးပါ သင်၏ဗီဒီယို URL သို့သွားပါ

ထို့နောက်သင်လိုအပ်သည့် lightbox နှင့် button ပုံစံကိုစိတ်ကြိုက်ပြင်ဆင်နိုင်သည်။ ၎င်းသည်ဤ add-on နှင့် Elementor အကြားတွင်ချောမွေ့သောအတွေ့အကြုံဖြစ်သည်။

elementor lightbox ခလုတ်ကို

၎င်း feature သည်ပေးဆောင်ရကျိုးနပ်ဖွယ်ရှိသော်လည်း Elementor plugin အတွက်မရှိမဖြစ်လိုအပ်သော Add-Ons များတွင်အခမဲ့နှင့်ပေးဆောင်ထားသောဗားရှင်းနှစ်ခုလုံးပါရှိသည်။ မှတ်ချက် - Lightbox ၏လုပ်ဆောင်နိုင်စွမ်းသည်အခကြေးပေးသောဗားရှင်းဖြစ်သည်။

Elementor အတွက်မရှိမဖြစ်လိုအပ်သောအရာများ - Free Element များ

အခမဲ့ဗားရှင်းတွင်ထည့်သွင်းနိုင်သည့်အခြေခံအချက်အချို့ရှိသည်။

  • သတင်းအချက်အလက် Box ကို - Icon On Top ကိုထည့်ခြင်းနှင့်ကာတွန်းသက်ရောက်မှုများထည့်ခြင်းဖြင့် Info Box အမျိုးအစားဖြင့်သော့ချက်အချက်အလက်များကိုပြသပါ။
  • အဆင့်မြင့်အကော်ဒီယန် - ပြသထားသောအကြောင်းအရာများကိုပြသရန်၊ toggle ပုံသင်္ကေတကို enable လုပ်ရန်၊ အကော်ဒီယန်အပိုင်းကိုလိုချင်သောစာသားဖြင့်ဖြည့်ပြီးပရိသတ်များအတွက်အပြန်အလှန်အကျိုးသက်ရောက်မှုရှိစေရန်ပြုလုပ်ပါ။
  • Woo ကုန်ပစ္စည်း Grid - WooCommerce ထုတ်ကုန်များကိုမည်သည့်နေရာတွင်မဆိုပြသပြီးအမျိုးအစားများ၊ တံဆိပ်များသို့မဟုတ် attribute များဖြင့်ထုတ်ကုန်များကိုပြသပါ။ ၎င်းကိုရင်သပ်ရှုမောဖွယ်ဖြစ်စေရန်အတွက် layout ပေါ်တွင် hover effect ကိုအလွယ်တကူထည့်နိုင်သည်။
  • Flip Box ကို - mouse ကိုပျံဝဲပေါ်တွင်ဘယ်ဘက် / ညာ animation များကိုလှန်လိုက်ပါ။
  • အဆင့်မြင့် Tabs - ဥပမာအားဖြင့်ပရိသတ်တစ်ခုကိုဆွဲဆောင်ရန်စိတ်ကြိုက်ပြုလုပ်ထားသောအသိုက်လုပ်ထားသော tabs များဒီဇိုင်းကိုအထောက်အကူပြုသောအပြန်အလှန်ဆက်သွယ်မှုပုံစံဖြင့်သော့အချက်အလက်များကိုပြသပါ။
  • စျေးနှုန်းဇယား - သင်၏အလားအလာရှိသော ၀ ယ်သူများထံမှပိုမိုရောင်းအားရရန်ထိရောက်သောဒီဇိုင်းဖြင့်ထိရောက်သောကုန်ပစ္စည်းစျေးနှုန်းဇယားကိုဖန်တီးပါ။
  • Image ကိုအကော်ဒီယန် - EA Image Accordion ကို အသုံးပြု၍ သင်၏ပုံများကိုအံ့သြဖွယ်ကောင်းလောက်အောင်ပျံဝဲခြင်းဖြင့်အထူးပြုလုပ်ပါ။ 
  • ပို့စ်ဂရစ် - ဘလော့ဂ်တင်ပို့ချက်ပေါင်းများစွာကိုဇယားကွက်ပေါ်၌ပြသပါ။ သင်ကြိုက်နှစ်သက်သော layout ကို layout setting မှ ရွေးချယ်၍ animation ထည့်။ visitors ည့်သည်များအတွက်အပြန်အလှန်ကြည့်ရှုနိုင်သည်။
  • လှုပ်ရှားမှုသို့ခေါ်ဆိုပါ - သင်၏ Call To Action ပါဝင်သည့်အကြောင်းအရာကိုအရောင်ဖန်တီးပြီး visitors ည့်သည်များအားလိုချင်သောလုပ်ဆောင်မှုသို့တိုက်ရိုက်ဆက်သွယ်ရန်ချိတ်ဆက်ပါ။
  • နှစ်သစ်ကြိုဆိုပွဲ - မတူညီသောစတိုင်အမျိုးမျိုးမှအချိန်ကာလတစ်ခုသတ်မှတ်ခြင်း။
  • Timeline တင်ရန် - ရင်သပ်ရှုမောဖွယ်ကောင်းသည့်ဒေါင်လိုက်ပုံစံဖြင့်ဘလော့ဂ်ပို့စ်များ၊ စာမျက်နှာများသို့မဟုတ်စိတ်ကြိုက်ရေးသားချက်များကိုပြသပါ။ ပရိသတ်စိတ်ဝင်စားမှုကိုဆွဲဆောင်ရန်သင်ကြိုက်နှစ်သက်သောပို့စ်အရေအတွက်ကိုသတ်မှတ်နိုင်သည်၊ အံ့သြဖွယ်ကောင်းသည့်အကျိုးသက်ရောက်မှုများ၊ ရုပ်ပုံတင်ခြင်း၊ ခလုတ်နှင့်အခြားအရာများထည့်နိုင်သည်။
  • စစ်ထုတ်နိုင်သောပြခန်း - ပုံများကိုသီးခြားအမျိုးအစားများ၊ ဇယားကွက်ပုံစံများဖြင့်ပြသပြီးထူးခြားသောအသွင်အပြင်ကိုသေချာစေရန်ဒီဇိုင်းတစ်ခုလုံးကိုစိတ်ကြိုက်ပြုပြင်ပါ။

Elementor အတွက်မရှိမဖြစ်လိုအပ်သော Add-Ons များကို Download လုပ်ပါ

Elementor အတွက်မရှိမဖြစ်လိုအပ်သောအရာများ - Paid Elements များ

ပေးဆောင်ထားသောဗားရှင်းဖြင့်သင်သည်သင်၏ Elementor အခြေပြုအခင်းအကျင်းတွင်အမြင့်ဆုံးစွမ်းရည်များကိုအမှန်တကယ်ပေးစွမ်းနိုင်သောနောက်ထပ်တစ်တန်စာပိုများလာသည်။

  • Lightbox & Modal - သင့်ရဲ့ဗွီဒီယိုများ၊ သင်အလိုရှိသောခလုတ်လုပ်ဆောင်မှုများကိုသတ်မှတ်နိုင်သည်၊ ကာတွန်းတစ်ခုထည့်နိုင်သည်၊ ထိတွေ့ဆက်ဆံမှုကိုအမြင့်ဆုံးဖြစ်စေရန်အပြင်အဆင်ကိုသတ်မှတ်နိုင်သည်။
  • Image ကိုနှိုင်းယှဉ် - သင်၏ကုန်ပစ္စည်းပုံရိပ် (၂) ခုနှင့်နှိုင်းယှဉ်ရန်သင်၏ဖြစ်နိုင်ချေရှိသော ၀ ယ်သူများကိုလုပ်ပိုင်ခွင့်ပေးသည်။New နှင့်နှိုင်းယှဉ်လျှင်အဟောင်း) အံ့သြဖွယ်လမ်းအတွက်။
  • လိုဂို Carousel - သင်၏ဆန္ဒ carousel အကျိုးသက်ရောက်မှုကိုရွေးပါ၊ လိုဂိုတစ်ခုထည့်။ သင်၏ဖောက်သည်များသို့မဟုတ်လုပ်ဖော်ကိုင်ဖက်များကိုလှပစွာပြသနိုင်ရန်ထွက်ပေါ်လာအောင်ပြုလုပ်ပါ။
  • Parallax အကျိုးသက်ရောက်မှုများ - သင်၏ visitors ည့်သည်များကိုသင်၏ site ကိုအလွှာစုံပါရှိသည့် parallax အကျိုးသက်ရောက်မှုကိုတွေ့မြင်ရန်ခွင့်ပြုပါလိမ့်မည်။
  • အထူးနှုန်းများ - သင်၏ visit ည့်သည်၏အာရုံစူးစိုက်မှုကိုဆွဲဆောင်ရန်ဆွဲဆောင်မှုရှိသောခေါင်းစဉ်၊ အတွင်းပိုင်းပါဝင်သည့်အကြောင်းအရာ၊ မောက်စ်မာတာနှင့်လှပသောရုပ်ပုံများကိုထည့်ပါ။
  • အကြောင်းအရာ Toggle - သင်၏ visitors ည့်သည်များအာရုံစိုက်လိုသောကွဲပြားခြားနားမှုများကိုမီးမောင်းထိုးပြသည့်သင်၏အကြောင်းအရာသို့ပျံဝဲအကျိုးသက်ရောက်မှုတစ်ခုထည့်ပါ။
  • Google ကမြေပုံs - မြေပုံကိုဖွဲ့စည်းရန်၊ အမှတ်အသားအိုင်ကွန်များကိုထည့်ပြီး visitors ည့်သည်များအတွက်အပြန်အလှန်အကျိုးပြုစေရန်။
  • အမှုန်အကျိုးသက်ရောက်မှု - ၎င်းကိုထင်ရှားပေါ်လွင်စေရန်သင်၏ ၀ က်ဘ်ဆိုက်တွင်ဖန်တီးမှုအပိုင်းများကိုထည့်ပါ။
  • အပြန်အလှန်ဆက်သွယ်နိုင်သောကတ်များ - အတွင်းပိုင်း scrolling နှင့်အဆင့်မြင့်စွမ်းရည်များကိုသင်၏ content block များသို့ယူဆောင်ပါ။
  • ကာကွယ်ထားသောအကြောင်းအရာ - စကားဝှက်တစ်ခု (သို့) အသုံးပြုသူအခန်းကဏ္ by အားဖြင့်အကြောင်းအရာများကိုကန့်သတ်ပါ။
  • Post ကို Block - မျက်မှောက်ခေတ် CSS Flex ၏စွမ်းအားကို သုံး၍ သင်၏ဘလော့ဂ်ပို့စ်များကိုထူးခြားသောစတိုင်များဖြင့်ပြသပါ။ layout ကိုရွေးချယ်ပြီး၊ animation ကိုထည့်နိုင်တယ်၊ icon တစ်ခုထည့်ပြီး hover effect အပါအဝင်အရာအားလုံးကို style လုပ်နိုင်တယ်။
  • အဆင့်မြင့် Tooltip - အကြောင်းအရာအပေါ်နှင့်အောက်မှ tooltips ထည့်ပါ။
  • Page Navigation တစ်ခု - Elementor ကိုကလစ်အနည်းငယ်နှိပ်ရုံဖြင့်စာမျက်နှာတစ်ခုတည်း ၀ က်ဘ်ဆိုက်တစ်ခုတည်ဆောက်ပါ။
  • သက်သေခံချက် slider ကို - အကြောင်းအရာoneရိယာတစ်ခုအတွင်းပြန်လည်သုံးသပ်ခြင်းများစွာကိုပြသနိုင်သည့်အပြန်အလှန်တုံ့ပြန်မှုရှိသည့်ထောက်ခံစာများဘုတ်အဖွဲ့ကိုဖန်တီးပါ။
  • Instagram ကို - သင်၏ဆိုက်ကိုလာရောက်လည်ပတ်သူရဲ့အာရုံကိုဖမ်းယူနိုင်ပြီးသင့် Instagram မှာ Instagram feed ပြသခြင်းအားဖြင့် Instagram နောက်လိုက်တွေကိုပိုပြီးမောင်းနှင်ပါ။
  • ပုံ Hotspot - သုံးစွဲသူနှင့်သက်ဆိုင်သောစာသားကိုဖော်ပြရန် hotspots များကို နှိပ်၍ ၎င်းကိုစိတ်ကြိုက် Tooltips များဖြင့် image area hotspots များကိုထည့်ပါ။

ငါတကယ်တန်ဖိုးထားတဲ့ plugin ပါတဲ့ option တစ်ခုက site အတွင်းရှိဒီ element တစ်ခုစီကို enable or disable လုပ်နိုင်တယ်။ ဤအရာသည်သင်၏ site ထဲသို့ feature တစ်ခုချင်းစီ၏ script ၏ overhead ကိုကန့်သတ်ထားသည်။

Elementor အတွက်မရှိမဖြစ်လိုအပ်သော Add-Ons များကို Download လုပ်ပါ

သင်ဘယ်လိုထင်ပါလဲ?

ဤ site ကိုစပမ်လျှော့ချဖို့ Akismet ကိုအသုံးပြုသည်။ သင့်ရဲ့ comment ကိုဒေတာများကိုဆောင်ရွက်ပြီးဖြစ်ပါတယ်လေ့လာ.