Pehea e hoʻokomo pono ai ʻo WordPress i ka JavaScript?Hoʻouka maʻamau i nā faila JS a me CSS

hoʻohanaPaena pūnaewele WordPressmea papahana, hoʻomohalaWordPress pluginA i ʻole i ka wā e hana ai i kahi kumumanaʻo WordPress, ua kuhikuhi ʻia kekahi mau kumuwaiwai scripting JavaScript a CSS.

• ʻO ka maʻamau, hoʻohana nā kānaka i ka loulou, nā hōʻailona hōʻailona pololei no HTML.
• ʻO ka ʻoiaʻiʻo, ua kūkulu ʻo WordPress i nā hana maʻalahi a me nā ʻano hana no ka kuhikuhi ʻana i nā palapala.
• No laila, ʻoi aku ka ʻoihana a ʻoi aku ka hoʻonui ʻana i ka hoʻohana ʻana i nā ʻōlelo kuhikuhi i kūkulu ʻia ʻo WordPress.

Ke ala kuhi hewa

ʻElua mau ʻano hoʻopuka maʻamau, maikaʻi, ʻaʻole kūpono a kūpono paha.

ʻAno 1:pili nā loulou i nā faila CSS

• Hoʻopili nā hōʻailona palapala i nā faila JS.ʻAʻole kikoʻī ma ʻaneʻi.

ʻAno 2:E hoʻohana i ka hana wp_head

• Hoʻohana ʻia ka hana wp_head no ka hoʻopuka ʻana i kekahi ʻike maʻamau a ʻōnaehana paha.
• Hoʻohana mākou i kekahi manawa i kēia code e kuhikuhi i kēia faila:

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

• E kope i ke code i luna i loko o ka faila functions.php e kuhikuhi i nā faila pili.

ʻO WordPress Enqueue Scripts kumu waiwai

E like me kā mākou e ʻike ai, he nui nā plugins WordPress:

• Ma kahi kokoke i kēlā me kēia plugin e kuhikuhi i kekahi faila waihona.
• ʻO ka mea hiki ʻole, aia nā paio ma waena o nā kumuwaiwai i kuhikuhi ʻia e nā plugins ʻelua, e lilo i paʻa a hiki ke hoʻopilikia i ka pono.

E hoʻohana i ka hana wp_enqueue_script

• No ka kuhikuhi ʻana i kahi kumuwaiwai ma WordPress pono ʻoe e hoʻohanawp_enqueue_scriptHe hana i loaʻa ka huaʻōlelo enqueue ma ka inoa o ka hana i hoʻopaʻa ʻia.
• Me kēia ala WordPress e hoʻopili ai i nā kumuwaiwai (Enqueue Scripts), ua hoʻokaʻawale ʻia nā kuhikuhi mai nā faila pili a me nā code core.
• Inā makemake ka mea hoʻohana e hoʻopau i ka punawai, hiki iā ia ke holoi, hoʻololi a ʻōlelo me ka ʻole o ka hoʻololi ʻana mai ke code kumu.

Eia kekahi, kūkulu ʻia kekahi mau hale waihona puke e like me jQuery, jQuery UI, etc.

Hiki iā mākou ke hoʻohana i ka hana wp_enqueue_script e kāhea pololei i ka hale waihona puke, kahi e mālama ai i ke code a me kahi kikoʻī maʻemaʻe.

Inā hoʻohana ʻoe i kēia hana e kuhikuhi i kāu mau faila JS a me CSS, pono ʻoe e hoʻohanawp_register_scriptHoʻopaʻa inoa ka hana i kahi mea ʻike (lima) a laila hoʻohanawp_enqueue_scriptKāhea ka hana i ka punawai e pili ana i kēia hae.

Pehea e hoʻokomo pono ai i nā faila JS a me CSS ma WordPress?

Hāʻawi ʻo WordPress i nā ala hoʻokomo kūpono no nā ʻano JS a me CSS.

Hiki iā ʻoe ke hoʻohana i kēia code e hoʻokomo i ka faila plugin.css i loko o ka 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' ); 
?>

Hoʻohana ka mea i luna i ka hana wp_register_script e hana i kahi kumuwaiwai me ka plugin_stylesheet identifier.

A laila, hoʻohui i kāna mau queued noi iwp_enqueue_scriptske hana nei na hana.

ʻOiai he palapala ka inoa hana, ʻaʻohe mea pili i ke ʻano o ka faila waihona a kūpono no ka CSS a me JS.

ʻAʻole maʻalahi ka hana wp_register_script, hiki iā ia ke loaʻa ʻelima mau ʻāpana:

1) $ lima:Mea hōʻike waiwai.

• 由wp_enqueue_scripthoʻoili.

2) $src:Kahi o ka punawai.

• Hoʻohana ʻia nā ʻōlelo pili a i ʻole nā ​​​​ʻōlelo maoli i nā hana i kūkulu ʻia i loko o WordPress e loaʻa ai nā helu wahi, etc.
• KaulanaKūlana hoʻonohonoholoaʻa ka hanaplugins_url,get_template_directory_uri。

3) $deps:hilinai.

• Inā ʻoe e ʻōlelo nei i ka plugin jQuery a pono ʻoe e hilinaʻi i ka kūkulu jQuery, pono ʻoe e hoʻopiha i ka jQuery.
• E hoʻomanaʻo ua hāʻawi ʻia ma ke ʻano he array.

4) $ver:Manaʻo waiwai, koho.

5) $in_footer:Ke waiho nei ʻoe ma lalo?

• ʻO ka mea maʻamau, pono e kau ʻia nā faila JS ma lalo o ka ʻaoʻao, hiki iā ʻoe ke hoʻonohonoho i kēia ʻāpana i ʻOiaʻiʻo, waiho i kahi hakahaka a i ʻole False e hoʻopuka i luna.

E nānā kākou i kahi laʻana kuhikuhi waihona JavaScript piha loa ▼

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

Hoʻohana nā kumuhana WordPress i ka wp_enqueue_script e hoʻokomo i nā kumuwaiwai

ʻO nā polokalamu polokalamu ma ka hoʻomohala ʻana i nā kumumanaʻo WordPress, hoʻohanawp_enqueue_scriptHoʻokomo i nā kumuwaiwai.

• ʻO nā hiʻohiʻona ma luna nei he mau hiʻohiʻona o nā kumuwaiwai i kuhikuhi ʻia no ka hoʻomohala ʻana i ka plugin WordPress.
• ʻO ke ʻano i kuhikuhi ʻia ma ke kumuhana like.

ʻO ka ʻokoʻa nui ʻo ka hoʻohana ʻana i ka hana kūpono e kiʻi i ka papa kuhikuhi kumuhana e kiʻi i ka helu waihona waihona ma lalo o ke kumuhana.

hiki iā ʻoe ke hoʻohanaget_template_directory_urihana e kiʻi i ka papa kuhikuhi kumuhana o kēia manawa.

Inā ʻoe e hoʻohana nei i kahi kumuhana keiki, pono ʻoe e hoʻohanaget_stylesheet_directory_uriLoaʻa ka hana i ka papa kuhikuhi kumu kumu no ka loaʻa ʻana o nā kumuwaiwai pili.