Nola sartzen du WordPressek JavaScript behar bezala?JS eta CSS fitxategien karga pertsonalizatua

WordPress webguneak eraikitzeko erabiltzen duten programatzaileek JavaScript eta CSS script baliabide batzuk erabiliko dituzte WordPress pluginak garatzerakoan edo WordPress gaiak pertsonalizatzerakoan.

• Normalean, jendeak link, script etiketak erabiltzen ditu zuzenean HTMLrako.
• Izan ere, WordPress-ek funtzio eta metodo sofistikatuak ditu script-ak erreferentzia egiteko.
• Beraz, WordPress-en integratutako metodoaren erreferentziak erabiltzea profesionalagoa eta hedagarriagoa da.

Aipatutako metodo akatsa

Bi aipamen metodo arrunt daude, ondo dago, ez da perfektua edo arrazoizkoa.

1. metodoa: CSS fitxategi bati erreferentzia egiteko esteka etiketa erabiltzea

• Script etiketak JS fitxategiak aplikatzen ditu.Hemen ez dago zehaztuta.

2. metodoa: Erabili wp_head funtzioa

• wp_head funtzioa pertsonalizatutako edo sistemak definitutako eduki batzuk ateratzeko erabiltzen da.
• Batzuetan, honako kodea erabiltzen dugu fitxategi honi erreferentzia egiteko:

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

• Kopiatu goiko kodea functions.php fitxategian dagozkien fitxategiak erreferentzia egiteko.

WordPress Enqueue Scripts baliabideen mekanismoa

Denok dakigunez, WordPress-ek plugin asko ditu:

• Ia plugin guztiek baliabide-fitxategiren bat aipatzen dute.
• Ezinbestean, gatazkak egongo dira bi pluginek erreferentziatutako baliabideen artean, ezegonkor bihurtuko direnak eta eraginkortasuna eragin dezaketenak.

Erabili wp_enqueue_script funtzioa

• WordPress-en baliabide bat erreferentzia egiteko erabili beharko zenukewp_enqueue_scriptIlaran edo ordenatutako funtzioaren izenean ilaran hitza duen funtzioa.
• Baliabideak ilaran jartzeko WordPress modu honekin (Enqueue Scripts), erreferentziak dagozkien fitxategietatik eta oinarrizko kodetik bereizten dira.
• Erabiltzaileak baliabidea desgaitu nahi badu, ezabatu, aldatu eta iruzkin dezake oinarrizko kodetik aldatu gabe.

Gainera, jQuery, jQuery UI eta abar bezalako liburutegiak erabili ohi dira WordPress-en.

wp_enqueue_script funtzioa erabil dezakegu barneko liburutegira zuzenean deitzeko, eta horrek kodea eta zehaztapen garbiago bat gordetzen ditu.

Funtzio hau zure JS eta CSS fitxategiak erreferentzia egiteko erabiltzen baduzu, erabili behar duzuwp_register_scriptFuntzioak identifikatzaile bat (heldulekua) erregistratzen du eta gero erabiltzen duwp_enqueue_scriptFuntzioak bandera honi dagokion baliabidea deitzen du.

Nola inportatu JS eta CSS fitxategiak WordPress-en?

WordPress-ek JS eta CSS metodoetarako inportazio metodo zentzudunak eskaintzen ditu.

Hurrengo kodea erabil dezakezu plugin.css fitxategia pluginera ▼ inportatzeko

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

Aurrekoak wp_register_script funtzioa erabiltzen du plugin_stylesheet identifikatzailearekin baliabide bat sortzeko.

Ondoren, gehitu bere ilaran dauden eskaerakwp_enqueue_scriptsekintzak martxan daude.

Funtzioaren izena script bat den arren, ez du zerikusirik baliabide fitxategi motarekin eta CSS zein JS-rako balio du.

wp_register_script funtzioa ez da hain erraza, bost parametro izan ditzake:

1) $handle: Baliabidearen identifikatzailea.

• 由wp_enqueue_scripttransferentzia.

2) $src: Baliabidearen kokapena.

• Helbide erlatibo edo absolutuek WordPress integratutako funtzioak erabiltzen dituzte helbideak lortzeko, etab.
• ArruntaPosizionamenduafuntzioak dituplugins_url,get_template_directory_uri等.

3) $deps: Mendekotasuna.

• jQuery plugina aipatzen ari bazara eta eraikitzeko jQuery-n fidatu behar baduzu, jQuery bete behar duzu.
• Kontuan izan array gisa pasatzen dela.

4) $ver: Baliabidearen bertsioa, aukerakoa.

5) $in_footer: Behean jarri beharko litzateke?

• Normalean, JS fitxategiak orriaren behealdean jarri behar dira, parametro hau True gisa ezar dezakezu, hutsik edo False utzi goian ateratzeko.

Ikus dezagun ▼ JavaScript fitxategiaren erreferentzia-adibide osatuagoa

<?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 gaiek wp_enqueue_script erabiltzen dute baliabideak inportatzeko

WordPress gaiaren garapenean programatzaileak, erabilerawp_enqueue_scriptBaliabideak inportatu.

• Goiko adibideak WordPress pluginen garapenerako erreferentziazko baliabideen adibideak dira.
• Gaian aipatzen den metodoa antzekoa da.

Ezberdintasun nagusia gaiaren direktorioa lortzeko dagokion funtzioa erabiltzea da, gaiaren azpian baliabide fitxategiaren helbidea lortzeko.

erabil dezakezuget_template_directory_urifuntzioa uneko gai-direktorioa lortzeko.

Haurren gai bat erabiltzen ari bazara, erabili beharko duzuget_stylesheet_directory_uriFuntzioak gai nagusiaren direktorioa lortzen du dagozkien baliabideak lortzeko.