Kateri je najboljši način za dodajanje zunanjih js po meri v wordpress

Kot trdi vodilna skupnost CMS, 25% interneta uporablja WordPress. Če vidimo trende, nam ne preostane drugega, kot da verjamemo, da skoraj vsak ^2. blog in vsako četrto spletno mesto uporablja očitno najzmogljivejši in uporabnikom prijazen CMS. Veselimo se tega, da so ljudje in razvijalci začeli preusmerjati svoja spletna mesta na platformo WordPress.

Pri tem prizadevanju, da bi vaše sladko in preprosto spletno mesto preoblikovali v zapleteno, zelo zmogljivo CMS spletno mesto, se ljudje zataknejo na zelo osnovnem koraku in si zastavijo vprašanje: Za ljubezen, kako dobim to zunanjo JavaScript (.js) datoteko deluje v tej WordPress temi? Tudi vi postavljate isto vprašanje? No, amigos, končno ste na pravem mestu: tu sem, da vas korak za korakom vodim po najpreprostejšem možnem načinu za dosego te naloge!

Predpostavimo, da imate WordPress vse nameščen in sprožen z zunanjim JS, pripravimo se, da datoteko vključimo!

Opomba: Za to vadbo uporabljam naslednjo datoteko (testrun.js), tema, na kateri delam, pa je WordPress's Twenty Sixteen.

opozorilo ("Pozdravljeni");

Začnimo!

Vsi skripti in tabele stilov so naloženi znotraj funkcije.php . To je pravilen način, kako jih naložite v WordPress, da se izognete navzkrižju z drugimi skripti, ki jih naloži bodisi WordPress sam bodisi vaši vtičniki. Če dovolite WordPressu, da upravlja z vsemi vključenimi datotekami, mu morate sporočiti, da želite, da se ta datoteka vključi v glavo (začetek) ali v nogo (konec) dela datoteke. Vsaka predloga / tema ima svoje funkcije.php, zato bi bilo natančno ime funkcij, ki vključuje vse datoteke, ki bodo vključene, težko posplošiti. Ker kot temo jemljem dvajset šestnajst, spodaj je povzetek, kako delujejo moje funkcije.php (ki se uporablja za vključitev datotek). Vaše bi moralo biti do neke mere podobno temu:

Funkcija wp_enqueue_script povezuje datoteko skripta na ustvarjeno stran ob pravem času glede na odvisnosti od skripta, če skript še ni bil vključen in so bile registrirane vse odvisnosti. Skript lahko povežete z ročajem, ki je bil predhodno registriran s funkcijo wp_register_script (), ali pa tej funkciji zagotovite vse parametre, potrebne za povezavo skripta.

Wp_enqueue_script ($ handle, $ src, $ deps, $ ver, $ in_footer) ima naslednje parame:

$ ročaj

(string) (obvezno) Ime skripta.

$ src

(string | bool) (Izbirno) Pot do skripta iz korenskega imenika WordPress. Primer: '/js/myscript.js'.

Privzeta vrednost: false

$ deps

(matrika) (Izbirno) Polje registriranih ročajev, ki jih je ta skript odvisen.

Privzeta vrednost: array ()

$ ver

(string | bool) (Izbirno) String, ki določa številko različice skripta, če jo ima. Ta parameter se uporablja za zagotovitev, da se odjemalcu pošlje pravilna različica ne glede na predpomnjenje, zato jo je treba vključiti, če je na voljo številka različice in je smiselna za skript.

Privzeta vrednost: false

$ in_footer

(bool) (Neobvezno) Ali naj se prej skripta lotim ali prej . Privzeto 'false'. Sprejema 'false' ali 'true'.

Privzeta vrednost: false

V tej vadnici lahko zanemarite funkcijo wp_register_script (). Naš namen je vključiti samo zunanji JS. Brez nje bi moralo delovati čisto v redu!

Zato, če želim svoj skript poimenovati kot »test«, ne pozabite, da ta param ($ handle) NI nujno ime dejanske datoteke, moja datoteka pa je zunanja odvisnost od jqueryja in različica 1.0 in se naloži pred nalaganjem strani. potem bi moja funkcija izgledala tako:

wp_enqueue_script ('vadnica', get_template_directory_uri (). '/js/testrun.js', array ('jquery'), '1.0', napačno);

Če opazite, sem uporabil get_template_directory_uri (), tako da je niz, povezan po funkciji, to je " /js/testrun.js ", dejansko pot datoteke, ki vsebuje datoteko indeksa predloge .

Torej vaš atribut $ src, ki je vir datoteke js, postane: get_template_directory_uri (). 'Path_to_js_wrt_index_of_template'.

Zato je končni function.php videti tako:

Drži noter, skoraj smo končali! Samo shranite to zdaj in se dotaknite osveževanja na svojem spletnem mestu … videli bi, da JS deluje! Tukaj je moje:

Ker smo možnost $ in_footer postavili na false, se skript naloži pred nalaganjem strani, vendar po naloževanju JQuery, kot je bil dodan kot odvisnost!

In .. Voila! Tukaj .. Uspešno ste vključili zunanjo datoteko JS po meri v svojo WP temo!

Srečno kodiranje !!

Reference: Funkcija Enqueue: WordPress Codex