Ta yaya WordPress ke gabatar da JavaScript da kyau?Load ɗin al'ada na fayilolin JS da CSS

donGidan yanar gizon WordPressmasu shirye-shirye, masu tasowaWordPress pluginKo lokacin da ake keɓance jigon WordPress, ana amfani da wasu albarkatun rubutun JavaScript da CSS.

• Yawancin lokaci, mutane suna amfani da hanyar haɗi, alamun rubutun kai tsaye don HTML.
• A zahiri, WordPress yana da ingantattun ayyuka da hanyoyin da za a binciko rubutun.
• Don haka, yin amfani da nassoshi hanyoyin da aka gina a cikin WordPress ya fi ƙwararru kuma yana da ƙari.

Hanyar ambato mara kyau

Akwai hanyoyi guda biyu na ambato, yana da kyau, ba daidai ba ne ko kuma mai ma'ana.

Nau'i 1:alamar haɗin yanar gizo tana nufin fayilolin CSS

• Alamomin rubutun suna amfani da fayilolin JS.Ba cikakken bayani a nan ba.

Nau'i 2:Yi amfani da aikin wp_head

• Ana amfani da aikin wp_head don fitar da wasu al'ada ko ƙayyadaddun abun ciki.
• Wani lokaci mukan yi amfani da lambar mai zuwa don yin la'akari da wannan fayil:

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

• Kwafi lambar da ke sama cikin fayil ayyuka.php don yin la'akari da fayilolin da suka dace.

Tsarin albarkatun Rubutun Enqueue na WordPress

Kamar yadda muka sani, WordPress yana da plugins da yawa:

• Kusan kowane plugin yana nuni da wasu fayil na albarkatu.
• Babu makawa, za a sami rikice-rikice tsakanin albarkatun da plugins guda biyu suka yi nuni, wanda zai zama mara ƙarfi kuma yana iya shafar inganci.

Yi amfani da aikin wp_enqueue_script

• Don yin la'akari da albarkatu a cikin WordPress ya kamata ku yi amfani da suwp_enqueue_scriptAikin da ke da kalmar enqueue a cikin sunan aikin da aka jera ko aka jera.
• Tare da wannan hanyar WordPress ta hanyar tattara albarkatu (Rubutun Enqueue), an raba nassoshi daga fayilolin da suka dace da lambar asali.
• Idan mai amfani yana son musaki albarkatun, zai iya sharewa, gyara kuma yayi sharhi ba tare da canza shi daga ainihin lambar ba.

Hakanan, wasu ɗakunan karatu da aka saba amfani da su kamar jQuery, jQuery UI, da sauransu ana gina su cikin WordPress.

Za mu iya amfani da aikin wp_enqueue_script don kiran ginanniyar ɗakin karatu kai tsaye, wanda ke adana lamba da ƙayyadaddun tsabta.

Idan kun yi amfani da wannan aikin don duba fayilolin JS da CSS naku, kuna buƙatar amfani da suwp_register_scriptAikin yana yin rajistar mai ganowa (hannu) sannan yana amfani da shiwp_enqueue_scriptAikin yana kiran albarkatun da ke daidai da wannan tuta.

Yadda ake shigo da fayilolin JS da CSS da kyau a cikin WordPress?

WordPress yana ba da hanyoyin shigo da hankali don hanyoyin JS da CSS.

Kuna iya amfani da lambar mai zuwa don shigo da fayil ɗin plugin.css cikin plugin ɗin ▼

<?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' ); 
?>

Abin da ke sama yana amfani da aikin wp_register_script don ƙirƙirar hanya tare da mai gano plugin_stylesheet.

Sannan, ƙara buƙatun sa masu layi zuwawp_enqueue_scriptsayyuka suna cikin aiki.

Yayin da sunan aikin rubutu ne, ba shi da alaƙa da nau'in fayil ɗin albarkatu kuma yana aiki ga duka CSS da JS.

Aikin wp_register_script ba lallai ba ne mai sauƙi, yana iya samun sigogi biyar:

1) $hannu:Mai gano albarkatu.

• 由wp_enqueue_scriptcanja wuri.

2) $src:Wurin da albarkatun.

• Adireshi na dangi ko cikakke suna amfani da ginanniyar ayyukan WordPress don samun adireshi, da sauransu.
• Na kowaMatsayiaiki yana daplugins_url,get_template_directory_uri。

3) $deps:dogara.

• Idan kana nufin jQuery plugin kuma kana buƙatar dogara ga ginin jQuery, kana buƙatar cika jQuery.
• Lura cewa an wuce shi azaman tsararru.

4) $ver:Sigar albarkatun, na zaɓi.

5) $in_footer:Kuna sanya shi a ƙasa?

• A al'ada, fayilolin JS yakamata a sanya su a kasan shafin, zaku iya saita wannan sigar zuwa Gaskiya, bar shi babu komai ko Ƙarya don fitarwa zuwa sama.

Bari mu kalli ƙarin cikakken misali na bayanin fayil ɗin 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' ); 
?>

Jigogi na WordPress suna amfani da wp_enqueue_script don shigo da albarkatu

Masu shirye-shirye a cikin ci gaban jigon WordPress, amfaniwp_enqueue_scriptShigo da albarkatu.

• Misalan da ke sama misalai ne na albarkatun da aka ambata don haɓaka plugin ɗin WordPress.
• Hanyar da aka yi magana a cikin maudu'in iri ɗaya ce.

Babban bambanci shine yin amfani da aikin da ya dace don samun jagorar jigo don samun adireshin fayil ɗin albarkatu a ƙarƙashin jigon.

zaka iya amfaniget_template_directory_uriaiki don samun jagorar jigo na yanzu.

Idan kuna amfani da jigon yaro, kuna buƙatar amfaniget_stylesheet_directory_uriAikin yana samun jagorar jigon iyaye don samun albarkatun da suka dace.