എങ്ങനെയാണ് വേർഡ്പ്രസ്സ് ജാവാസ്ക്രിപ്റ്റ് ശരിയായി അവതരിപ്പിക്കുന്നത്?JS, CSS ഫയലുകളുടെ ഇഷ്‌ടാനുസൃത ലോഡിംഗ്

വേണ്ടിവേർഡ്പ്രസ്സ് വെബ്സൈറ്റ്പ്രോഗ്രാമർമാർ, വികസിപ്പിക്കുന്നുവേർഡ്പ്രസ്സ് പ്ലഗിൻഅല്ലെങ്കിൽ ഒരു വേർഡ്പ്രസ്സ് തീം ഇഷ്ടാനുസൃതമാക്കുമ്പോൾ, ചില JavaScript, CSS സ്ക്രിപ്റ്റിംഗ് ഉറവിടങ്ങൾ പരാമർശിക്കപ്പെടുന്നു.

• സാധാരണയായി, ആളുകൾ HTML-നായി നേരിട്ട് ലിങ്ക്, സ്ക്രിപ്റ്റ് ടാഗുകൾ ഉപയോഗിക്കുന്നു.
• വാസ്തവത്തിൽ, WordPress-ന് ബിൽറ്റ്-ഇൻ അത്യാധുനിക പ്രവർത്തനങ്ങളും സ്ക്രിപ്റ്റുകൾ റഫറൻസ് ചെയ്യുന്നതിനുള്ള രീതികളും ഉണ്ട്.
• അതിനാൽ, WordPress-ന്റെ ബിൽറ്റ്-ഇൻ രീതി റഫറൻസുകൾ ഉപയോഗിക്കുന്നത് കൂടുതൽ പ്രൊഫഷണലും കൂടുതൽ വിപുലീകരിക്കാവുന്നതുമാണ്.

തെറ്റായ ഉദ്ധരണി രീതി

രണ്ട് പൊതുവായ ഉദ്ധരണി രീതികളുണ്ട്, അത് കൊള്ളാം, ഇത് തികഞ്ഞതോ ന്യായമായതോ അല്ല.

ടൈപ്പ് 1:ലിങ്ക് ടാഗുകൾ CSS ഫയലുകളെ സൂചിപ്പിക്കുന്നു

• സ്ക്രിപ്റ്റ് ടാഗുകൾ JS ഫയലുകൾക്ക് ബാധകമാണ്.ഇവിടെ വിശദമാക്കിയിട്ടില്ല.

ടൈപ്പ് 2:wp_head ഫംഗ്‌ഷൻ ഉപയോഗിക്കുക

• ചില ഇഷ്‌ടാനുസൃത അല്ലെങ്കിൽ സിസ്റ്റം നിർവ്വചിച്ച ഉള്ളടക്കം ഔട്ട്‌പുട്ട് ചെയ്യുന്നതിന് wp_head ഫംഗ്‌ഷൻ ഉപയോഗിക്കുന്നു.
• ഈ ഫയൽ പരാമർശിക്കാൻ ഞങ്ങൾ ചിലപ്പോൾ ഇനിപ്പറയുന്ന കോഡ് ഉപയോഗിക്കുന്നു:

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

• ബന്ധപ്പെട്ട ഫയലുകൾ റഫറൻസ് ചെയ്യുന്നതിന് മുകളിലെ കോഡ് functions.php ഫയലിലേക്ക് പകർത്തുക.

വേർഡ്പ്രസ്സ് എൻക്യൂ സ്ക്രിപ്റ്റ്സ് റിസോഴ്സ് മെക്കാനിസം

നമുക്കെല്ലാവർക്കും അറിയാവുന്നതുപോലെ, WordPress-ന് ധാരാളം പ്ലഗിനുകൾ ഉണ്ട്:

