WordPress သည် JavaScript ကို မည်သို့ မှန်ကန်စွာ မိတ်ဆက်သနည်း။JS နှင့် CSS ဖိုင်များကို စိတ်ကြိုက်တင်ခြင်း။

အသုံးပြုပါWordPress ဝဘ်ဆိုဒ်ပရိုဂရမ်မာများ၊ ဖွံ့ဖြိုးဆဲWordPress ပလပ်အင်သို့မဟုတ် WordPress အပြင်အဆင်ကို စိတ်ကြိုက်ပြင်ဆင်သည့်အခါ၊ အချို့သော JavaScript နှင့် CSS scripting အရင်းအမြစ်များကို ကိုးကားထားသည်။

• အများအားဖြင့်၊ လူများသည် HTML အတွက် link၊ script tags များကို တိုက်ရိုက်အသုံးပြုကြသည်။
• တကယ်တော့၊ WordPress တွင် scripts များကိုရည်ညွှန်းခြင်းအတွက် ရှုပ်ထွေးသောလုပ်ဆောင်ချက်များနှင့် နည်းလမ်းများပါရှိသည်။
• ထို့ကြောင့်၊ WordPress ၏ built-in နည်းလမ်းကိုးကားမှုများကို အသုံးပြုခြင်းသည် ပိုမိုကျွမ်းကျင်ပြီး ပိုမိုကျယ်ပြန့်သည်။

မှားယွင်းသောကိုးကားမှုနည်းလမ်း

သာမာန်ကိုးကားမှုနည်းလမ်းနှစ်ခုရှိပါတယ်၊ ကောင်းပါတယ်၊ ပြီးပြည့်စုံခြင်း သို့မဟုတ် ကျိုးကြောင်းဆီလျော်မှုမရှိပါ။

အမျိုးအစား 1-လင့်ခ်ဂ်များသည် CSS ဖိုင်များကို ရည်ညွှန်းသည်။

• Script တဂ်များသည် JS ဖိုင်များကို အသုံးပြုပါသည်။ဤနေရာတွင် အသေးစိတ်မရှိပါ။

အမျိုးအစား 2-wp_head လုပ်ဆောင်ချက်ကို အသုံးပြုပါ။

• wp_head လုပ်ဆောင်ချက်ကို စိတ်ကြိုက် သို့မဟုတ် စနစ်သတ်မှတ်ထားသော အကြောင်းအရာအချို့ကို ထုတ်ပေးရန်အတွက် အသုံးပြုပါသည်။
• ဤဖိုင်ကိုရည်ညွှန်းရန် တစ်ခါတစ်ရံတွင် ကျွန်ုပ်တို့သည် အောက်ပါကုဒ်ကို အသုံးပြုသည်-

<?php
add_action('wp_head', 'wpcwl_normal_script');
function wpcwl_normal_script() {
echo '资源文件的链接';
}
?>

• သက်ဆိုင်ရာဖိုင်များကိုကိုးကားရန်အတွက် အထက်ဖော်ပြပါကုဒ်ကို functions.php ဖိုင်ထဲသို့ ကူးထည့်ပါ။

WordPress Enqueue Scripts အရင်းအမြစ်ယန္တရား

ကျွန်ုပ်တို့အားလုံးသိကြသည့်အတိုင်း WordPress တွင် plugins များစွာရှိသည်။

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

wp_enqueue_script လုပ်ဆောင်ချက်ကို အသုံးပြုပါ။

• WordPress တွင် အရင်းအမြစ်တစ်ခုကို ကိုးကားရန်အတွက် သင်အသုံးပြုသင့်သည်။wp_enqueue_scriptenqueued သို့မဟုတ် sorted function ၏အမည်တွင် စကားလုံး enqueue ပါသော function တစ်ခု။
• ဤ WordPress မှအရင်းအမြစ်များကိုစာရင်းသွင်းခြင်းနည်းလမ်း (Enqueue Scripts) ဖြင့် ကိုးကားချက်များကို သက်ဆိုင်ရာဖိုင်များနှင့် အဓိကကုဒ်များမှ ခွဲထုတ်ထားပါသည်။
• သုံးစွဲသူသည် အရင်းအမြစ်ကို ပိတ်လိုပါက ၎င်းကို core code မှ မွမ်းမံခြင်းမရှိဘဲ ၎င်းကို ဖျက်ခြင်း၊ ပြင်ဆင်ခြင်းနှင့် မှတ်ချက်ပေးခြင်းတို့ကို ပြုလုပ်နိုင်သည်။

