តើធ្វើដូចម្តេចដើម្បីបន្ថែមកូដ JavaScript នៅខាងក្នុងប្រកាស WordPress?

សិក្សាជាប្រព័ន្ធបង្កើតគេហទំព័របច្ចេកទេសSEO អ្នកជំនាញដឹងពីរបៀបប្រើកម្មវិធី JavaScript យ៉ាងងាយស្រួល។

មានកូដ JavaScript ងាយស្រួលប្រើជាច្រើនដែលចែករំលែកដោយអ្នកផ្សេងទៀតនៅលើអ៊ីនធឺណិត។

បើ​អ្នក​អាចWordPressការបន្ថែមកូដ JS ទៅក្នុងអត្ថបទនឹងពិតជាធ្វើឱ្យអត្ថបទមានពណ៌។

របៀបបន្ថែមកូដ JS ទៅក្នុងអត្ថបទ WordPress

ការបន្ថែមកូដ JavaScript ទៅប្រកាស WordPress គឺសាមញ្ញណាស់។

បន្ទាប់,Chen Weiliangនឹងចែករំលែកជាមួយអ្នក៖តើធ្វើដូចម្តេចដើម្បីបន្ថែមកូដ JavaScript ទៅប្រកាស WordPress?

ជាធម្មតាមាន 2 វិធីដើម្បីបន្ថែមកូដ JS:

1. បន្ថែមកូដ JS ដោយផ្ទាល់ទៅប្រកាស WordPress
2. ហៅកូដ JS នៅក្នុងអត្ថបទ WordPress បន្ទាប់ពីសរសេរឯកសារ JS

1) បន្ថែមកូដ JS ដោយផ្ទាល់ទៅប្រកាស WordPress

វិធីសាស្រ្តទីមួយ ការសរសេរ JavaScript ដោយផ្ទាល់នៅក្នុង WordPress post ។

នេះគឺជាឧទាហរណ៍នៃការបោះពុម្ពអត្ថបទ "ជំរាបសួរពិភពលោក!" ▼

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

នេះ​គឺ​នៅ​ក្នុង​ការ​បង្ហោះ WordPress ដែល​បង្ហាញ "Hello World!" បន្ទាប់​ពី​ប្រតិបត្តិ JavaScript ▼

2) បន្ទាប់ពីសរសេរឯកសារ JS សូមហៅកូដ JS នៅក្នុងអត្ថបទ WordPress

សម្រាប់វិធីទីពីរ សរសេរកូដ JavaScript ទៅឯកសារដាច់ដោយឡែក។

បន្ទាប់មក នៅក្នុងការបង្ហោះ WordPress ដែលចាំបាច់ត្រូវបញ្ចូល JavaScript ហៅឯកសារ JavaScript តាមរយៈកម្មវិធីកែអត្ថបទ WordPress ។

ឧទាហរណ៍ខាងក្រោមគឺនៅក្នុងការបង្ហោះ WordPress បោះពុម្ពអត្ថបទ "Hello World" ▼

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

ខ្លឹមសារនៃឯកសារ JavaScript hello.js ▼

document.write("Hello World");

ការបន្ថែមកូដ JavaScript ទៅប្រកាស WordPress បង្ហាញលទ្ធផល ▼

WordPress ហៅកូដ JS សម្រាប់កាលបរិច្ឆេទថ្ងៃនេះ

មានកូដ JavaScript ដ៏រីករាយ និងមានប្រយោជន៍ជាច្រើននៅលើអ៊ីនធឺណិត។

ឥឡូវសូមលើកឧទាហរណ៍អំពីរបៀបប្រើពួកវា?

បោះពុម្ពកាលបរិច្ឆេទថ្ងៃនេះនៅក្នុងអត្ថបទ WordPress ។

បញ្ចូលឯកសារ JavaScript date.js ខាងក្រោមទៅក្នុងប្រកាស WordPress របស់អ្នក ▼

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

ខាងក្រោមគឺជាខ្លឹមសារ JavaScript នៃឯកសារ date.js ▼

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()

នេះគឺជាលទ្ធផលនៃ JavaScript ដែលប្រតិបត្តិកាលបរិច្ឆេទថ្ងៃនេះនៅក្នុងការបង្ហោះ WordPress ▼

ខាងក្រោមនេះជាលទ្ធផលនៃឯកសារ JavaScript date.js ដែលបានប្រតិបត្តិក្នុងអត្ថបទនេះ ▼

ការប្រុងប្រយ័ត្ន។

ដើម្បីបញ្ចូលកូដ JS ទៅក្នុងប្រកាស អ្នកត្រូវប្តូរកម្មវិធីកែ WordPress ទៅជារបៀបអត្ថបទ។

ការយកចិត្តទុកដាក់ពិសេស和之间不能有换行。

ប្រសិនបើមានការបំបែកបន្ទាត់ ប្លក, រូបភាពនឹងដំណើរការវាដោយស្វ័យប្រវត្តិជាកថាខណ្ឌ ហើយបន្ថែមស្លាក p ដោយស្វ័យប្រវត្តិដែលបណ្តាលឱ្យកូដស្គ្រីប JS បរាជ័យ។

មានអត្ថបទជាច្រើនទៀតអំពីកូដ JavaScript របស់ WordPress នៅទីនេះ ▼

🔗តើធ្វើដូចម្តេចដើម្បីបញ្ជាក់ទំព័រអត្ថបទដើម្បីផ្ទុកកូដ JavaScript/CSS នៅក្នុង WordPress?

🔗តើធ្វើដូចម្តេចដើម្បីធ្វើឱ្យ WordPress ពន្យារពេលផ្ទុក JavaScript ដើម្បីបង្កើនល្បឿនការបង្ហាញទំព័រ?

🔗តើធ្វើដូចម្តេចដើម្បីណែនាំ JavaScript ក្នុង WordPress ឱ្យបានត្រឹមត្រូវ? ការផ្ទុកឯកសារ JS និង CSS ផ្ទាល់ខ្លួន