Koks yra geriausias būdas pridėti pasirinktinius išorinius JP į „WordPress“

Kaip tvirtina pirmaujanti CMS bendruomenė, 25% interneto naudojasi „WordPress“. Matydami tendencijas, mes neturime kito varianto, kaip tikėti jomis, atrodo, kad beveik kas ^antras tinklaraštis ir kas 4 ^-ta svetainė naudojasi galingiausiomis ir patogiausiomis CMS. Laukdami to, žmonės ir kūrėjai pradėjo perkelti savo svetaines į „WordPress“ platformą.

Siekdami paversti jūsų mielą ir paprastą svetainę sudėtinga, labai našia CMS svetaine, žmonės įstrigo labai paprastu žingsniu ir užduoda klausimą: „Meilė“, kaip gauti šį išorinį „Java“ (.js) failą dirbantys šia „WordPress“ tema? Ar jūs taip pat klausiate to paties klausimo? Na, amigos, jūs pagaliau esate tinkamoje vietoje: Aš čia tam, kad žingsnis po žingsnio jums paaiškinčiau, kaip paprasčiausiu būdu pasiekti šią užduotį!

Dabar, darant prielaidą, kad visi „WordPress“ įdiegti ir suaktyvinti naudojant išorinį JS, įsitraukime į failo įtraukimo užduotį!

Pastaba: šiam mokymui naudoju šį failą (testrun.js), o tema, kuria dirbu, yra „WordPress“ dvidešimt šešiolika.

perspėjimas ('labas');

Pradėkime!

Visi scenarijai ir stiliaus lentelės yra įkeliami iš function.php . Tai yra teisingas būdas įkelti juos į „WordPress“, kad būtų išvengta konflikto su bet kokiais kitais scenarijais, kuriuos įkelia pati „WordPress“ arba jūsų naudojami papildiniai. Jei leisite „WordPress“ valdyti visus įtrauktus failus, turite pranešti, kad norite, jog šis failas būtų įtrauktas į failo antraštę (pradžią) arba poraštę (pabaigą). Kiekvienas šablonas / tema turi savo function.php, todėl tikslų funkcijų, apimančių visus įtrauktinus failus, pavadinimą būtų sunku apibendrinti. Kadangi aš renkuosi dvidešimt šešiolika kaip temą, žemiau pateikiame momentinį vaizdą apie tai, kaip mano function.php (naudojamas failams įtraukti). Tavo turėjimas tam tikru mastu turėtų būti panašus į tai:

Funkcija wp_enqueue_script susieja scenarijaus failą tinkamu metu sugeneruotu puslapiu pagal priklausomybes nuo scenarijaus, jei scenarijus dar nebuvo įtrauktas ir visos priklausomybės buvo užregistruotos. Galite susieti scenarijų su rankena, anksčiau užregistruota naudojant funkciją wp_register_script (), arba pateikti šią funkciją su visais parametrais, kurie būtini scenarijui susieti.

Wp_enqueue_script ($ rankena, $ src, $ deps, $ ver, $ in_footer) imasi šių parametrų:

$ rankena

(eilutė) (Būtina) Scenarijaus pavadinimas.

USD src

(eilutė | bool) (pasirenkama) Kelias į scenarijų iš „WordPress“ šakninio katalogo. Pavyzdys: „/js/myscript.js“.

Numatytoji vertė: klaidinga

$ deps

(masyvas) (pasirenkama) Užregistruotų rankenų rinkinys, nuo kurio priklauso šis scenarijus.

Numatytoji vertė: masyvas ()

$ ver

(eilutė | bool) (pasirenkama) Styga, nurodanti scenarijaus versijos numerį, jei jis toks yra. Šis parametras naudojamas siekiant užtikrinti, kad klientui būtų atsiųsta teisinga versija, neatsižvelgiant į talpyklos kaupimą, todėl jis turėtų būti įtrauktas, jei turimas versijos numeris yra pagrįstas scenarijui.

Numatytoji vertė: klaidinga

$ in_footer

(bool) (pasirenkama) ar užkoduoti scenarijų anksčiau ar anksčiau . Numatytasis 'klaidingas'. Priima „klaidingą“ arba „teisingą“.

Numatytoji vertė: klaidinga

Galite nepaisyti šios mokymo programos funkcijos wp_register_script (). Mūsų tikslas yra įtraukti tik išorinį JS. Be jo jis turėtų veikti puikiai!

Todėl, jei noriu pavadinti savo scenarijų kaip „testą“, atsiminkite, kad šis param ($ rankena) nebūtinai yra tikrojo failo vardas, o mano failas yra išoriškai priklausomas nuo „jquery“, o versija yra 1.0 ir įkeliama prieš įkeliant puslapį tada mano funkcija atrodytų taip:

wp_enqueue_script ('tutorial', get_template_directory_uri (). '/js/testrun.js', masyvas ('jquery'), '1.0', klaidingas);

Jei pastebėjote, aš panaudojau get_template_directory_uri (), taigi, eilutė, susieta po funkcijos, tai yra „ /js/testrun.js “, iš tikrųjų yra failo, kuriame yra šablono indekso failas, kelias.

Taigi jūsų atributas $ src, kuris yra jūsų js failo šaltinis, tampa: get_template_directory_uri (). 'Path_to_js_wrt_index_of_template'.

Todėl galutinės funkcijos.php atrodo taip:

Laikykis ten, mes beveik padarėme! Tiesiog išsaugokite tai dabar ir paspauskite atnaujinti savo svetainėje … jūs turėtumėte pamatyti JS dirba! Štai mano:

Kadangi $ in_footer parinktį nustatėme kaip „false“, scenarijus įkeliamas prieš įkeliant puslapį, bet po to, kai „JQuery“ įkeliamas, nes jis buvo pridėtas kaip priklausomybė!

Ir .. Voila! Čia jūs einate. Į savo WP temą sėkmingai įtraukėte išorinį pasirinktinį JS failą!

Laimingas kodavimas !!

Nuoroda: Enqueue Function: WordPress Codex