WordPress e hlahisa JavaScript hantle joang?Ho kenya lifaele tsa JS le CSS ka tloaelo

sebelisaWebosaete ea WordPressbaetsi ba mananeo, ba ntlafatsangWordPress pluginKapa ha u iketsetsa sehlooho sa WordPress, lisebelisoa tse ling tsa JavaScript le CSS li tla boleloa.

• Hangata, batho ba sebelisa li-link le li-tag tsa mongolo ka kotloloho bakeng sa HTML.
• Ebile, WordPress e na le mesebetsi e felletseng le mekhoa ea ho supa mangolo.
• Kahoo, ho sebelisa mokhoa oa ho qotsa oa WordPress o hahelletsoeng ke setsebi le ho feta.

Mekhoa ea ho qotsa e hlokang menyetla

Ho na le mekhoa e 'meli e tloaelehileng ea ho bua, 'me ha ho letho le phoso ka eona, ke feela hore ha e ea phethahala kapa ha ea utloahala.

Mofuta oa 1:Letlapa la khokahano le bua ka faele ea CSS

• Script tag e sebetsa ho lifaele tsa JS. Nke ke ka kena lintlha tse qaqileng mona.

Mofuta oa 2:Sebelisa ts'ebetso ea wp_head

• Mosebetsi oa wp_head o sebelisetsoa ho hlahisa litaba tse itseng tse tloaelehileng kapa tse hlalositsoeng ke tsamaiso.
• Ka linako tse ling re sebelisa khoutu e latelang ho supa faele ena:

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

• Kopitsa khoutu e ka holimo ho file ea function.php ho bua ka faele e nepahetseng.

WordPress Enqueue Scripts Resource Mechanism

Joalo ka ha bohle re tseba, WordPress e na le li-plugins tse ngata:

• Hoo e ka bang plugin e 'ngoe le e 'ngoe e bua ka lifaele tse ling tsa lisebelisoa.
• Ka mokhoa o ke keng oa qojoa, likhohlano li tla hlaha pakeng tsa lisebelisoa tse boletsoeng ke li-plug-ins tse peli, 'me lisebelisoa tsena li tla fetoha tse sa tsitsang' me li ka ama ts'ebetso.

Ho sebelisa ts'ebetso ea wp_enqueue_script

• Ho bua ka sesebelisoa ho WordPress u lokela ho se sebelisawp_enqueue_scriptMosebetsi o nang le lentsoe enqueue lebitsong la tšebetso e kolokang kapa e hlophisang.
• Ka mokhoa oa lisebelisoa tsa WordPress's Enqueue Scripts, litšupiso li arohanngoa le lifaele tse tsamaellanang le khoutu ea mantlha.
• Haeba mosebelisi a batla ho tima sesebelisoa, a ka se hlakola, a se fetola le ho se fana ka maikutlo ntle le ho se fetola ho tsoa ho khoutu ea mantlha.

Ho feta moo, lilaebrari tse ling tse sebelisoang hangata joalo ka jQuery, jQuery UI, joalo-joalo li hahiloe ho WordPress.

Re ka sebelisa ts'ebetso ea wp_enqueue_script ho letsetsa ka ho toba laebrari e hahiloeng, e ka bolokang khoutu le litlhaloso tse hlakileng.

Haeba u sebelisa ts'ebetso ena ho supa lifaele tsa hau tsa JS le CSS, u hloka ho li sebelisawp_register_scriptMosebetsi o ngolisa boitsebiso (sebapa) ebe o sebelisawp_enqueue_scriptMosebetsi o bitsa mohloli o tsamaellanang le folakha ena.

Joang ho kenya lifaele tsa JS le CSS hantle ho WordPress?

WordPress e fana ka mekhoa e utloahalang ea kenyelletso bakeng sa mekhoa ea JS le CSS.

U ka sebelisa khoutu e latelang ho hlahisa faele ea plugin.css ho 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' ); 
?>

Tse ka holimo li sebelisa ts'ebetso ea wp_register_script ho theha sesebelisoa ka identifier plugin_stylesheet.

Ebe, eketsa likopo tsa eona tse moleng howp_enqueue_scriptsLiketso li ntse li tsoela pele.

Leha lebitso la tšebetso e le script, le ikemetse ho mofuta oa faele ea mohlodi mme le sebetsa bakeng sa CSS le JS ka bobedi.

Ts'ebetso ea wp_register_script ha e bonolo hakaalo. E ka ba le liparamente tse hlano:

1) $ tšoara:Sekhetho sa lisebelisoa.

• 由wp_enqueue_scriptphetiso.

2) $src:Sebaka sa mohlodi.

• Liaterese tse amanang kapa tse felletseng li sebelisa mesebetsi e hahiloeng ka har'a WordPress ho fumana liaterese joalo-joalo.
• TloaelehilengBoemoMosebetsi o na leplugins_url,get_template_directory_uriEmang.

3) $deps:itshetleha.

• Haeba u bua ka jQuery plug-in 'me e hloka ho hahoa ka jQuery, u lokela ho tlatsa jQuery.
• Ka kopo hlokomela hore e fetisitsoe e le lethathamo.

4) $ver:Mofuta oa lisebelisoa, oa boikhethelo.

5) $in_footer:Na u batla ho e beha ka tlase?

• Ka tloaelo, lifaele tsa JS li lokela ho behoa ka tlaase ho leqephe, u ka beha parameter ena ho 'Nete, e tlohele e se na letho kapa Bohata' me e tla hlahisoa holimo.

Ha re shebeng mohlala o felletseng oa litšupiso tsa faele ea 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' ); 
?>

Lihlooho tsa WordPress li sebelisa wp_enqueue_script ho hlahisa lisebelisoa

Baetsi ba mananeo ba sebelisa ntlafatso ea sehlooho sa WordPresswp_enqueue_scriptHlahisa lisebelisoa.

• Mohlala o ka holimo ke mohlala oa ho qotsa lisebelisoa bakeng sa nts'etsopele ea WordPress plugin.
• Mekhoa e boletsoeng sehloohong e tšoana.

Phapang e kholo ke hore mosebetsi o lumellanang o sebelisetsoa ho fumana bukana ea sehlooho ho fumana aterese ea faele ea mohloli tlas'a sehlooho.

u ka sebelisaget_template_directory_uriMosebetsi oa ho fumana bukana ea theme ea hajoale.

Haeba u sebelisa sehlooho sa ngoana u tla hloka ho se sebelisaget_stylesheet_directory_uriMosebetsi o fumana bukana ea sehlooho sa motsoali ho fumana lisebelisoa tse tsamaellanang.