• മിക്കവാറും എല്ലാ പ്ലഗിനും ചില റിസോഴ്സ് ഫയലുകളെ പരാമർശിക്കുന്നു.
• അനിവാര്യമായും, രണ്ട് പ്ലഗിനുകൾ പരാമർശിക്കുന്ന വിഭവങ്ങൾ തമ്മിൽ വൈരുദ്ധ്യങ്ങൾ ഉണ്ടാകും, അത് അസ്ഥിരമാവുകയും കാര്യക്ഷമതയെ ബാധിക്കുകയും ചെയ്യും.

wp_enqueue_script ഫംഗ്‌ഷൻ ഉപയോഗിക്കുക

• വേർഡ്പ്രസ്സിൽ ഒരു ഉറവിടം റഫറൻസ് ചെയ്യുന്നതിന് നിങ്ങൾ ഉപയോഗിക്കണംwp_enqueue_scriptഎൻക്യൂ ചെയ്ത അല്ലെങ്കിൽ അടുക്കിയ ഫംഗ്‌ഷന്റെ പേരിൽ എൻക്യൂ എന്ന വാക്ക് ഉള്ള ഒരു ഫംഗ്‌ഷൻ.
• വേർഡ്പ്രസ്സ് ഉറവിടങ്ങൾ എൻക്യൂയിംഗ് രീതി ഉപയോഗിച്ച് (എൻക്യൂ സ്ക്രിപ്റ്റുകൾ), റഫറൻസുകൾ അനുബന്ധ ഫയലുകളിൽ നിന്നും കോർ കോഡിൽ നിന്നും വേർതിരിച്ചിരിക്കുന്നു.
• ഉപയോക്താവിന് റിസോഴ്‌സ് പ്രവർത്തനരഹിതമാക്കണമെങ്കിൽ, കോർ കോഡിൽ നിന്ന് പരിഷ്‌ക്കരിക്കാതെ തന്നെ അത് ഇല്ലാതാക്കാനും പരിഷ്‌ക്കരിക്കാനും അഭിപ്രായമിടാനും കഴിയും.

കൂടാതെ, സാധാരണയായി ഉപയോഗിക്കുന്ന ചില ലൈബ്രറികൾ, jQuery, jQuery UI മുതലായവ വേർഡ്പ്രസ്സിലാണ് നിർമ്മിച്ചിരിക്കുന്നത്.

ബിൽറ്റ്-ഇൻ ലൈബ്രറിയിലേക്ക് നേരിട്ട് വിളിക്കാൻ ഞങ്ങൾക്ക് wp_enqueue_script ഫംഗ്ഷൻ ഉപയോഗിക്കാം, ഇത് കോഡും ക്ലീനർ സ്പെസിഫിക്കേഷനും സംരക്ഷിക്കുന്നു.

നിങ്ങളുടെ സ്വന്തം JS, CSS ഫയലുകൾ റഫറൻസ് ചെയ്യാൻ ഈ ഫംഗ്ഷൻ ഉപയോഗിക്കുകയാണെങ്കിൽ, നിങ്ങൾ ഉപയോഗിക്കേണ്ടതുണ്ട്wp_register_scriptഫംഗ്ഷൻ ഒരു ഐഡന്റിഫയർ (ഹാൻഡിൽ) രജിസ്റ്റർ ചെയ്യുകയും തുടർന്ന് ഉപയോഗിക്കുകയും ചെയ്യുന്നുwp_enqueue_scriptഈ ഫ്ലാഗുമായി ബന്ധപ്പെട്ട വിഭവത്തെ ഫംഗ്ഷൻ വിളിക്കുന്നു.

WordPress-ൽ JS, CSS ഫയലുകൾ എങ്ങനെ ശരിയായി ഇറക്കുമതി ചെയ്യാം?

JS, CSS രീതികൾക്കായി വേർഡ്പ്രസ്സ് യുക്തിസഹമായ ഇറക്കുമതി രീതികൾ നൽകുന്നു.

