Shortcode များ၏ မပြောပြဖြစ်သော ပြဿနာ

Shortcode များသည် WordPress ၏ အထွတ်အထိပ် လုပ်ဆောင်ချက်များထဲမှ တစ်ခုဖြစ်ပါသည်။ Shortcode များသည် developer များနှင့် ဝဘ်ဆိုက်ဖန်တီးသူများကြား ပေါင်းကူးတံတားဖြစ်ပြီး၊ လူများအနေဖြင့် ၎င်းတို့အလိုရှိရာ နေရာတိုင်းနီးပါးတွင် အသေးစိတ်အကြောင်းအရာ အစိတ်အပိုင်းများကို ထည့်သွင်းနိုင်စေပါသည်။ Plugin ဖန်တီးသူများသည် shortcode များကို နှစ်သက်ကြသည်၊ အဘယ်ကြောင့်ဆိုသော် ၎င်းသည် အသုံးပြုသူများအနေဖြင့် ၎င်းတို့၏ အကြောင်းအရာများကို မည်သည့်နေရာနှင့် မည်သို့ပြသမလဲဆိုသည့်အပေါ် ပိုမိုပြောင်းလွယ်ပြင်လွယ်ရှိစေသောကြောင့် ဖြစ်သည်။

အကယ်၍ သင်သည် shortcode များဆိုသည်မှာ မည်သည့်အရာဖြစ်ပြီး မည်သည့်ပုံစံရှိသည်ကို မသိပါက၊ ၎င်းတို့သည် လေးထောင့်ကွင်းခတ်များအတွင်း ရေးသားထားသော ရှေးရိုးဆန်သည့် ကုဒ်ပုံစံ စာသားများ ဖြစ်ကြသည်။ ၎င်းတို့သည် ဤကဲ့သို့ ပုံစံမျိုး ဖြစ်သည် –

ဤသီးခြားတစ်ခုကို embed shortcode ဟုခေါ်ပြီး WordPress တွင် မူလအတိုင်း ထည့်သွင်းပေးထားပါသည်။ ဤသီးခြားတစ်ခုသည် URL မှ ဗီဒီယိုကို သင့်အကြောင်းအရာအတွင်းသို့ ထည့်သွင်း (embed) ပေးပါသည်။ စမ်းသပ်ကြည့်လိုပါက အထက်ပါ shortcode ကို ကူးယူပြီး သင့်ဝဘ်ဆိုက်ထဲသို့ paste လုပ်လိုက်ရုံသာ ဖြစ်သည်။

နောက်ကွယ်တွင် ဖြစ်ပျက်ပုံမှာ သင့်အကြောင်းအရာထဲတွင် shortcode တစ်ခုကို WordPress တွေ့ရှိသောအခါ၊ ၎င်းကို လုပ်ဆောင်ပြီး အခြားအရာတစ်ခုအဖြစ် ပြောင်းလဲပေးပါသည်။ ကျွန်ုပ်တို့၏ အထက်ပါကိစ္စတွင်

shortcode ကို တွေ့ရှိသည့်အခါတိုင်း WordPress သည် shortcode ထဲရှိ URL ကို ယူပြီး ၎င်းတွင်ရှိသော အကြောင်းအရာဝန်ဆောင်မှုပေးသူများစွာနှင့် စစ်ဆေးတိုက်ဆိုင်ကြည့်ပါသည်။ တစ်ခုခုတွေ့ရှိပါက သင့်လျော်သော iframe embed ကုဒ်ကို ရယူပြီး ၎င်းအစား ထိုကုဒ်ကို ပြသပေးသည်။

ဒါဆိုရင် ဒီနေရာမှာ ဘာပြဿနာရှိလို့လဲ။ အတော်လေး လွယ်ကူပုံရသည်၊ သင်သည် ကွင်းစကွင်းပိတ်ပါသော စာတိုလေးတစ်ခုကို ရိုက်ထည့်လိုက်ရုံဖြင့် ပြီးသွားပြီ မဟုတ်ပါလား။

Shortcode API သို့ ရောက်ရှိလာပါပြီ..

Shortcode များ အမြောက်အမြား

Shortcode API သည် developer များအတွက် shortcode များ ဖန်တီးမှုကို ဖွင့်လှစ်ပေးခဲ့သည်။ ဤအချက်ကြောင့် developer များသည် ၎င်းတို့၏ plugin များထဲတွင် ၎င်းတို့ကိုယ်ပိုင် shortcode များကို ထည့်သွင်းနိုင်လာကြသည်။

