Je, WordPress huanzishaje JavaScript ipasavyo?Inapakia faili maalum za JS na CSS

KutumiaJengo la tovuti ya WordPresswatengenezaji programu, wanaoendeleaPlugin ya WordPressAu wakati wa kubinafsisha mandhari ya WordPress, rasilimali zingine za JavaScript na CSS hurejelewa.

• Kwa kawaida, watu hutumia kiungo, vitambulisho vya hati moja kwa moja kwa HTML.
• Kwa kweli, WordPress ina kazi za kisasa na mbinu za kurejelea hati.
• Kwa hivyo, kutumia marejeleo ya njia iliyojengewa ndani ya WordPress ni ya kitaalamu zaidi na ya kupanuka zaidi.

Mbinu ya kunukuu yenye kasoro

Kuna njia mbili za kawaida za kunukuu, ni sawa, sio kamili au sawa.

Aina ya 1:lebo za kiungo hurejelea faili za CSS

• Lebo za hati hutumika faili za JS.Haijaelezewa kwa kina hapa.

Aina ya 2:Tumia kitendakazi cha wp_head

• Chaguo za kukokotoa za wp_head hutumika kutoa maudhui fulani maalum au yaliyoainishwa na mfumo.
• Wakati mwingine sisi hutumia nambari ifuatayo kurejelea faili hii:

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

• Nakili msimbo ulio hapo juu kwenye faili ya function.php ili kurejelea faili zinazolingana.

Utaratibu wa rasilimali ya Hati za Enqueue za WordPress

Kama sisi sote tunajua, WordPress ina programu-jalizi nyingi:

• Takriban kila programu-jalizi inarejelea faili fulani ya rasilimali.
• Bila shaka, kutakuwa na migongano kati ya rasilimali zilizorejelewa na programu-jalizi mbili, ambazo hazitakuwa thabiti na zinaweza kuathiri ufanisi.

Tumia kitendakazi cha wp_enqueue_script

• Kurejelea rasilimali katika WordPress unapaswa kutumiawp_enqueue_scriptChaguo la kukokotoa ambalo lina neno foleni kwa jina la chaguo la kukokotoa lililopangwa au lililopangwa.
• Kwa njia ya WordPress ya kupanga rasilimali (Hati za Enqueue), marejeleo yanatenganishwa na faili zinazolingana na msimbo wa msingi.
• Ikiwa mtumiaji anataka kuzima rasilimali, anaweza kufuta, kurekebisha na kutoa maoni bila kurekebisha kutoka kwa msimbo wa msingi.

Pia, baadhi ya maktaba zinazotumiwa sana kama jQuery, jQuery UI, n.k. zimejengwa katika WordPress.

Tunaweza kutumia kitendakazi cha wp_enqueue_script kupiga maktaba iliyojengewa ndani moja kwa moja, ambayo huhifadhi msimbo na ubainifu wazi zaidi.

Ukitumia chaguo hili la kukokotoa kurejelea faili zako za JS na CSS, unahitaji kutumiawp_register_scriptChaguo za kukokotoa husajili kitambulisho (shina) na kisha kutumiawp_enqueue_scriptChaguo za kukokotoa huita rasilimali inayolingana na bendera hii.

Jinsi ya kuagiza vizuri faili za JS na CSS katika WordPress?

WordPress hutoa mbinu za kuagiza zinazofaa kwa mbinu za JS na CSS.

Unaweza kutumia msimbo ufuatao kuleta faili ya plugin.css kwenye programu-jalizi ▼

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

Yaliyo hapo juu hutumia kazi ya kukokotoa ya wp_register_script ili kuunda nyenzo kwa kutumia laha-jalada_ya kitambulisho.

Kisha, ongeza maombi yake yaliyowekwa kwenye foleniwp_enqueue_scriptsvitendo vinafanya kazi.

Ingawa jina la utendaji ni hati, halihusiani na aina ya faili ya rasilimali na ni halali kwa CSS na JS.

Kazi ya wp_register_script sio rahisi sana, inaweza kuwa na vigezo vitano:

1) kushughulikia $:Kitambulisho cha rasilimali.

• 由wp_enqueue_scriptuhamisho.

2) $src:Mahali pa rasilimali.

• Anwani za jamaa au kabisa hutumia vitendaji vilivyojengewa ndani vya WordPress ili kupata anwani, n.k.
• KawaidaKuweka nafasikazi inaplugins_url,get_template_directory_uriSubiri.

3) $deps:tegemea.

• Ikiwa unarejelea programu-jalizi ya jQuery na unahitaji kutegemea muundo wa jQuery, unahitaji kujaza jQuery.
• Kumbuka kwamba inapitishwa kama safu.

4) $ver:Toleo la rasilimali, hiari.

5) $in_footer:Unaiweka chini?

• Kwa kawaida, faili za JS zinapaswa kuwekwa chini ya ukurasa, unaweza kuweka parameter hii kwa Kweli, iache tupu au Uongo ili pato juu.

Wacha tuangalie mfano kamili zaidi wa marejeleo ya faili 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' ); 
?>

Mandhari ya WordPress hutumia wp_enqueue_script kuleta rasilimali

Wasanidi programu katika ukuzaji wa mada ya WordPress, tumiawp_enqueue_scriptIngiza rasilimali.

• Mifano hapo juu ni mifano ya rasilimali zilizorejelewa kwa ukuzaji wa programu-jalizi ya WordPress.
• Njia iliyorejelewa katika mada ni sawa.

Tofauti kuu ni kutumia kazi inayolingana kupata saraka ya mada ili kupata anwani ya faili ya rasilimali chini ya mada.

unaweza kutumiaget_template_directory_urikazi kupata saraka ya mada ya sasa.

Ikiwa unatumia mandhari ya mtoto, utahitaji kutumiaget_stylesheet_directory_uriChaguo za kukokotoa hupata saraka ya mada ya mzazi kupata rasilimali zinazolingana.