Hvernig kynnir WordPress JavaScript almennilega?Sérsniðin hleðsla JS og CSS skrár

Forritarar sem nota WordPress til að smíða vefsíður munu vísa til JavaScript og CSS forskrifta þegar þeir þróa WordPress viðbætur eða aðlaga WordPress þemu.

• Venjulega notar fólk hlekki, forskriftarmerki beint fyrir HTML.
• Reyndar hefur WordPress innbyggðar háþróaðar aðgerðir og aðferðir til að vísa til forskrifta.
• Svo að nota innbyggða aðferðatilvísanir í WordPress er faglegri og stækkanlegri.

Hin gölluðu tilvitnunaraðferð

Það eru tvær algengar tilvitnunaraðferðir, það er í lagi, það er bara ekki fullkomið eða sanngjarnt.

Aðferð 1: Að nota tengilmerkið til að vísa í CSS skrá

• Forskriftarmerki nota JS skrár.Ekki nánar hér.

Aðferð 2: Notaðu wp_head fallið

• Wp_head aðgerðin er notuð til að gefa út sérsniðið eða kerfisskilgreint efni.
• Við notum stundum eftirfarandi kóða til að vísa í þessa skrá:

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

• Afritaðu kóðann hér að ofan í functions.php skrána til að vísa í samsvarandi skrár.

WordPress Enqueue Scripts auðlindakerfi

Eins og við vitum öll, þá er WordPress með fullt af viðbótum:

• Næstum sérhver viðbót vísar til einhverrar auðlindaskrár.
• Óhjákvæmilega verða árekstrar milli auðlinda sem tvær viðbætur vísa til, sem verða óstöðugar og geta haft áhrif á skilvirkni.

Notaðu wp_enqueue_script aðgerðina

• Til að vísa í tilföng í WordPress sem þú ættir að notawp_enqueue_scriptFall sem hefur orðið enqueue í nafni aðgerðarinnar sem er í biðröð eða raðað.
• Með leið WordPress til að setja auðlindir í röð (Enqueue Scripts) eru tilvísanir aðskildar frá samsvarandi skrám og kjarnakóða.
• Ef notandinn vill slökkva á auðlindinni getur hann eytt, breytt og skrifað athugasemdir við það án þess að breyta því úr kjarnakóðanum.

Einnig eru nokkur algeng bókasöfn eins og jQuery, jQuery UI, osfrv., innbyggð í WordPress.

Við getum notað wp_enqueue_script aðgerðina til að hringja beint í innbyggða bókasafnið, sem vistar kóða og skýrari forskrift.

Ef þú notar þessa aðgerð til að vísa í eigin JS og CSS skrár þarftu að notawp_register_scriptAðgerðin skráir auðkenni (handfang) og notar síðanwp_enqueue_scriptFallið kallar á auðlindina sem samsvarar þessum fána.

Hvernig á að flytja inn JS og CSS skrár almennilega í WordPress?

WordPress býður upp á skynsamlegar innflutningsaðferðir fyrir JS og CSS aðferðir.

Þú getur notað eftirfarandi kóða til að flytja plugin.css skrána inn í viðbótina ▼

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

Ofangreint notar wp_register_script aðgerðina til að búa til auðlind með auðkenni plugin_stylesheets.

Bættu síðan beiðnum í biðröð viðwp_enqueue_scriptsaðgerðir eru í gangi.

Þó að fallheitið sé handrit, hefur það ekkert að gera með gerð auðlindaskráar og gildir fyrir bæði CSS og JS.

Wp_register_script aðgerðin er í raun ekki svo einföld, hún getur haft fimm breytur:

1) $handle: Auðlindaauðkenni.

• 由wp_enqueue_scriptflytja.

2) $src: Staðsetning auðlindarinnar.

• Hlutfallsleg eða algild heimilisföng nota WordPress innbyggðar aðgerðir til að fá heimilisföng osfrv.
• SameiginlegtStaðsetningvirka hefurplugins_url,get_template_directory_uriBíddu.

3) $deps: Ósjálfstæði.

• Ef þú ert að vísa í jQuery viðbótina og þarft að treysta á jQuery bygginguna þarftu að fylla út jQuery.
• Athugaðu að það er sent sem fylki.

4) $ver: Útgáfa af auðlindinni, valfrjáls.

5) $in_footer: Ætti það að vera neðst?

• Venjulega ætti JS skrár að vera settar neðst á síðunni, þú getur stillt þessa breytu á True, skilið hana eftir auða eða False til að birta efst.

Við skulum skoða fullkomnara tilvísunardæmi fyrir JavaScript skrár ▼

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

WordPress þemu nota wp_enqueue_script til að flytja inn auðlindir

Forritarar í WordPress þemaþróun, notkunwp_enqueue_scriptFlytja inn auðlindir.

• Dæmin hér að ofan eru dæmi um auðlindir sem vísað er til fyrir þróun WordPress viðbóta.
• Aðferðin sem vísað er til í efninu er svipuð.

Aðalmunurinn er að nota samsvarandi aðgerð til að fá þemaskrána til að fá vistfang auðlindaskráar undir þemað.

þú getur notaðget_template_directory_urivirka til að fá núverandi þemaskrá.

Ef þú ert að nota barnaþema þarftu að notaget_stylesheet_directory_uriAðgerðin fær möppu foreldraþema til að fá samsvarandi tilföng.