Kedu ka WordPress si ewebata Javascript nke ọma?Nbugo omenala nke faịlụ JS na CSS

makaWebụsaịtị WordPressmmemme, na-emepe emepeNgwa mgbakwunye WordPressMa ọ bụ mgbe ị na-ahazi isiokwu WordPress, ụfọdụ Javascript na ihe odide CSS na-ezo aka.

• Ọtụtụ mgbe, ndị mmadụ na-eji njikọ, mkpado edemede ozugbo maka HTML.
• N'ezie, WordPress arụnyere n'ime ọkaibe ọrụ yana ụzọ maka ịkọwa edemede.
• Yabụ, iji nrụtụ aka usoro arụnyere na WordPress bụ ọkachamara na mgbakwunye.

Usoro nrụtụ aka adịghị mma

Enwere ụzọ ngụ abụọ a na-ahụkarị, ọ dị mma, ọ bụghị nke zuru oke ma ọ bụ ezi uche.

Ụdị 1:mkpado njikọ na-ezo aka na faịlụ CSS

• Mkpado script na-etinye faịlụ JS.Enweghị nkọwa zuru ezu ebe a.

Ụdị 2:Jiri ọrụ wp_head

• A na-eji ọrụ wp_head wepụta ụfọdụ ọdịnaya ma ọ bụ usoro akọwapụtara.
• Mgbe ụfọdụ, anyị na-eji koodu a na-ezo faịlụ a:

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

• Detuo koodu dị n'elu n'ime faịlụ function.php iji debanye aha faịlụ ndị kwekọrọ.

Usoro ihe enyemaka WordPress Enqueue Scripts

Dị ka anyị niile maara, WordPress nwere ọtụtụ plugins:

• Ihe fọrọ nke nta ka ọ bụrụ ngwa mgbakwunye ọ bụla na-ezo aka ụfọdụ faịlụ akụrụngwa.
• N'ụzọ a na-apụghị izere ezere, a ga-enwe esemokwu n'etiti akụrụngwa ndị plugins abụọ na-ezo aka, nke ga-aghọ nke na-adịghị akwụsi ike ma nwee ike imetụta arụmọrụ.

Jiri ọrụ wp_enqueue_script

• Iji zoo aka na akụrụngwa na WordPress ị ga-ejiwp_enqueue_scriptỌrụ nwere mkpụrụokwu enqueue n'aha nke etinyere ma ọ bụ ahaziri ọrụ.
• Site na nke a WordPress ụzọ nke enqueueing akụrụngwa (Enqueue Scripts), ndị ntụnyere na-kewapụrụ na faịlụ kwekọrọ ekwekọ na koodu isi.
• Ọ bụrụ na onye ọrụ chọrọ gbanyụọ akụrụngwa, ọ nwere ike ihichapụ, gbanwee ma kwuo ya na-agbanweghị ya na koodu isi.

Ọzọkwa, ụfọdụ ọba akwụkwọ ndị a na-ejikarị dị ka jQuery, jQuery UI, wdg na-ewu na WordPress.

Anyị nwere ike iji ọrụ wp_enqueue_script ịkpọ ọbá akwụkwọ arụnyere ozugbo, nke na-echekwa koodu na nkọwapụta doro anya.

Ọ bụrụ na ị na-eji ọrụ a ịtụ faịlụ JS na CSS nke gị, ịkwesịrị ijiwp_register_scriptỌrụ a na-edebanye aha njirimara (aka) wee jiri yawp_enqueue_scriptỌrụ a na-akpọ akụrụngwa dabara na ọkọlọtọ a.

Otu esi ebubata faịlụ JS na CSS nke ọma na WordPress?

WordPress na-enye ụzọ mbubata nwere ezi uche maka ụzọ JS na CSS.

Ị nwere ike iji koodu na-esonụ bubata faịlụ plugin.css n'ime ngwa mgbakwunye ▼

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

Nke a dị n'elu na-eji ọrụ wp_register_script mepụta akụrụngwa yana ihe njirimara plugin_stylesheet.

Mgbe ahụ, tinye arịrịọ ya kwụ n'ahịrị nawp_enqueue_scriptsomume na-arụ ọrụ.

Ọ bụ ezie na aha ọrụ ahụ bụ edemede, ọ nweghị ihe jikọrọ ya na ụdị faịlụ akụ ma dị irè maka ma CSS na JS.

Ọrụ wp_register_script adịghị mfe, ọ nwere ike ịnwe paramita ise:

1) $aka:Ihe nchọpụta akụrụngwa.

• 由wp_enqueue_scriptnyefe.

2) $src:Ebe ebe akụrụngwa.

• Adreesị ikwu ma ọ bụ zuru oke na-eji ọrụ arụnyere WordPress iji nweta adreesị, wdg.
• ỌkarịN'ọnọduọrụ nwereplugins_url,get_template_directory_uri。

3) $deps:dabere.

• Ọ bụrụ na ị na-ezo aka na jQuery ngwa mgbakwunye ma chọọ ịdabere na jQuery iji wuo, ịkwesịrị imeju jQuery.
• Rịba ama na agafere ya dị ka nhazi.

4) $ ugboro:Ụdị akụrụngwa, nhọrọ.

5) $in_footer:Ị na-etinye ya na ala?

• Dị ka ọ na-adịkarị, a ga-edobe faịlụ JS na ala nke ibe, ị nwere ike ịtọ oke a ka ọ bụrụ eziokwu, hapụ ya oghere ma ọ bụ ụgha ka ọ pụta ìhè n'elu.

Ka anyị lee ihe atụ ntụnye aka faịlụ Javascript zuru oke ▼

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

Gburugburu WordPress na-eji wp_enqueue_script ibubata akụrụngwa

Ndị mmemme na mmepe isiokwu WordPress, jiriwp_enqueue_scriptBubata akụrụngwa.

• Ọmụmaatụ ndị a dị n'elu bụ ihe atụ nke akụrụngwa atụnyere maka mmepe ngwa mgbakwunye WordPress.
• Usoro e zoro aka na ya na isiokwu ahụ yiri ya.

Isi ihe dị iche bụ iji ọrụ kwekọrọ nweta akwụkwọ ndekọ aha iji nweta adreesị faịlụ akụrụngwa n'okpuru isiokwu.

ị nwere ike ijiget_template_directory_uriịrụ ọrụ iji nweta ndekọ ndekọ isiokwu dị ugbu a.

Ọ bụrụ na ị na-eji isiokwu ụmụaka, ị ga-achọ ijiget_stylesheet_directory_uriỌrụ a na-enweta ndekọ isiokwu nne na nna iji nweta akụrụngwa kwekọrọ.