Sidee WordPress si sax ah u soo bandhigaa JavaScript?Soo dejinta gaarka ah ee faylasha JS iyo CSS

eeMareegta WordPressbarnaamijyada, horumarintaplugin WordPress ahAma marka aad habaynayso mawduuca WordPress, qaar ka mid ah JavaScript iyo agab qoraaleedka CSS ayaa la tixraacaa.

• Caadiyan, dadku waxay si toos ah HTML u adeegsadaan isku xirka, qoraalka tags-ka.
• Dhab ahaantii, WordPress wuxuu leeyahay hawlo casri ah oo ku dhex dhisan iyo hababka tixraaca qoraallada.
• Marka, adeegsiga tixraacyada habka-ku-dhisan ee WordPress ayaa ah mid aad u xirfad badan oo dheeraad ah.

Habka xigashada khaldan

Waxaa jira laba hab oo tixraac ah oo caadi ah, way fiicantahay, maahan mid qumman ama macquul ah.

Nooca 1:link tags tixraac faylasha CSS

• Calaamadaha qoraalka waxay adeegsadaan faylasha JS.Halkan kuma faahfaahin

Nooca 2:Isticmaal shaqada wp_head

• Shaqada wp_head waxaa loo istcmaalay in lagu soo saaro qaar ka mid ah caadada ama tusmada habaysan.
• Waxaan mararka qaarkood isticmaalnaa summada soo socota si aan u tixraacno faylkan:

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

• Ku koobbi koodka kore faylka functional.php si aad u tixraacdo faylasha u dhigma.

Farsamaynta kheyraadka qoraallada Enqueue WordPress

Sida aan wada ognahay, WordPress wuxuu leeyahay plugins badan:

• Ku dhawaad ​​plugin kasta wuxuu tixraacayaa qaar ka mid ah faylka kheyraadka.
• Lama huraan, waxaa jiri doona isku dhacyo u dhexeeya agabyada ay tixraaceen laba plugins, kuwaas oo noqon doona mid aan degganayn oo laga yaabo in ay saamayn ku yeelato hufnaanta.

Isticmaal shaqada wp_enqueue_script

• Si aad u tixraacdo kheyraadka WordPress waa inaad isticmaashaawp_enqueue_scriptHawl leh kelmadda Enqueue oo ku qoran magaca shaqada la safan ama la kala soocay.
• Iyada oo la adeegsanayo habka WordPress ee kaydinta agabka (Enqueue Scripts), tixraacyada waxaa laga soocay faylalka u dhigma iyo koodka xudunta u ah.
• Haddii isticmaaluhu rabo inuu joojiyo kheyraadka, wuu tirtiri karaa, wax ka beddeli karaa oo faallo ka bixin karaa isaga oo aan wax ka beddelin koodhka xudunta u ah.

Sidoo kale, qaar ka mid ah maktabadaha sida caadiga ah loo isticmaalo sida jQuery, jQuery UI, iwm ayaa lagu dhisay WordPress.

Waxaan u isticmaali karnaa shaqada wp_enqueue_script si aan toos ugu wacno maktabadda ku dhex jirta, taas oo keydisa koodka iyo qeexid cad.

Haddii aad u isticmaasho shaqadan si aad u tixraacdo faylashaada JS iyo CSS, waxaad u baahan tahay inaad isticmaashowp_register_scriptHawshu waxa ay diiwangelinaysaa aqoonsiga (gacanta) ka dibna isticmaalwp_enqueue_scriptShaqadu waxay wacdaa kheyraadka u dhigma calankan.

Sidee si sax ah loogu soo dejiyaa faylasha JS iyo CSS gudaha WordPress?

WordPress wuxuu bixiyaa habab macquul ah oo soo dejinta JS iyo hababka CSS.

Waxaad isticmaali kartaa koodka soo socda si aad u soo dejiso faylka plugin.css gudaha 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' ); 
?>

Kuwa kore waxay adeegsadaan shaqada wp_register_script si ay u abuuraan kheyraad leh aqoonsiga plugin_stylesheet.

Kadib, ku dar codsiyadeeda safka ku jirawp_enqueue_scriptsFicilada ayaa shaqeynaya.

Inkasta oo magaca shaqadu uu yahay qoraal, shaqo kuma lahan nooca faylka kheyraadka oo waa ansax u ah CSS iyo JS labadaba.

Shaqada wp_register_script runtii maaha mid sahlan, waxay yeelan kartaa shan xuduud:

1) $ gacan:Aqoonsiga kheyraadka.

• 由wp_enqueue_scriptwareejin.

2) $src:Goobta kheyraadka.

• Ciwaanada qaraabada ah ama kuwa saxda ah waxay adeegsadaan howlaha ku dhex jira ee WordPress si ay u helaan cinwaano, iwm.
• Caadi ahMeeleyntafunction leedahayplugins_url,get_template_directory_uri。

3) $deps:isku hallayn.

• Haddii aad tixraacayso jQuery plugin oo aad u baahan tahay inaad ku tiirsanaato dhismaha jQuery, waxaad u baahan tahay inaad buuxiso jQuery.
• Ogsoonow in loo gudbi karo si toos ah.

4) $ver:Nooca kheyraadka, ikhtiyaari ah.

5) $in_footer:Ma gunta dhigataa?

• Caadiyan, faylasha JS waa in la dhigaa xagga hoose ee bogga, waxaad dejin kartaa cabbirkan Run, ka tag maran ama Been si aad u soo saarto xagga sare.

Aynu eegno tusaale tixraaca faylka JavaScript oo dhamaystiran ▼

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

Mawduucyada WordPress waxay isticmaalaan wp_enqueue_script si ay u soo dajiyaan ilaha

Barnaamijyada horumarinta mawduuca WordPress, isticmaalwp_enqueue_scriptSoo dejinta agabka

• Tusaalooyinka kor ku xusan waa tusaalayaal ilaha tixraaca ee horumarinta plugin WordPress.
• Habka loo tixraacay mawduuca ayaa la mid ah.

Farqiga ugu weyni waa in la isticmaalo shaqada u dhiganta si aad u hesho hagaha mawduuca si aad u hesho ciwaanka faylka khayraadka hoostiisa mawduuca.

waad isticmaali kartaaget_template_directory_urishaqada si aad u hesho hagaha mawduuca hadda jira.

Haddii aad isticmaalayso mawduuc ilmo, waxaad u baahan doontaa inaad isticmaashoget_stylesheet_directory_uriHawshu waxay helaysaa buugga mawduuca waalidka si loo helo agabka u dhigma.