ဒါဟာ ကောင်းမွန်လှသည်၊ ယခုအခါ ကုဒ်ပုံစံ စာသားတိုလေးတစ်ခုတည်းဖြင့် (ထို့ကြောင့် “shortcode” ဟု အမည်တွင်ခြင်းဖြစ်သည်)၊ စတင်လေ့လာသူများနှင့် အဆင့်မြင့်အသုံးပြုသူများပါ ၎င်းတို့အလိုရှိရာ မည်သည့်အကြောင်းအရာအမျိုးအစားကိုမဆို ကြိုက်နှစ်သက်သည့် မည်သည့်နေရာတွင်မဆို ထည့်သွင်းနိုင်ပြီဖြစ်သည်။

WordPress တွင် မူလအရ shortcode အနည်းငယ်သာ ပါရှိသည်။ ၎င်းတို့သည် နည်းပါးသောကြောင့် အလွတ်မှတ်မိပြီး ရိုက်ထည့်ရသည်မှာ လွယ်ကူသည်။ သို့သော် သင်သည် plugin အနည်းငယ် ထည့်သွင်းလိုက်ပါက shortcode အရေအတွက်သည် တစ်ဒါဇင် သို့မဟုတ် ထို့ထက်ပို၍ လျင်မြန်စွာ များပြားလာပြီး အချို့ကိစ္စများတွင် ရာနှင့်ချီ၍ပင် ရှိလာတတ်သည်။ shortcode တစ်ခုစီတွင် ကိုယ်ပိုင် attribute များနှင့် ၎င်းတို့ကို မည်သို့အသုံးပြုရမည်ဆိုသည့် ညွှန်ကြားချက်များ ရှိကြသည်။ plugin တစ်ခုစီတွင် ၎င်းတို့၏ shortcode များ မည်သို့အလုပ်လုပ်သည်နှင့် တစ်ခုစီတွင် အသုံးပြုနိုင်သော parameter များအားလုံးကို ဖော်ပြထားသည့် မှတ်တမ်း (documentation) တစ်မျိုးမျိုး ရှိတတ်သည်။ သို့သော် shortcode များအားလုံးနှင့် ၎င်းတို့၏ attribute များကို သင်အလွတ်ကျက်မှတ်ရန် ကြိုးစားပါက သင် ရူးသွားပါလိမ့်မည်။

ပြဿနာမှာ သင့်ဝဘ်ဆိုက်တွင် ရရှိနိုင်သော shortcode များအားလုံးနှင့် ၎င်းတို့ကို မည်သို့အသုံးပြုရမည်ကို ရှာဖွေနိုင်သည့် ဗဟိုပြုနေရာတစ်ခုမျှ မရှိခြင်းပင် ဖြစ်သည်။

အချို့က ပြဿနာကို ဖြေရှင်းရန် ကြိုးစားကြသည်

အချို့သော plugin များသည် ၎င်းတို့၏ ကိုယ်ပိုင် shortcode များအားလုံးကို လွယ်ကူစွာ အသုံးပြုနိုင်သော drop down စာရင်းထဲတွင် ပြသခြင်းဖြင့် ဤပြဿနာကို ဖြေရှင်းရန် ကြိုးစားကြသည်။ ထို့နောက် တစ်ခုခုကို နှိပ်လိုက်ပါက ထို shortcode အတွက် ဖြစ်နိုင်သမျှသော attribute များ အားလုံး အပြည့်အစုံဖြင့် ထွက်ပေါ်လာမည်ဖြစ်သည်။ ၎င်းကို အလွတ်မှတ်ထားရန် မလိုအပ်တော့သဖြင့် ဒါဟာ ကောင်းသောအချက် ဖြစ်သည်။

အချို့မှာ ပိုမိုရှေ့တန်းတင်ကာ shortcode ၏ attribute များကို ဖြည့်စွက်ရန် checkbox များနှင့် color picker များပါဝင်သော settings popup form တစ်ခုကို ထည့်သွင်းပေးထားကြသည်။

ဤဖြေရှင်းနည်းသည် အတိုင်းအတာတစ်ခုအထိ အဆင်ပြေသည်။ သို့သော် plugin တစ်ခုစီသည် ၎င်းတို့၏ ကိုယ်ပိုင် shortcode များကိုသာ ဖော်ပြကြသည်။ ထို့ကြောင့် plugin တစ်ခုစီက ၎င်းတို့ကိုယ်ပိုင် shortcode ရွေးချယ်မှုပုံစံကို ဖန်တီးပါက သင့်မျက်နှာပြင်ပေါ်တွင် shortcode ရွေးချယ်သည့်စနစ် အများအပြား ပေါ်လာသည့် အခြေအနေမျိုးနှင့် ကြုံတွေ့ရမည်မှာ သေချာပါသည် (ဒါဟာ ကျွန်တော့်မှာလည်း ကြုံဖူးပါသည်)။

