I-WordPress iyethula kanjani iJavaScript ngendlela efanele?Ilayisha ngokwezifiso amafayela e-JS nawe-CSS

ngobaIwebhusayithi ye-WordPressabahleli bezinhlelo, abasathuthukaI-plugin ye-WordPressNoma uma wenza ngendlela oyifisayo itimu ye-WordPress, ezinye izinsiza zokubhala ze-JavaScript ne-CSS zibaluliwe.

• Ngokuvamile, abantu basebenzisa isixhumanisi, omaka beskripthi ngokuqondile ku-HTML.
• Eqinisweni, i-WordPress inemisebenzi eyakhelwe ngaphakathi eyinkimbinkimbi nezindlela zokukhomba imibhalo.
• Ngakho-ke, ukusebenzisa izinkomba zendlela eyakhelwe ngaphakathi ye-WordPress kuwumsebenzi othe xaxa futhi kunwebeka kakhulu.

Indlela yokucaphuna enephutha

Kunezindlela ezimbili ezivamile zokucaphuna, kulungile, akuphelele noma kunengqondo.

Uhlobo 1:amathegi esixhumanisi abhekisela kumafayela e-CSS

• Omaka beskripthi basebenza kumafayela e-JS.Akuningiliziwe lapha.

Uhlobo 2:Sebenzisa umsebenzi we-wp_head

• Umsebenzi we-wp_head usetshenziselwa ukukhipha okunye okuqukethwe ngokwezifiso noma okuchazwe ngohlelo.
• Kwesinye isikhathi sisebenzisa ikhodi elandelayo ukuze sibhekise leli fayela:

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

• Kopisha ikhodi engenhla kufayela le-funcns.php ukuze ubhekisele kumafayela ahambisanayo.

Indlela yensiza ye-WordPress Enqueue Scripts

Njengoba sonke sazi, i-WordPress inama-plugin amaningi:

• Cishe wonke ama-plugin abhekisela kufayela elithile elingumthombo.
• Ngokungenakugwenywa, kuzoba nokungqubuzana phakathi kwezinsiza ezibalulwe ama-plugin amabili, azongazinzi futhi angathinta ukusebenza kahle.

Sebenzisa umsebenzi we-wp_enqueue_script

• Ukuze ubhekisele insiza ku-WordPress kufanele usebenzisewp_enqueue_scriptUmsebenzi onegama elithi queue egameni lomsebenzi ohleliwe noma ohlungiwe.
• Ngendlela ye-WordPress yokuhlanganisa izinsiza (Izikripthi ze-Enqueue), izinkomba zihlukaniswa kumafayela ahambisanayo nekhodi ewumongo.
• Uma umsebenzisi efuna ukukhubaza insiza, angakwazi ukuyisusa, ayilungise futhi abeke amazwana ngaphandle kokuyilungisa kusuka kukhodi ewumgogodla.

Futhi, eminye imitapo yolwazi evame ukusetshenziswa njenge-jQuery, i-jQuery UI, njll. yakhelwe ku-WordPress.

Singasebenzisa umsebenzi we-wp_enqueue_script ukuze sishayele umtapo wolwazi owakhelwe ngaphakathi ngokuqondile, okugcina ikhodi kanye nokucaciswa okucacile.

Uma usebenzisa lo msebenzi ukuze ubhekisele kumafayela akho e-JS nawe-CSS, udinga ukuwasebenzisawp_register_scriptUmsebenzi ubhalisa isihlonzi (isibambo) bese uyasisebenzisawp_enqueue_scriptUmsebenzi ubiza insiza ehambisana naleli fulegi.

Ungawangenisa kanjani kahle amafayela e-JS ne-CSS ku-WordPress?

I-WordPress inikeza izindlela zokungenisa ezinengqondo zezindlela ze-JS ne-CSS.

Ungasebenzisa ikhodi elandelayo ukuze ungenise ifayela le-plugin.css ku-plugin ▼

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

Okungenhla kusebenzisa umsebenzi we-wp_register_script ukuze udale insiza ngesihlonzi se-plugin_stylesheet.

Bese, engeza izicelo zayo ezikulayiniwp_enqueue_scriptsizenzo ziyasebenza.

Nakuba igama lomsebenzi liwumbhalo, alihlanganise lutho nohlobo lwefayela lesisetshenziswa futhi livumeleke kukho kokubili i-CSS ne-JS.

Umsebenzi we-wp_register_script awulula kangako, ungaba namapharamitha amahlanu:

1) $ isibambo:Isihlonzi sensiza.

• 由wp_enqueue_scriptukudlulisa.

2) $src:Indawo yesisetshenziswa.

• Amakheli ahlobene noma aphelele asebenzisa imisebenzi eyakhelwe ngaphakathi ye-WordPress ukuze athole amakheli, njll.
• OkuvamileUkubekaumsebenzi hasplugins_url,get_template_directory_uriLinda.

3) $deps:thembela.

• Uma ubhekisela ku-plugin ye-jQuery futhi udinga ukuthembela ekwakhiweni kwe-jQuery, udinga ukugcwalisa i-jQuery.
• Qaphela ukuthi idluliswa njengohlelo.

4) $ver:Inguqulo yensiza, ozikhethela yona.

5) $in_footer:Ingabe uyibeka ngezansi?

• Ngokuvamile, amafayela e-JS kufanele abekwe ngaphansi kwekhasi, ungasetha le pharamitha ukuze ithi Iqiniso, ishiye ingenalutho noma Amanga ukuze ikhiphele phezulu.

Ake sibheke isibonelo esiphelele sereferensi yefayela le-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' ); 
?>

Izingqikithi ze-WordPress zisebenzisa i-wp_enqueue_script ukungenisa izinsiza

Abahleli ekuthuthukisweni kwetimu ye-WordPress, sebenzisawp_enqueue_scriptNgenisa izinsiza.

• Izibonelo ezingenhla ziyizibonelo zezinsiza ezikhonjiwe zokuthuthukiswa kwe-plugin ye-WordPress.
• Indlela okukhulunywa ngayo esihlokweni iyafana.

Umehluko omkhulu ukusebenzisa umsebenzi ohambisanayo ukuze uthole uhla lwemibhalo lwetimu ukuze uthole ikheli lefayela lensiza ngaphansi kwetimu.

ungasebenzisaget_template_directory_uriumsebenzi wokuthola inkomba yetimu yamanje.

Uma usebenzisa itimu yengane, uzodinga ukuyisebenzisaget_stylesheet_directory_uriUmsebenzi uthola uhla lwemibhalo lwetimu yomzali ukuze uthole izinsiza ezihambisanayo.