E faʻafefea ona faʻafeiloaʻi lelei e WordPress le JavaScript?Fa'aaufa'asolo uta JS ma faila CSS

moWordPress websitetagata fai polokalame, atinaeWordPress pluginPe a faʻapipiʻiina se autu o le WordPress, o loʻo faʻasino i ai nisi o punaoa faʻamaumauga a le JavaScript ma le CSS.

• E masani lava, e fa'aoga e tagata le feso'ota'iga, fa'ailoga tusitusi sa'o mo HTML.
• O le mea moni, ua fausia e WordPress ni galuega faʻapitoa ma metotia mo le faʻasinoina o tusitusiga.
• O lea la, o le faʻaaogaina o faʻamatalaga faʻapipiʻi a WordPress e sili atu le tomai ma sili atu ona faʻalauteleina.

Le auala fa'aoga sese

E lua auala masani o upusii, e lelei, e le atoatoa pe talafeagai.

Ituaiga 1:feso'ota'iga pine e fa'asino i faila CSS

• O fa'ailoga tusitusi e fa'aoga faila JS.E le'o fa'amatalaina iinei.

Ituaiga 2:Fa'aoga le galuega wp_head

• O le galuega wp_head e faʻaaogaina e faʻaalia ai nisi o aganuʻu poʻo mea faʻapipiʻiina.
• O nisi taimi matou te faʻaogaina le code lea e faʻasino ai lenei faila:

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

• Kopi le fa'ailoga o lo'o i luga i le faila functions.php e fa'asino i faila e fetaui.

WordPress Enqueue Scripts resource mechanism

E pei ona tatou iloa uma, o le WordPress e tele naua faʻapipiʻi:

• Toeitiiti lava o faʻapipiʻi uma e faʻasino i nisi faila punaoa.
• E mautinoa lava, o le ai ai feteʻenaʻiga i le va o punaoa o loʻo faʻasino e lua plugini, lea o le a le mautu ma ono afaina ai le lelei.

Fa'aaoga le galuega wp_enqueue_script

• E faʻasino se punaoa i totonu o le WordPress e tatau ona e faʻaogainawp_enqueue_scriptO se galuega e iai le upu enqueue i le igoa o le queued po'o le fa'avasegaina galuega.
• Faatasi ai ma lenei auala WordPress e faʻapipiʻi ai punaoa (Enqueue Scripts), o faʻamatalaga e vavae ese mai faila e fetaui ma le numera autu.
• Afai e manaʻo le tagata faʻaoga e faʻamalo le punaoa, e mafai ona ia tapeina, suia ma faʻamatalaga e aunoa ma le suia mai le code autu.

E le gata i lea, o nisi faletusi masani e pei o jQuery, jQuery UI, ma isi mea ua fausia i totonu o le WordPress.

E mafai ona matou faʻaogaina le galuega wp_enqueue_script e valaʻau saʻo ai le faletusi fausia, lea e faʻasaoina ai le code ma se faʻamatalaga mama.

Afai e te faʻaogaina lenei galuega e faʻasino ai au lava faila JS ma CSS, e tatau ona e faʻaogainawp_register_scriptE resitalaina e le galuega se faʻamatalaga (uʻu) ona faʻaaogaina leawp_enqueue_scriptE ta'ua e le galuega le punaoa e fetaui ma lenei fu'a.

E faʻafefea ona faʻapipiʻi lelei faila JS ma CSS ile WordPress?

O loʻo tuʻuina atu e le WordPress auala faʻaulufale maia mo JS ma auala CSS.

E mafai ona e fa'aogaina le code lea e fa'aulufale mai ai le faila plugin.css i totonu o le 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' ); 
?>

O loʻo i luga e faʻaaogaina le wp_register_script galuega e fatu ai se punaoa ma le faʻamatalaga plugin_stylesheet.

Ona, fa'aopoopo lea i ana talosaga tu'iwp_enqueue_scriptso lo'o fa'agaoioia gaioiga.

E ui o le igoa o le galuega o se tusitusiga, e leai se mea e fai i le ituaiga faila faila ma e aoga mo CSS ma JS.

Ole galuega wp_register_script e matua le faigofie, e mafai ona lima faʻamau:

1) $u'u:Mea e iloagofie ai.

• Tuuina atuwp_enqueue_scriptfesiitaiga.

2) $src:Le nofoaga o le punaoa.

• O faʻamatalaga faʻapitoa poʻo tuatusi faʻaoga e faʻaogaina ai galuega faʻapipiʻi WordPress e maua ai tuatusi, ma isi.
• Masanitulagagaluega faatino ei aiplugins_url,get_template_directory_uriFaatali.

3) $deps:fa'alagolago.

• Afai o loʻo e faʻatatau i le jQuery plugin ma manaʻomia le faʻalagolago i le jQuery build, e tatau ona e faʻatumu le jQuery.
• Manatua o loʻo pasia o se array.

4) $ver:Punaoa lomiga, faitalia.

5) $in_footer:E te tu'u i lalo?

• E masani lava, o faila JS e tatau ona tuʻu i le pito i lalo o le itulau, e mafai ona e setiina lenei parakalafa i le Moni, tuʻu avanoa poʻo le Sese e faʻaulu i luga.

Se'i o tatou va'ai i se fa'ata'ita'iga fa'asinoga faila faila JavaScript sili atu ▼

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

O autu o le WordPress e faʻaaoga wp_enqueue_script e faʻaulufale mai ai punaoa

Polokalame i le atinaʻeina o autu o WordPress, faʻaogawp_enqueue_scriptAuina mai punaoa.

• O faʻataʻitaʻiga o loʻo i luga o faʻataʻitaʻiga o punaoa faʻasino mo le atinaʻeina o plugini WordPress.
• O le auala o loʻo faʻasino i le autu e tutusa.

O le eseesega tele o le faʻaaogaina lea o le galuega faʻatatau e maua ai le lisi autu e maua ai le tuatusi faila punaoa i lalo o le autu.

e mafai ona e faaaogainaget_template_directory_urigaluega e maua ai le lisi autu o loʻo iai nei.

Afai o loʻo e faʻaaogaina se autu a tamaiti, e tatau ona e faʻaaogainaget_stylesheet_directory_uriE maua e le galuega le lisi autu a matua e maua ai punaoa talafeagai.