WordPress ပို့စ်တစ်ခုအတွင်း JavaScript ကုဒ်ကိုမည်သို့ထည့်မည်နည်း။

စနစ်တကျ သင်ယူခဲ့သည်။ဝဘ်ဆိုဒ်တစ်ခုတည်ဆောက်ပါ။နည်းပညာပိုင်းSEO ဆိုသည်မှာကျွမ်းကျင်သူများသည် JavaScript ပရိုဂရမ်များကို လွယ်ကူစွာ အသုံးပြုနည်းကို သိကြသည်။

အင်တာနက်ပေါ်တွင် အခြားသူများ မျှဝေသုံးစွဲရလွယ်ကူသော JavaScript ကုဒ်များစွာရှိသည်။

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

WordPress ဆောင်းပါးများတွင် JS ကုဒ်ထည့်နည်း

WordPress ပို့စ်တစ်ခုတွင် JavaScript ကုဒ်ထည့်ခြင်းသည် အလွန်ရိုးရှင်းပါသည်။

နောက်တစ်ခု,Chen Weiliangသင်နှင့်မျှဝေပါမည်-WordPress ပို့စ်များတွင် JavaScript ကုဒ်ကို မည်သို့ထည့်ရမည်နည်း။

JS ကုဒ်ထည့်ရန် များသောအားဖြင့် နည်းလမ်း 2 ခုရှိသည်။

1. WordPress ပို့စ်များတွင် JS ကုဒ်ကို တိုက်ရိုက်ထည့်ပါ။
2. JS ဖိုင်ကိုရေးပြီးနောက် WordPress ဆောင်းပါးတွင် JS ကုဒ်ကိုခေါ်ဆိုပါ။

1) WordPress ပို့စ်တွင် JS ကုဒ်ကို တိုက်ရိုက်ထည့်ပါ။

ပထမနည်းလမ်းမှာ WordPress post တွင် JavaScript ကို တိုက်ရိုက်ရေးခြင်း ဖြစ်သည်။

ဤသည်မှာ "Hello World!" ▼ စာသားပုံနှိပ်ခြင်း၏ ဥပမာတစ်ခုဖြစ်သည်။

<script type="text/javascript">// <![CDATA[
document.write("Hello World!")
// ]]></script>

JavaScript ▼ ကိုလုပ်ဆောင်ပြီးနောက် "Hello World!" ကိုပြသသည့် WordPress ပို့စ်တွင်ဖြစ်သည်။

2) JS ဖိုင်ကိုရေးပြီးနောက် WordPress ဆောင်းပါးရှိ JS ကုဒ်ကိုခေါ်ဆိုပါ။

ဒုတိယနည်းအားဖြင့်၊ JavaScript ကုဒ်ကို သီးခြားဖိုင်တစ်ခုသို့ ရေးပါ။

ထို့နောက် JavaScript ကိုထည့်သွင်းရန်လိုအပ်သည့် WordPress ပို့စ်တွင်၊ WordPress စာသားတည်းဖြတ်မှုမှတစ်ဆင့် JavaScript ဖိုင်ကိုခေါ်ဆိုပါ။

အောက်ဖော်ပြပါ ဥပမာသည် "Hello World" စာသား ▼ ကို ရိုက်နှိပ်ထားသော WordPress ပို့စ်တစ်ခုတွင် ဖြစ်သည်။

<script type="text/javascript" src="https://img.chenweiliang.com/javascript/hello.js">// <![CDATA[
// ]]></script>

JavaScript ဖိုင် hello.js ▼ အကြောင်းအရာ

document.write("Hello World");

WordPress ပို့စ်တစ်ခုတွင် JavaScript ကုဒ်ထည့်ခြင်းသည် ရလဒ်များကို ▼ ပြသသည်။

WordPress သည် ယနေ့ရက်စွဲအတွက် JS ကုဒ်ကို ခေါ်သည်။

အင်တာနက်ပေါ်တွင် ပျော်စရာကောင်းပြီး အသုံးဝင်သော JavaScript ကုဒ်များစွာရှိသည်။

အခုသူတို့ကို ဘယ်လိုသုံးရမလဲဆိုတာ ဥပမာပေးပါဦး။

WordPress ပို့စ်များတွင် ယနေ့ရက်စွဲကို ပုံနှိပ်ပါ။

သင်၏ WordPress ပို့စ် ▼ တွင် အောက်ပါ JavaScript date.js ဖိုင်ကို ထည့်သွင်းပါ။

<script type="text/javascript" src="https://img.chenweiliang.com/javascript/date.js"></script>
<script type="text/javascript">// <![CDATA[
     // call function if required.
