Ciamar a bheir WordPress a-steach JavaScript gu ceart?A ’luchdachadh faidhlichean JS agus CSS gu gnàthach

airsonLàrach-lìn WordPressluchd-prògramaidh, a’ leasachadhPlugin WordPressNo nuair a bhios tu a’ gnàthachadh cuspair WordPress, thathas a’ toirt iomradh air cuid de ghoireasan sgriobtaidh JavaScript agus CSS.

• Mar as trice, bidh daoine a 'cleachdadh ceangail, tagaichean sgriobt gu dìreach airson HTML.
• Gu dearbh, tha gnìomhan agus dòighean sòlaimte aig WordPress airson iomradh a thoirt air sgriobtaichean.
• Mar sin, tha cleachdadh iomraidhean modh togte WordPress nas proifeiseanta agus nas leudaiche.

An dòigh iomraidh lochtach

Tha dà dhòigh luaidh cumanta ann, tha e ceart gu leòr, chan eil e dìreach foirfe no reusanta.

Seòrsa 1:tha tagaichean ceangail a’ toirt iomradh air faidhlichean CSS

• Bidh tagaichean sgriobt a’ buntainn ri faidhlichean JS.Chan eil mion-fhiosrachadh an seo.

Seòrsa 2:Cleachd an gnìomh wp_head

• Tha an gnìomh wp_head air a chleachdadh gus cuid de shusbaint gnàthaichte no siostam a chuir a-mach.
• Bidh sinn uaireannan a’ cleachdadh a’ chòd a leanas airson iomradh a thoirt air an fhaidhle seo:

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

• Dèan lethbhreac den chòd gu h-àrd a-steach don fhaidhle functions.php gus iomradh a thoirt air na faidhlichean co-fhreagarrach.

Uidheam ghoireasan WordPress Enqueue Scripts

Mar a tha fios againn uile, tha tòrr plugins aig WordPress:

• Bidh cha mhòr a h-uile plugan a’ toirt iomradh air faidhle stòrais.
• Gu do-sheachanta, bidh còmhstri eadar goireasan air an tug dà plugins iomradh, a dh’ fhàsas neo-sheasmhach agus a dh’ fhaodadh buaidh a thoirt air èifeachdas.

Cleachd an gnìomh wp_enqueue_script

• Gus iomradh a thoirt air goireas ann an WordPress bu chòir dhut a chleachdadhwp_enqueue_scriptGnìomh aig a bheil am facal ciudha ann an ainm na gnìomh ciudha no rèiteach.
• Le dòigh WordPress air goireasan a lorg (Enqueue Scripts), tha na h-iomraidhean air an sgaradh bho na faidhlichean co-fhreagarrach agus an còd bunaiteach.
• Ma tha an neach-cleachdaidh airson an goireas a chur à comas, faodaidh e a sguabadh às, atharrachadh agus beachd a thoirt air gun a bhith ga atharrachadh bhon chòd bunaiteach.

Cuideachd, tha cuid de leabharlannan air an cleachdadh gu cumanta leithid jQuery, jQuery UI, msaa air an togail a-steach do WordPress.

Is urrainn dhuinn an gnìomh wp_enqueue_script a chleachdadh gus an leabharlann togte a ghairm gu dìreach, a shàbhaileas còd agus sònrachadh glanaidh.

Ma chleachdas tu an gnìomh seo gus iomradh a thoirt air na faidhlichean JS agus CSS agad fhèin, feumaidh tu a chleachdadhwp_register_scriptBidh an gnìomh a’ clàradh aithnichear (làimhseachadh) agus an uairsin a’ cleachdadhwp_enqueue_scriptCanaidh an gnìomh an goireas a tha co-chosmhail ris a’ bhratach seo.

Mar as urrainn dhut faidhlichean JS agus CSS a thoirt a-steach gu ceart air WordPress?

Tha WordPress a’ toirt seachad dòighean in-mhalairt ciallach airson modhan JS agus CSS.

Faodaidh tu an còd a leanas a chleachdadh gus am faidhle plugin.css a thoirt a-steach don plugan ▼

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

Bidh na tha gu h-àrd a’ cleachdadh a’ ghnìomh wp_register_script gus goireas a chruthachadh leis an aithnichear plugin_stylesheet.

An uairsin, cuir ris na h-iarrtasan ciudha aigewp_enqueue_scriptstha gnìomhan ann an gnìomh.

Ged is e sgriobt a th’ ann an ainm a’ ghnìomh, chan eil gnothach sam bith aige ris an t-seòrsa faidhle ghoireasan agus tha e dligheach airson CSS agus JS.

Chan eil an gnìomh wp_register_script cho sìmplidh sin, faodaidh còig paramadairean a bhith aige:

1) $ làimhseachadh:Aithneadair stòrais.

• 由wp_enqueue_scripttar-chur.

2) $src:Àite an stòrais.

• Bidh seòlaidhean coimeasach no iomlan a’ cleachdadh gnìomhan togte WordPress gus seòlaidhean fhaighinn, msaa.
• CumantaSuidheachadhtha gnìomhplugins_url,get_template_directory_uriFuirich.

3) $deps:earbsa.

• Ma tha thu a’ toirt iomradh air plugan jQuery agus gu feum thu a bhith an urra ri togail jQuery, feumaidh tu jQuery a lìonadh.
• Thoir an aire gu bheil e air a thoirt seachad mar raon.

4) $ ver:Tionndadh stòrais, roghainneil.

5) $in_footer:An cuir thu aig a' bhonn e?

• Mar as trice, bu chòir faidhlichean JS a bhith air an cur aig bonn na duilleige, faodaidh tu am paramadair seo a shuidheachadh gu Fìor, fàg falamh e no meallta gu toradh chun mhullach.

Bheir sinn sùil air eisimpleir iomraidh faidhle JavaScript nas coileanta ▼

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

Bidh cuspairean WordPress a’ cleachdadh wp_enqueue_script gus goireasan a thoirt a-steach

Luchd-prògramaidh ann an leasachadh cuspair WordPress, cleachdadhwp_enqueue_scriptCuir a-steach goireasan.

• Tha na h-eisimpleirean gu h-àrd nan eisimpleirean de ghoireasan ainmichte airson leasachadh plugan WordPress.
• Tha an dòigh-obrach air a bheil iomradh sa chuspair coltach.

Is e am prìomh eadar-dhealachadh an gnìomh co-fhreagarrach a chleachdadh gus an eòlaire cuspair fhaighinn gus seòladh an fhaidhle stòrais fhaighinn fon chuspair.

faodaidh tu a chleachdadhget_template_directory_urignìomh gus an eòlaire cuspair gnàthach fhaighinn.

Ma tha thu a’ cleachdadh cuspair cloinne, feumaidh tu a chleachdadhget_stylesheet_directory_uriBidh an gnìomh a’ faighinn eòlaire cuspair pàrant gus na goireasan co-fhreagarrach fhaighinn.