តើធ្វើដូចម្តេចដើម្បីបន្ថែមកូដ 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 នៅទីនេះ ▼

តើ WordPress បញ្ជាក់ដោយរបៀបណាដែលទំព័រអត្ថបទផ្ទុកកូដ JavaScript/CSS?

នៅពេលបង្កើតប្រធានបទ WordPress ប្រសិនបើមានកូដ JavaScript ឬ CSS ជាក់លាក់ដែលលេចឡើងនៅលើទំព័រជាក់លាក់មួយនៅក្នុង WordPress វានឹងត្រូវបានប្រើតែម្តងប៉ុណ្ណោះ។តើលេខកូដគួរដាក់នៅទីណា? Style.css ឬ base.js?ប៉ុន្តែតម្លៃនៃការធ្វើដូច្នេះគឺខ្ពស់បន្តិច។ ...

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

WordPress Lazy-Loads JavaScript ដើម្បីបង្កើនល្បឿននៃវិធីសាស្ត្របង្ហាញទំព័រ។តើអ្វីជាទ្រព្យសម្បត្តិ Defer របស់ JavaScript?អ្នកគ្រប់គ្នាប្រហែលជាធ្លាប់ជួបប្រទះស្ថានភាពនេះ៖ មានអក្សរ N នៅក្នុងក្បាល ហើយនៅពេលដែលស្គ្រីបត្រូវបានផ្ទុក ការបង្ហាញទំព័រត្រូវបានរារាំង ដែលជាធម្មតាទទេ។ ...

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

អ្នកសរសេរកម្មវិធីដែលបង្កើតគេហទំព័រជាមួយ WordPress សំដៅលើធនធានស្គ្រីប JavaScript និង CSS មួយចំនួន នៅពេលបង្កើតកម្មវិធីជំនួយ WordPress ឬប្ដូរស្បែក WordPress តាមបំណង។ជាធម្មតា មនុស្សប្រើតំណភ្ជាប់ ស្លាកស្គ្រីបដោយផ្ទាល់សម្រាប់ HTML ។តាមពិតនៅក្នុង WordPress…