တစ်နည်းအားဖြင့် plugin တစ်ခုစီသည် မိမိစိတ်ကြိုက် လုပ်ဆောင်ကြပြီး ၎င်းတို့၏ shortcode များအတွက် သီးခြားဖြေရှင်းနည်းများကို အကောင်အထည်ဖော်ကြသည်။ အချို့ plugin များသည် “Add Media” ခလုတ်ဘေးတွင် ခလုတ်အသစ်တစ်ခု ထည့်သွင်းကြသလို၊ TinyMCE အတွင်းတွင် အသစ်တစ်ခု ထည့်သွင်းကြသည်လည်း ရှိသည်။

ဒါကြောင့် ယခု သင် တွေးကောင်းတွေးနေနိုင်သည်၊ “အခြား plugin တွေရဲ့ shortcode တွေကိုပါ စုစည်းပြီး သင့်ရဲ့ dropdown / shortcode picker ထဲမှာ ဘာလို့ မထည့်သွင်းတာလဲ။” ဟုတ်ပါသည်၊ ဒါဟာ ကျွန်တော် အတိအကျ တွေးခဲ့တဲ့ အရာပါပဲ။ ဒါပေမဲ့ ဒါဟာ ပြောသလောက် မလွယ်ကူပါ။ အဘယ်ကြောင့်ဆိုသည်ကို မကြာမီ ကျွန်တော် ရှင်းပြပါမည်၊ သို့သော် ဦးစွာ အကောင်းဆုံး စံပြဖြေရှင်းချက်က မည်သို့ပုံစံရှိမည်ကို ကြည့်ကြပါစို့။

အကောင်းဆုံး စံပြဖြေရှင်းနည်း

အကောင်းမွန်ဆုံး အစီအစဉ်မှာ သင့်ဝဘ်ဆိုက်ရှိ အသုံးပြုနိုင်သော shortcode များအားလုံးကို စုစည်းပေးပြီး ထိုစာရင်းကို သင့်ထံ ပြသပေးသည့်အပြင် attribute များ အားလုံးကို ဖြည့်သွင်းရာတွင်လည်း ကူညီပေးမည့် plugin တစ်ခုကို ဖန်တီးခြင်း ဖြစ်ပေလိမ့်မည်။ ထို့အပြင် သင် plugin အသစ်တစ်ခု ထည့်သွင်းတိုင်း ထိုအသစ်ပါလာသော shortcode များအားလုံးကိုလည်း သင့်ထံ ပြသပေးမည် ဖြစ်သည်။

သင့် shortcode များအားလုံးကို လွယ်ကူစွာ အသုံးပြုနိုင်ရန် စုစည်းထားရှိမည့် ဗဟိုနေရာတစ်ခုကို မြင်ယောင်ကြည့်ပါ။ shortcode တစ်ခုစီသည် ၎င်းတို့ မည်သည့်အရာလုပ်ဆောင်ပေးသည်နှင့် မည်သည့် plugin သို့ သက်ဆိုင်သည်ကို ရှင်းပြပေးထားမည်။ ထို့နောက် ရရှိနိုင်သော attribute တစ်ခုစီအတွက် အညွှန်း (label)၊ တန်ဖိုးတစ်ခုကို ရွေးချယ်ရန် သင့်လျော်သောနည်းလမ်းနှင့် ရှင်းလင်းချက်တို့ ပါဝင်နေမည်ဟု မြင်ယောင်ကြည့်ပါ။ drop down များ၊ color picker များ၊ radio button များ၊ toggle များနှင့် အခြားသောအရာများကို သင့်အား ပြသပေးမည်ဖြစ်သည်။

ဤကဲ့သို့သောအရာသည် ဝဘ်ဆိုက်နှင့် အကြောင်းအရာ ဖန်တီးသူများဖြစ်ကြသည့် ကျွန်ုပ်တို့၏ ဘဝများကို ပိုမိုလွယ်ကူစေမည်ဖြစ်သည်။ သင်အသုံးပြုလိုသော slider တစ်ခုအတွက် ထွက်ပေါ်လာသည့် shortcode ကို ကူးယူရန် မှတ်တမ်းအမျိုးမျိုးကို စစ်ဆေးခြင်း သို့မဟုတ် သင့် admin ၏ နေရာအသီးသီးသို့ သွားရောက်ကြည့်ရှုခြင်းများ ပြုလုပ်ရန် မလိုတော့ပေ။

သတိပြုရန်အချက်