// ]]></script>

အောက်တွင် date.js ဖိုင် ▼ ၏ JavaScript အကြောင်းအရာ

var calendarDate = getCalendarDate();

document.write("Today is: " + calendarDate);

function getCalendarDate()
{
   var months = new Array(13);
   months[0]  = "January";
   months[1]  = "February";
   months[2]  = "March";
   months[3]  = "April";
   months[4]  = "May";
   months[5]  = "June";
   months[6]  = "July";
   months[7]  = "August";
   months[8]  = "September";
   months[9]  = "October";
   months[10] = "November";
   months[11] = "December";
   var now         = new Date();
   var monthnumber = now.getMonth();
   var monthname   = months[monthnumber];
   var monthday    = now.getDate();
   var year        = now.getYear();
   if(year < 2000) { year = year + 1900; }
   var dateString = monthname +
                    ' ' +
                    monthday +
                    ', ' +
                    year;
   return dateString;
} // function getCalendarDate()

ဤသည်မှာ WordPress ပို့စ် ▼ တွင် ယနေ့ရက်စွဲကို လုပ်ဆောင်သည့် JavaScript ၏ ရလဒ်ဖြစ်သည်။

ဤဆောင်းပါးတွင် ▼ လုပ်ဆောင်ခဲ့သော JavaScript ဖိုင် date.js ၏ ရလဒ်ဖြစ်သည်။

ကြိုတင်ကာကွယ်မှုများ

ပို့စ်တစ်ခုတွင် JS ကုဒ်ထည့်ရန်၊ သင်သည် WordPress တည်းဖြတ်သူကို စာသားမုဒ်သို့ ပြောင်းရန် လိုအပ်သည်။

အထူးသတိထားပါ။和之间不能有换行。

လိုင်းပြတ်တောက်မှုရှိပါက WordPress သည် ၎င်းအား စာပိုဒ်အဖြစ် အလိုအလျောက် လုပ်ဆောင်မည်ဖြစ်ပြီး JS Script ကုဒ်ပျက်သွားစေရန် p tag ကို အလိုအလျောက် ထည့်သွင်းမည်ဖြစ်သည်။

WordPress JavaScript ကုဒ်အကြောင်း နောက်ထပ်ဆောင်းပါးများ ဤနေရာတွင် ▼ ရှိပါသည်။

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

WordPress အခင်းအကျင်းတစ်ခုပြုလုပ်သောအခါ၊ WordPress ၏ သီးခြားစာမျက်နှာတစ်ခုတွင် ပေါ်လာသော သီးခြား JavaScript သို့မဟုတ် CSS ကုဒ်တစ်ခုရှိပါက၊ ၎င်းကို တစ်ကြိမ်သာအသုံးပြုနိုင်မည်ဖြစ်သည်။ကုဒ်ကို ဘယ်မှာထားရမည်နည်း။ Style.css သို့မဟုတ် base.js?ဒါပေမယ့် ကုန်ကျစရိတ်က နည်းနည်းမြင့်တယ်။ ...

စာမျက်နှာ rendering ကိုအရှိန်မြှင့်ရန် WordPress ကိုပျင်းရိစေရန် JavaScript ကိုမည်သို့လုပ်မည်နည်း။

WordPress သည် စာမျက်နှာဖော်ပြခြင်းနည်းလမ်းများကို အရှိန်မြှင့်ရန် JavaScript ကို ပျင်းရိစေသည်။JavaScript ၏ Defer ပိုင်ဆိုင်မှုဆိုသည်မှာ အဘယ်နည်း။လူတိုင်းသည် ဤအခြေအနေကို ကြုံတွေ့ဖူးကြပေသည်- ဦးခေါင်းတွင် N script များရှိပြီး၊ scripts များကို load လုပ်သောအခါ၊ page rendering ကို ပိတ်ဆို့ထားပြီး၊ များသောအားဖြင့် ဗလာဖြစ်နေသည်။ ...

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

WordPress ဖြင့် ဝဘ်ဆိုဒ်များကို တည်ဆောက်သည့် ပရိုဂရမ်မာများသည် WordPress ပလပ်အင်များကို တီထွင်ခြင်း သို့မဟုတ် WordPress အပြင်အဆင်များကို စိတ်ကြိုက်ပြင်ဆင်သည့်အခါ အချို့သော JavaScript နှင့် CSS script အရင်းအမြစ်များကို ရည်ညွှန်းသည်။အများအားဖြင့်၊ လူများသည် HTML အတွက် link၊ script tags များကို တိုက်ရိုက်အသုံးပြုကြသည်။တကယ်တော့ WordPress မှာ...