Kodi WordPress imayambitsa bwanji JavaScript?Kutsitsa mwamakonda mafayilo a JS ndi CSS

Opanga mapulogalamu omwe amagwiritsa ntchito WordPress popanga mawebusayiti adzagwiritsa ntchito zida zina za JavaScript ndi CSS popanga mapulagini a WordPress kapena kusintha mitu ya WordPress.

• Nthawi zambiri, anthu amagwiritsa ntchito ulalo, ma tag olembera mwachindunji pa HTML.
• M'malo mwake, WordPress ili ndi ntchito zapamwamba komanso njira zolozera zolemba.
• Chifukwa chake, kugwiritsa ntchito mafotokozedwe a njira zomangidwira za WordPress ndikokhazikika komanso kumakulitsidwa.

Njira yofotokozera yolakwika

Pali njira ziwiri zodziwika bwino, ndizabwino, sizokwanira kapena zololera.

Njira 1: Kugwiritsa ntchito chizindikiro cha ulalo kuti mutchule fayilo ya CSS

• Ma script tag amagwiritsa ntchito mafayilo a JS.Osati mwatsatanetsatane apa.

Njira 2: Gwiritsani ntchito ntchito ya wp_head

• Ntchito ya wp_head imagwiritsidwa ntchito kutulutsa zina mwazochita kapena zofotokozedwa ndi dongosolo.
• Nthawi zina timagwiritsa ntchito nambala iyi kuti titchule fayiloyi:

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

• Koperani kachidindo pamwambapa mufayilo ya function.php kuti muwone mafayilo omwe akugwirizana nawo.

WordPress Enqueue Scripts njira zothandizira

Monga tonse tikudziwa, WordPress ili ndi mapulagini ambiri:

• Pafupifupi mapulagini aliwonse amatchula fayilo ina yake.
• Mosapeweka, padzakhala mikangano pakati pa zinthu zomwe zimatchulidwa ndi mapulagini awiri, zomwe zidzakhala zosakhazikika ndipo zingakhudze mphamvu.

Gwiritsani ntchito wp_enqueue_script

• Kuti mugwiritse ntchito mu WordPress muyenera kugwiritsa ntchitowp_enqueue_scriptNtchito yomwe ili ndi mawu oti "enqueue" m'dzina la ntchito yotsatiridwa kapena yosanja.
• Ndi WordPress 'njira yotsatirira zothandizira (Enqueue Scripts), maumboni amasiyanitsidwa ndi mafayilo ofananira ndi ma code core.
• Ngati wosuta akufuna kuletsa gwero, akhoza kuchotsa, kusintha ndi ndemanga popanda kusintha pa core code.

Komanso, malaibulale ena omwe amagwiritsidwa ntchito kwambiri monga jQuery, jQuery UI, ndi zina zambiri amamangidwa mu WordPress.

Titha kugwiritsa ntchito wp_enqueue_script kuyitanitsa laibulale yomangidwa molunjika, yomwe imasunga kachidindo komanso mawonekedwe oyeretsa.

Ngati mugwiritsa ntchito ntchitoyi kuti muwone mafayilo anu a JS ndi CSS, muyenera kugwiritsa ntchitowp_register_scriptNtchitoyo imalembetsa chizindikiritso (chogwira) ndiyeno chimagwiritsa ntchitowp_enqueue_scriptNtchitoyi imayitana gwero lolingana ndi mbendera iyi.

Momwe mungalowetse bwino mafayilo a JS ndi CSS mu WordPress?

WordPress imapereka njira zomveka zotumizira njira za JS ndi CSS.

Mutha kugwiritsa ntchito nambala iyi kuti mulowetse fayilo ya plugin.css mu pulogalamu yowonjezera ▼

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

Zomwe zili pamwambapa zimagwiritsa ntchito wp_register_script kupanga chothandizira ndi plugin_stylesheet yozindikiritsa.

Kenako, onjezani zopempha zomwe zili pamzere kuwp_enqueue_scriptszochita zikugwira ntchito.

Ngakhale dzina lantchitoyo ndi script, ilibe chochita ndi mtundu wa fayilo yazinthu ndipo ndi yovomerezeka kwa onse a CSS ndi JS.

Ntchito ya wp_register_script siyophweka, imatha kukhala ndi magawo asanu:

1) $handle: Chizindikiro cha zinthu.

• 由wp_enqueue_scriptkusamutsa.

2) $src: Malo omwe pali gwero.

• Maadiresi achibale kapena mtheradi amagwiritsa ntchito WordPress zomanga kuti apeze maadiresi, ndi zina zotero.
• ZofalaKuyikantchito ili ndiplugins_url,get_template_directory_uriYembekezani.

3) $deps: Kudalira.

• Ngati mukunena za jQuery plugin ndipo muyenera kudalira jQuery kuti mumange, muyenera kudzaza jQuery.
• Dziwani kuti imaperekedwa ngati gulu.

4) $ver: Mtundu wazinthu, wosankha.

5) $in_footer: Kodi iyenera kuyikidwa pansi?

• Nthawi zambiri, mafayilo a JS amayenera kuyikidwa pansi pa tsamba, mutha kuyika chizindikiro ichi kukhala Choonadi, chisiyeni chopanda kanthu kapena Chabodza kuti chitulutse pamwamba.

Tiyeni tiwone chitsanzo chathunthu cha fayilo ya 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' ); 
?>

Mitu ya WordPress imagwiritsa ntchito wp_enqueue_script kulowetsa zinthu

Olemba mapulogalamu mu chitukuko cha mutu wa WordPress, gwiritsani ntchitowp_enqueue_scriptTengani katundu.

• Zitsanzo zomwe zili pamwambazi ndi zitsanzo zazinthu zomwe zafotokozedwa pakupanga mapulagini a WordPress.
• Njira yomwe ikufotokozedwa pamutuwu ndi yofanana.

Kusiyanitsa kwakukulu ndiko kugwiritsa ntchito ntchito yofananira kuti mupeze chikwatu chamutu kuti mupeze adilesi yafayilo yomwe ili pansi pamutuwo.

mungagwiritse ntchitoget_template_directory_urigwiritsani ntchito kuti mupeze chikwatu chamutu wapano.

Ngati mukugwiritsa ntchito mutu wa mwana, muyenera kugwiritsa ntchitoget_stylesheet_directory_uriNtchitoyi imapeza chikwatu cha mutu wa makolo kuti apeze zofunikira.