ကံမကောင်းစွာဖြင့်၊ လက်ရှိအချိန်တွင် ထိုကဲ့သို့သောအရာကို ပြုလုပ်ရန် အတော်လေး ခက်ခဲပါသည်။ shortcode တစ်ခု၏ အသေးစိတ်အချက်အလက်အားလုံးကို သိရှိနိုင်မည့် သေချာသောနည်းလမ်း မရှိသေးပါ။ သင်သည် shortcode အားလုံး၏ စာရင်းကို ရရှိနိုင်သော်လည်း ၎င်းတို့၏ အမှန်တကယ် tag/အမည်များကိုသာ ရရှိနိုင်ပြီး attribute များစာရင်း၊ ၎င်းတို့ မည်သည့်အရာလုပ်ဆောင်သည်နှင့် ၎င်းတို့၏ အမျိုးအစားများ (string၊ အရောင် သို့မဟုတ် ကိန်းဂဏန်း စသည်ဖြင့်) ကဲ့သို့သော အပိုအသေးစိတ်အချက်အလက်များကို မရရှိနိုင်ပါ။ ထို့ပြင် attribute တစ်ခုစီအတွက် ရှင်းလင်းချက်ပုံစံမျိုးကိုလည်း မရရှိနိုင်ပါ။

developer များအတွက် မှတ်ချက် – ဟုတ်ပါသည်၊ shortcode_atts function အတွက် အသစ်ထည့်သွင်းထားသော တတိယ argument တစ်ခု ရှိပါသည်၊ သို့သော် ၎င်းသည် မဖြစ်မနေ လိုအပ်သော argument မဟုတ်ပါ။ ထို့ကြောင့် ကမ္ဘာပေါ်ရှိ plugin developer တိုင်းက ၎င်းကို အကောင်အထည်မဖော်သရွေ့ shortcode တစ်ခု၏ attribute များ အားလုံးကို ဆုံးဖြတ်ရန် သေချာသော နည်းလမ်း ကျွန်ုပ်တို့ထံတွင် ရှိဦးမည် မဟုတ်ပါ။

Shortcode API သည် shortcode ရှင်းလင်းချက်များ ထည့်သွင်းခြင်း၊ attribute အမျိုးအစား သတ်မှတ်ခြင်း သို့မဟုတ် attribute ရှင်းလင်းချက်များ ထည့်သွင်းခြင်းတို့အတွက် မည်သည့်လုပ်ဆောင်ချက် အထောက်အပံ့ကိုမျှ မပေးထားပါ။ ထို့ပြင် WordPress ကိုယ်တိုင်က shortcode များကို အသုံးပြုရန်အတွက် ဗဟိုနေရာတစ်ခုကို မထည့်သွင်းပေးသရွေ့ ဤလုပ်ဆောင်ချက် ပေါ်ပေါက်လာလိမ့်မည်ဟု ကျွန်ုပ် မထင်ပါ။

နိဂုံး

လက်ရှိတွင် shortcode များကို စနစ်တကျ စီစဉ်ခြင်းလုပ်ငန်းကို developer တစ်ဦးချင်းစီထံသို့သာ လွှဲထားရပါသည်။ WordPress အတွင်း ဗဟိုနည်းလမ်းတစ်ခု ဖန်တီးမပေးသရွေ့ သင့် backend တွင် “Add Shortcode” ခလုတ် အများအပြားကို ဆက်လက်မြင်တွေ့နေရဦးမည်ဟု မျှော်လင့်ထားပါ။ ဤကဲ့သို့သောအရာကို WordPress Core ထဲသို့ ထည့်သွင်းသင့်သလား မထည့်သွင်းသင့်ဘူးလား ဆိုသည်မှာလည်း သူ့အလိုလို ကြီးမားသော ဆွေးနွေးစရာတစ်ခု ဖြစ်နေပါသည်။

အခြားရွေးချယ်စရာတစ်ခု

ဤအရာကို ကွဲပြားစွာ ဖြေရှင်းပေးသော page builder plugin များ ရှိပါသည်။ shortcode များကို ပရိုဂရမ်နည်းအရ အလိုအလျောက် ရှာဖွေတွေ့ရှိစေမည့်အစား ၎င်းတို့တွင် အသုံးပြုသူများက shortcode တစ်ခု၏ အသေးစိတ်အချက်အလက်တိုင်းကို ကိုယ်တိုင်ရိုက်ထည့်နိုင်သည့် shortcode mapper များ ပါရှိသည်။ ပြီးစီးပါက page builder အတွင်း ၎င်းကို အသုံးပြုနိုင်လာမည်ဖြစ်သည်။ ဤနည်းသည် အလုပ်ဖြစ်သော်လည်း  ၎င်းတို့ကို သင့်ကိုယ်ပိုင်ဝဘ်ဆိုက်တွင်သာ အသုံးပြုနိုင်ပါသည်။

Page Builder Sandwich မှ ကျွန်ုပ်တို့သည် ဤ shortcode ပြဿနာရှုပ်ထွေးမှုကို ဖြေရှင်းပေးနိုင်မည့် အရာတစ်ခုကို ဖန်တီးနေကြပါသည်။ ကျွန်ုပ်တို့၏ တိုးတက်မှုအခြေအနေများကို အသိပေးချက်ရရှိရန် အောက်ပါ ကျွန်ုပ်တို့၏ newsletter ကို subscribe ပြုလုပ်ထားပါ။