Conas a thugann WordPress isteach JavaScript i gceart?Luchtú saincheaptha comhaid JS agus CSS

ÚsáidLáithreán gréasáin WordPressríomhchláraitheoirí, ag forbairtBreiseán WordPressNó agus téama WordPress á shaincheapadh, déantar tagairt do roinnt acmhainní scriptithe JavaScript agus CSS.

• De ghnáth, úsáideann daoine nasc, clibeanna script go díreach le haghaidh HTML.
• Go deimhin, tá feidhmeanna agus modhanna sofaisticiúla ionsuite ag WordPress chun scripteanna a thagairt.
• Mar sin, tá sé níos gairmiúla agus níos fairsinge úsáid a bhaint as tagairtí modh ionsuite WordPress.

An modh luadh lochtach

Tá dhá mhodh comhlua ann, tá sé ceart go leor, níl sé foirfe nó réasúnta.

Cineál 1:tagraíonn clibeanna naisc do chomhaid CSS

• Feidhmíonn clibeanna script comhaid JS.Níl sé sonraithe anseo.

Cineál 2:Úsáid an fheidhm wp_head

• Úsáidtear an fheidhm wp_head chun roinnt ábhar saincheaptha nó sainithe córais a aschur.
• Úsáidimid an cód seo a leanas uaireanta chun tagairt a dhéanamh don chomhad seo:

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

• Cóipeáil an cód thuas isteach sa chomhad functions.php chun tagairt a dhéanamh do na comhaid chomhfhreagracha.

Meicníocht acmhainní WordPress Enqueue Scripts

Mar is eol dúinn go léir, tá go leor breiseán ag WordPress:

• Déanann beagnach gach breiseán tagairt do roinnt comhad acmhainne.
• Gan dabht, beidh coinbhleachtaí ann idir acmhainní dá dtagraítear ag dhá bhreiseán, rud a éireoidh éagobhsaí agus a d'fhéadfadh cur isteach ar éifeachtúlacht.

Úsáid an fheidhm wp_enqueue_script

• Chun tagairt a dhéanamh d'acmhainn i WordPress ba chóir duit a úsáidwp_enqueue_scriptFeidhm a bhfuil an focal enqueue in ainm na feidhme enqueued nó sórtáilte.
• Le bealach WordPress chun acmhainní a chiúlú (Scripteanna Enqueue), tá na tagairtí scartha ó na comhaid chomhfhreagracha agus ón gcód lárnach.
• Más mian leis an úsáideoir an acmhainn a dhíchumasú, féadfaidh sé í a scriosadh, a mhodhnú agus trácht a dhéanamh air gan é a mhodhnú ón gcroíchód.

Chomh maith leis sin, tá roinnt leabharlann a úsáidtear go coitianta mar jQuery, jQuery UI, etc. ionsuite i WordPress.

Is féidir linn an fheidhm wp_enqueue_script a úsáid chun an leabharlann ionsuite a ghlaoch go díreach, rud a shábhálann cód agus sonraíocht níos soiléire.

Má úsáideann tú an fheidhm seo chun tagairt a dhéanamh do do chuid comhad JS agus CSS féin, ní mór duit é a úsáidwp_register_scriptCláraíonn an fheidhm aitheantóir (láimhseáil) agus ansin úsáideannwp_enqueue_scriptGlaonn an fheidhm ar an acmhainn a fhreagraíonn don bhratach seo.

Conas comhaid JS agus CSS a allmhairiú i gceart ar WordPress?

Soláthraíonn WordPress modhanna iompórtála ciallmhar le haghaidh modhanna JS agus CSS.

Is féidir leat an cód seo a leanas a úsáid chun an comhad plugin.css a allmhairiú isteach sa bhreiseán ▼

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

Úsáideann an méid thuas an fheidhm wp_register_script chun acmhainn a chruthú leis an aitheantóir plugin_stylesheet.

Ansin, cuir a iarrataí ciúáilte leiswp_enqueue_scriptsgníomhartha i bhfeidhm.

Cé gur script é ainm na feidhme, níl baint ar bith aige leis an gcineál comhaid acmhainne agus tá sé bailí do CSS agus JS araon.

Níl an fheidhm wp_register_script chomh simplí sin i ndáiríre, is féidir cúig pharaiméadar a bheith ann:

1) $ láimhseáil:Aitheantóir acmhainne.

• 由wp_enqueue_scriptaistriú.

2) $src:Suíomh na hacmhainne.

• Úsáideann seoltaí coibhneasta nó iomlána feidhmeanna ionsuite WordPress chun seoltaí a fháil, etc.
• CoitiantaSuíomhtá feidhmplugins_url,get_template_directory_uri等.

3) $deps:ag brath.

• Má tá tú ag tagairt don breiseán jQuery agus má theastaíonn uait brath ar an tógáil jQuery, ní mór duit jQuery a líonadh.
• Tabhair faoi deara go ndéantar é a rith mar eagar.

4) $ver:Leagan acmhainne, roghnach.

5) $in_footer:An gcuireann tú ag bun é?

• De ghnáth, ba chóir comhaid JS a chur ag bun an leathanaigh, is féidir leat an paraiméadar seo a shocrú go Fíor, é a fhágáil bán nó Bréagach chun aschur go dtí an barr.

Breathnaímid ar shampla tagartha comhad JavaScript níos iomláine ▼

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

Úsáideann téamaí WordPress wp_enqueue_script chun acmhainní a allmhairiú

Ríomhchláraitheoirí i bhforbairt téama WordPress, úsáidwp_enqueue_scriptIompórtáil acmhainní.

• Is samplaí iad na samplaí thuas d'acmhainní tagartha d'fhorbairt breiseán WordPress.
• Tá an modh dá dtagraítear san ábhar cosúil.

Is é an príomhdhifríocht ná an fheidhm chomhfhreagrach a úsáid chun an t-eolaire téama a fháil chun an seoladh comhaid acmhainne a fháil faoin téama.

is féidir leat úsáidget_template_directory_urifeidhm chun an t-eolaire téama reatha a fháil.

Má tá téama leanbh á úsáid agat, beidh ort é a úsáidget_stylesheet_directory_uriFaigheann an fheidhm eolaire an téama tuismitheora chun na hacmhainní comhfhreagracha a fháil.