အဆိုပါ ဆောင်းပါးစာမျက်နှာများသည် JavaScript/CSS ကုဒ်ကို မည်သို့တင်ဆောင်ကြောင်း WordPress က မည်သို့သတ်မှတ်သနည်း။

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

ကုဒ်ကို ဘယ်မှာထားရမည်နည်း။ Style.css သို့မဟုတ် base.js?

ဒါပေမယ့် ကုန်ကျစရိတ်က နည်းနည်းမြင့်တယ်။

ဥပမာ 1-

  • သင်၏ WordPress ဆိုက်တွင် Highslide JavaScript အကျိုးသက်ရောက်မှုကို ရယူရန် ကြိုးစားပါ။
  • သို့သော် အများအားဖြင့် ၎င်းကို ရုပ်ပုံများ သို့မဟုတ် လိုချင်သော စာမျက်နှာများပါသည့် အစိတ်အပိုင်းများအတွက်သာ အသုံးပြုကြပြီး Highslide ကဏ္ဍများကို ထည့်ရန်အတွက် အသုံးမပြုသော စာမျက်နှာများတွင် စာမျက်နှာများကို တင်ခြင်းဖြစ်သောကြောင့် JavaScript ၏ 50 KB ကျော်သည် ကြီးလွန်းသည်။

ဥပမာ 2-

  • ဆောင်းပါးတစ်ပုဒ်တွင် စံလိုက်ဖက်ညီသော နည်းလမ်းကို ထည့်သွင်းအသုံးပြုသည်။tag က ထည့်သွင်းထားပေမယ့် ထည့်သွင်းထားပါတယ်။တဂ်မှထုတ်ပေးသောစာမျက်နှာသည် W3C အတည်ပြုခြင်းကို မကျော်လွန်နိုင်ပါ။
  • ၎င်းကိုလုပ်ဆောင်ရန် ကောင်းမွန်သောနည်းလမ်းမှာ W3C-validated code ကိုထုတ်ပေးသည့် JavaScript SWFObject ကိုအသုံးပြုခြင်းဖြစ်သည်။
  • သို့သော် ပြဿနာမှာ WordPress ရှိ စာမျက်နှာတိုင်းတွင် SWFObject ကိုတင်ရန် ဖြုန်းတီးနေခြင်းဖြစ်ပြီး စာမျက်နှာအားလုံးသည် ဤ JavaScript ဖိုင်ကို အသုံးပြုခြင်းမဟုတ်ပေ။

အမှန်မှာ၊ ကျွန်ုပ်တို့သည် စိတ်ကြိုက်ပို့စ်များ သို့မဟုတ် စာမျက်နှာတင်ခြင်းအတွက် မတူညီသော JavaScript စာမျက်နှာများကို အကောင်အထည်ဖော်ရန် WordPress ၏ အစွမ်းထက်သော စိတ်ကြိုက်နယ်ပယ်များကို အသုံးပြုနိုင်ပါသည်။

ဤဆောင်းပါးတွင် သင့်အား ပြသပါမည်- WordPress၊ စိတ်ကြိုက် JavaScript သို့မဟုတ် CSS ဖိုင်များတွင် စိတ်ကြိုက်အကွက်များကို မည်သို့အသုံးပြုရမည်နည်း။

နားလည်နိုင်လျှင် စိတ်ကြိုက်အကွက်တန်ဖိုးများသည် JavaScript နှင့် CSS ဖိုင်များကဲ့သို့ မရိုးရှင်းပါ။

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

WordPress အပြင်အဆင်၏ header.php ဖိုင်ကိုဖွင့်ပြီး ကုဒ် ▼ ကိုရှာပါ။

<?php wp_head(); ?>

ပြီးရင် ▼ ထည့်ပါ။

<!-- 指定文章页面加载JavaScript/CSS代码 开始 -->
    <?php if (is_single() || is_page()) {
$head = get_post_meta($post->ID, 'head', true); 
if (!empty($head)) { ?> 
<?php echo $head; ?> 
<?php } } ?>
<!-- 指定文章页面加载JavaScript/CSS代码 结束 -->

ကုဒ်ရှိ ခေါင်းသည် စိတ်ကြိုက်ပြင်ဆင်နိုင်သည့် စိတ်ကြိုက်အကွက်၏ အမည်ဖြစ်သည်။

WordPress ပို့စ်များ သို့မဟုတ် စာမျက်နှာများသို့ စိတ်ကြိုက်အကွက်များ ထည့်ပါ။

WordPress နောက်ခံတည်းဖြတ်ဆောင်းပါးစာမျက်နှာ၏အယ်ဒီတာတွင်၊ "စိတ်ကြိုက်နယ်ပယ်များ" အတွက်သေးငယ်သောဝင်းဒိုးတစ်ခုရှိသည်။

  1. "အမည်" အတွက် ရိုက်ထည့်ပါhead
  2. ထို့နောက် "တန်ဖိုး" တွင်သင်ထည့်လိုသောကုဒ်ကိုပြသမှုတွင်ထည့်ပါ။ 