ထို့အပြင်၊ jQuery၊ jQuery UI ကဲ့သို့သော အသုံးများသော စာကြည့်တိုက်အချို့ကို WordPress တွင် တည်ဆောက်ထားသည်။

ကုဒ်နှင့် ပိုမိုသန့်ရှင်းသော သတ်မှတ်ချက်ကို သိမ်းဆည်းပေးသည့် built-in စာကြည့်တိုက်ကို တိုက်ရိုက်ခေါ်ဆိုရန် wp_enqueue_script လုပ်ဆောင်ချက်ကို ကျွန်ုပ်တို့ အသုံးပြုနိုင်ပါသည်။

သင့်ကိုယ်ပိုင် JS နှင့် CSS ဖိုင်များကိုရည်ညွှန်းရန် ဤလုပ်ဆောင်ချက်ကိုအသုံးပြုပါက၊ သင်အသုံးပြုရန်လိုအပ်ပါသည်။wp_register_scriptfunction သည် identifier (လက်ကိုင်) ကို စာရင်းသွင်းပြီး အသုံးပြုသည်။wp_enqueue_scriptလုပ်ဆောင်ချက်သည် ဤအလံနှင့် သက်ဆိုင်သော အရင်းအမြစ်ကို ခေါ်သည်။

WordPress တွင် JS နှင့် CSS ဖိုင်များကို မှန်ကန်စွာ တင်သွင်းနည်း။

WordPress သည် JS နှင့် CSS နည်းလမ်းများအတွက် သင့်လျော်သော တင်သွင်းမှုနည်းလမ်းများကို ပံ့ပိုးပေးပါသည်။

plugin.css ဖိုင်ကို plugin ▼ သို့တင်သွင်းရန် အောက်ပါကုဒ်ကို သင်အသုံးပြုနိုင်ပါသည်။

<?php
function wpcwl_add_styles() {
wp_register_script('plugin_stylesheet', plugins_url('plugin.css', __FILE__));
wp_enqueue_script('plugin_stylesheet');
}

add_action( 'wp_enqueue_scripts', 'wpcwl_add_styles' ); 
?>

အထက်ဖော်ပြပါ plugin_stylesheet ဖြင့် အရင်းအမြစ်တစ်ခုဖန်တီးရန် wp_register_script လုပ်ဆောင်ချက်ကို အသုံးပြုသည်။

ထို့နောက် တန်းစီထားသော တောင်းဆိုချက်များကို ထည့်ပါ။wp_enqueue_scriptsအရေးယူဆောင်ရွက်မှုများ လုပ်ဆောင်လျက်ရှိသည်။

လုပ်ဆောင်ချက်အမည်သည် ဇာတ်ညွှန်းတစ်ခုဖြစ်သော်လည်း၊ ၎င်းသည် အရင်းအမြစ်ဖိုင်အမျိုးအစားနှင့် မသက်ဆိုင်သည့်အပြင် CSS နှင့် JS နှစ်မျိုးလုံးအတွက် တရားဝင်သည်။

wp_register_script လုပ်ဆောင်ချက်သည် အမှန်တကယ်တွင် ရိုးရှင်းသည်မဟုတ်ပါ၊ ၎င်းတွင် ကန့်သတ်ချက်ငါးခုပါရှိသည်။

1) $လက်ကိုင်-အရင်းအမြစ်သတ်မှတ်မှု။

• 由wp_enqueue_scriptလွှဲပြောင်း။

