Kaip „WordPress“ tinkamai įveda „JavaScript“?Pasirinktinis JS ir CSS failų įkėlimas

dėlWordPress svetainėprogramuotojai, kuriantysWordPress įskiepisArba tinkinant „WordPress“ temą, nurodomi kai kurie „JavaScript“ ir CSS scenarijų ištekliai.

• Paprastai žmonės nuorodų, scenarijų žymas naudoja tiesiogiai HTML.
• Tiesą sakant, „WordPress“ turi integruotas sudėtingas funkcijas ir metodus, skirtus nuorodoms į scenarijus.
• Taigi, naudoti „WordPress“ integruotas metodų nuorodas yra profesionaliau ir labiau išplečiama.

Netinkamas citavimo metodas

Yra du paplitę citavimo būdai, tai gerai, tik tai nėra tobula ar pagrįsta.

1 tipas:nuorodų žymos nurodo CSS failus

• Scenarijaus žymės taiko JS failus.Čia nedetalizuota.

2 tipas:Naudokite funkciją wp_head

• Funkcija wp_head naudojama tam tikram pasirinktiniam arba sistemos apibrėžtam turiniui išvesti.
• Kartais mes naudojame šį kodą norėdami nurodyti šį failą:

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

• Nukopijuokite aukščiau pateiktą kodą į functions.php failą, kad nurodytumėte atitinkamus failus.

„WordPress Enqueue Scripts“ išteklių mechanizmas

Kaip visi žinome, „WordPress“ turi daug papildinių:

• Beveik kiekvienas papildinys nurodo tam tikrą išteklių failą.
• Neišvengiamai kils konfliktų tarp dviejų įskiepių nurodytų išteklių, kurie taps nestabilūs ir gali turėti įtakos efektyvumui.

Naudokite funkciją wp_enqueue_script

• Norėdami nurodyti šaltinį „WordPress“, turėtumėte naudotiwp_enqueue_scriptFunkcija, kurios eilės arba surūšiuotos funkcijos pavadinime yra žodis enqueue.
• Naudojant šį „WordPress“ išteklių įtraukimo į eilę būdą (Enqueue Scripts), nuorodos atskiriamos nuo atitinkamų failų ir pagrindinio kodo.
• Jei vartotojas nori išjungti išteklius, jis gali jį ištrinti, modifikuoti ir komentuoti nekeisdamas pagrindinio kodo.

Be to, kai kurios dažniausiai naudojamos bibliotekos, pvz., „jQuery“, „jQuery UI“ ir kt., yra integruotos į „WordPress“.

Galime naudoti funkciją wp_enqueue_script, norėdami tiesiogiai iškviesti integruotą biblioteką, kuri išsaugo kodą ir švaresnę specifikaciją.

Jei naudojate šią funkciją norėdami nurodyti savo JS ir CSS failus, turite naudotiwp_register_scriptFunkcija užregistruoja identifikatorių (rankenėlę) ir tada naudojawp_enqueue_scriptFunkcija iškviečia išteklius, atitinkančius šią vėliavėlę.

Kaip tinkamai importuoti JS ir CSS failus į „WordPress“?

„WordPress“ teikia protingus JS ir CSS metodų importavimo metodus.

Norėdami importuoti failą plugin.css į papildinį ▼, galite naudoti šį kodą

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

Aukščiau naudojama funkcija wp_register_script, kad sukurtų išteklius su identifikatoriumi plugin_stylesheet.

Tada pridėkite eilėje esančias užklausas priewp_enqueue_scriptsveiksmai vykdomi.

Nors funkcijos pavadinimas yra scenarijus, jis neturi nieko bendra su išteklių failo tipu ir galioja tiek CSS, tiek JS.

Funkcija wp_register_script tikrai nėra tokia paprasta, ji gali turėti penkis parametrus:

1) $rankena:Ištekliaus identifikatorius.

• 由wp_enqueue_scriptperkėlimas.

2) $src:Ištekliaus vieta.

• Santykiniai arba absoliutūs adresai naudoja „WordPress“ integruotas funkcijas, kad gautų adresus ir pan.
• DažnasPadėties nustatymasfunkcija turiplugins_url,get_template_directory_uriLaukti.

3) $deps:pasikliauti.

• Jei kalbate apie „jQuery“ papildinį ir norite pasikliauti „jQuery“ versija, turite užpildyti „jQuery“.
• Atminkite, kad jis perduodamas kaip masyvas.

4) $ver:Ištekliaus versija, neprivaloma.

5) $in_footer:Ar dedate jį apačioje?

• Paprastai JS failai turi būti pateikiami puslapio apačioje, galite nustatyti šį parametrą į True, palikite tuščią arba False, kad išvestumėte į viršų.

Pažvelkime į išsamesnį „JavaScript“ failo nuorodos pavyzdį ▼

<?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“ temos naudoja wp_enqueue_script ištekliams importuoti

Programuotojai WordPress temos kūrime, naudojimaswp_enqueue_scriptImportuoti išteklius.

• Aukščiau pateikti pavyzdžiai yra „WordPress“ papildinio kūrimo šaltinių pavyzdžiai.
• Temoje nurodytas metodas yra panašus.

Pagrindinis skirtumas yra naudoti atitinkamą funkciją, kad būtų gautas temos katalogas, kad būtų gautas išteklių failo adresas pagal temą.

tu gali naudotiget_template_directory_urifunkcija, kad gautumėte dabartinės temos katalogą.

Jei naudojate vaiko temą, turėsite naudotiget_stylesheet_directory_uriFunkcija gauna pagrindinės temos katalogą, kad gautų atitinkamus išteklius.