JavaScript/CSS ကုဒ်ကို တင်ရန် ဆောင်းပါးစာမျက်နှာကို WordPress က သတ်မှတ်သည်။

  • Add Custom Field ကိုနှိပ်ပါ။
  • ဆောင်းပါးကို အပ်ဒိတ်လုပ်ခြင်းသည် သင့်အား ဆောင်ပုဒ်ကို ကုဒ်လုပ်ပြီး ဤစိတ်ကြိုက်အကွက်များအတွက် တန်ဖိုးများကို ထည့်သွင်းနိုင်စေမည်ဖြစ်သည်။

"value" တွင်တင်ရန်လိုအပ်သောကုဒ်ကိုသာသင်ထုတ်ပေးသောကြောင့် "value" တွင်အောက်ပါအလားတူကုဒ်ကိုရိုက်ထည့်ရန်လိုအပ်သည် ▼

<script type="text/javascript">...</script>

သို့မဟုတ် ▼

<style type="text/css">...</style>

အထက်ပါ ကုဒ်ကို ထုတ်ရန်။

WordPress စိတ်ကြိုက်နယ်ပယ်များအတွက် အခြားအသုံးပြုမှုများ

အထက်ဖော်ပြပါမူများကို နားလည်ပြီးနောက်၊ WordPress စိတ်ကြိုက်ကွက်လပ်များသည် စိတ်ကြိုက်စာမျက်နှာများအတွက် စိတ်ကြိုက် JavaScript သို့မဟုတ် CSS ကို အကောင်အထည်ဖော်ရုံသာမက၊ စိတ်ကြိုက်နယ်ပယ်များမှတစ်ဆင့် လုပ်ဆောင်ချက်များကိုလည်း အကောင်အထည်ဖော်နိုင်သည်- ဆောင်းပါးပုံသေးများ၊ ဆောင်းပါးအကြံပြုချက်များ၊ စသည်ဖြင့် လုပ်ဆောင်ချက်များစွာကို အကောင်အထည်ဖော်နိုင်သည်ကို တွေ့ရမည်ဖြစ်ပါသည်။

၎င်းတို့ကို အကောင်အထည်ဖော်ပုံနှင့်ပတ်သက်၍၊ စိတ်ကြိုက်အကွက်များကို အသုံးပြုကြည့်ပါ။

WordPress တွင် JavaScript/CSS ကုဒ်ကို တင်ရန် ဆောင်းပါးတဂ်များနှင့် အမျိုးအစား ခေါင်းစီးများနှင့် အောက်ခြေများကို မည်သို့သတ်မှတ်ရမည်နည်း။

WordPress တွင် Header ကို စိတ်ကြိုက်လုပ်နည်း?အောက်ပါ ဆောင်းပါး ညွှန်ကြားချက်များ မှတဆင့် ၎င်းကို ထည့်သွင်းနိုင်ပါသည်။WordPress ပလပ်အင်ခေါင်းကုတ်နံပါတ် ▼ ထည့်ခြင်းကို သဘောပေါက်ပါ။

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

မျှော်လင့်ခြင်း Chen Weiliang ဘလော့ဂ် ( https://www.chenweiliang.com/ ) shared "ဆောင်းပါးစာမျက်နှာသည် JavaScript/CSS ကုဒ်ကို တင်ကြောင်း WordPress က မည်သို့သတ်မှတ်သနည်း။ , သင့်ကိုကူညီရန်။

ဤဆောင်းပါး၏ link ကိုမျှဝေရန်ကြိုဆိုပါတယ်:https://www.chenweiliang.com/cwl-1740.html

နောက်ထပ်လျှို့ဝှက်လှည့်ကွက်များကိုသော့ဖွင့်ရန်🔑၊ ကျွန်ုပ်တို့၏ Telegram ချန်နယ်တွင် ပါဝင်ရန် ကြိုဆိုလိုက်ပါ။

ကြိုက်ရင် Share ပြီး Like လုပ်ပါ။ သင်၏ မျှဝေမှုများနှင့် ကြိုက်နှစ်သက်မှုများသည် ကျွန်ုပ်တို့၏ ဆက်လက်လှုံ့ဆော်မှုဖြစ်သည်။

 

မှတ်ချက်များ

သင့်အီးမေးလ်လိပ်စာကို ထုတ်ပြန်မည်မဟုတ်ပါ။ 用项已用用 * တံဆိပ်

ဆောင်းပါးလမ်းညွှန်
ထိပ်တန်းမှလှိမ့်