2) $src-အရင်းအမြစ်၏တည်နေရာ။

• ဆွေမျိုး သို့မဟုတ် အကြွင်းမဲ့ လိပ်စာများသည် လိပ်စာများရယူရန် WordPress ပါ၀င်သော လုပ်ဆောင်ချက်များကို အသုံးပြုသည်။
• အဖြစ်များသည်တည်နေရာfunction ရှိတယ်။plugins_url,get_template_directory_uri。

၃) $deps-အားကိုး။

• jQuery ပလပ်အင်ကို ရည်ညွှန်းပြီး jQuery တည်ဆောက်မှုကို အားကိုးလိုပါက၊ သင်သည် jQuery ကို ဖြည့်စွက်ရန် လိုအပ်ပါသည်။
• ၎င်းကို ခင်းကျင်းမှုတစ်ခုအဖြစ် ဖြတ်သန်းကြောင်း သတိပြုပါ။

4) $ver-အရင်းအမြစ်ဗားရှင်း၊ စိတ်ကြိုက်ရွေးချယ်နိုင်သည်။

5) $in_footer-အောက်ခြေမှာ ထည့်ထားသလား။

• ပုံမှန်အားဖြင့်၊ JS ဖိုင်များကို စာမျက်နှာ၏အောက်ခြေတွင် ထားရှိသင့်သည်၊ သင်သည် ဤသတ်မှတ်ချက်ကို True ဟု သတ်မှတ်နိုင်သည်၊ ၎င်းကို အပေါ်ဘက်သို့ ထွက်လာစေရန် ဗလာ သို့မဟုတ် False ဟု သတ်မှတ်နိုင်သည်။

ပိုမိုပြည့်စုံသော JavaScript ဖိုင်အကိုးအကား ဥပမာ ▼ ကို ကြည့်ကြပါစို့

<?php
function wpcwl_add_scripts() {
wp_register_script('plugin_script', plugins_url('plugin_script.js', __FILE__), array('jquery'),'1.1', true);
wp_enqueue_script('plugin_script');
}

add_action( 'wp_enqueue_scripts', 'wpcwl_add_scripts' ); 
?>

အရင်းအမြစ်များကိုတင်သွင်းရန် WordPress အပြင်အဆင်များသည် wp_enqueue_script ကိုအသုံးပြုသည်။

WordPress theme development တွင် ပရိုဂရမ်မာများ အသုံးပြုပါ။wp_enqueue_scriptအရင်းအမြစ်များကို တင်သွင်းပါ။

• အထက်ပါ ဥပမာများသည် WordPress plugin ဖွံ့ဖြိုးတိုးတက်မှုအတွက် ကိုးကားထားသော အရင်းအမြစ်များ ဥပမာများဖြစ်သည်။
• ခေါင်းစဉ်တွင် ကိုးကားသောနည်းလမ်းသည် အလားတူဖြစ်သည်။

အဓိကကွာခြားချက်မှာ အရင်းအမြစ်ဖိုင်လိပ်စာကို ဆောင်ပုဒ်အောက်ရှိ အရင်းအမြစ်ဖိုင်လိပ်စာရရှိရန် ဆောင်ပုဒ်လမ်းညွှန်ကိုရယူရန် သက်ဆိုင်ရာလုပ်ဆောင်ချက်ကို အသုံးပြုခြင်းဖြစ်သည်။

သင်သုံးနိုင်သည်။get_template_directory_uriလက်ရှိ ဆောင်ပုဒ်လမ်းညွှန်ကို ရယူရန် လုပ်ဆောင်ချက်။

ကလေးအခင်းအကျင်းကို အသုံးပြုနေပါက အသုံးပြုရန် လိုအပ်မည်ဖြစ်သည်။get_stylesheet_directory_uriလုပ်ဆောင်ချက်သည် သက်ဆိုင်ရာ အရင်းအမြစ်များကို ရယူရန် ပင်မဆောင်ပုဒ်၏ လမ်းညွှန်ကို ရရှိသည်။