പ്ലഗിൻ ▼-ലേക്ക് plugin.css ഫയൽ ഇറക്കുമതി ചെയ്യാൻ നിങ്ങൾക്ക് ഇനിപ്പറയുന്ന കോഡ് ഉപയോഗിക്കാം

<?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 ബിൽറ്റ്-ഇൻ ഫംഗ്ഷനുകൾ ഉപയോഗിക്കുന്നു.
• സാധാരണമാണ്സ്ഥാനനിർണ്ണയംഫംഗ്ഷൻ ഉണ്ട്plugins_url,get_template_directory_uri等

3) $deps:ആശ്രയിക്കുന്നു.

• നിങ്ങൾ jQuery പ്ലഗിനെയാണ് പരാമർശിക്കുന്നതെങ്കിൽ, jQuery ബിൽഡിനെ ആശ്രയിക്കേണ്ടതുണ്ടെങ്കിൽ, നിങ്ങൾ jQuery പൂരിപ്പിക്കേണ്ടതുണ്ട്.
• ഇത് ഒരു അറേ ആയിട്ടാണ് കടന്നുപോകുന്നത് എന്നത് ശ്രദ്ധിക്കുക.

4) $ver:റിസോഴ്സ് പതിപ്പ്, ഓപ്ഷണൽ.

5) $in_footer:നിങ്ങൾ അത് അടിയിൽ ഇടുന്നുണ്ടോ?

• സാധാരണയായി, JS ഫയലുകൾ പേജിന്റെ ചുവടെ സ്ഥാപിക്കണം, നിങ്ങൾക്ക് ഈ പരാമീറ്റർ True ആയി സജ്ജീകരിക്കാം, മുകളിലേക്ക് ഔട്ട്പുട്ട് ചെയ്യുന്നതിന് ശൂന്യമോ തെറ്റോ വിടുക.

കൂടുതൽ പൂർണ്ണമായ 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' ); 
?>

ഉറവിടങ്ങൾ ഇറക്കുമതി ചെയ്യാൻ വേർഡ്പ്രസ്സ് തീമുകൾ wp_enqueue_script ഉപയോഗിക്കുന്നു

വേർഡ്പ്രസ്സ് തീം വികസനത്തിലെ പ്രോഗ്രാമർമാർ, ഉപയോഗിക്കുകwp_enqueue_scriptവിഭവങ്ങൾ ഇറക്കുമതി ചെയ്യുക.

• മുകളിൽ പറഞ്ഞ ഉദാഹരണങ്ങൾ WordPress പ്ലഗിൻ വികസനത്തിനായുള്ള റഫറൻസ് ഉറവിടങ്ങളുടെ ഉദാഹരണങ്ങളാണ്.
• വിഷയത്തിൽ പരാമർശിച്ചിരിക്കുന്ന രീതി സമാനമാണ്.

തീമിന് കീഴിലുള്ള റിസോഴ്സ് ഫയൽ വിലാസം ലഭിക്കുന്നതിന് തീം ഡയറക്ടറി ലഭിക്കുന്നതിന് അനുബന്ധ ഫംഗ്ഷൻ ഉപയോഗിക്കുന്നതാണ് പ്രധാന വ്യത്യാസം.

നിങ്ങൾക്ക് ഉപയോഗിക്കാംget_template_directory_uriനിലവിലെ തീം ഡയറക്ടറി ലഭിക്കുന്നതിനുള്ള പ്രവർത്തനം.

നിങ്ങൾ ഒരു ചൈൽഡ് തീം ഉപയോഗിക്കുകയാണെങ്കിൽ, നിങ്ങൾ ഉപയോഗിക്കേണ്ടതുണ്ട്get_stylesheet_directory_uriഅനുബന്ധ ഉറവിടങ്ങൾ ലഭിക്കുന്നതിന് ഫംഗ്ഷന് പാരന്റ് തീമിന്റെ ഡയറക്ടറി ലഭിക്കുന്നു.