Kāds ir labākais veids, kā WordPress pievienot pielāgotus ārējos js

Kā apgalvo vadošā CMS kopiena, 25% interneta izmanto WordPress. Redzot tendences, mums nav citas izvēles, kā ticēt tām, šķiet, ka gandrīz katrs otrais emuārs un katra ^ceturtā vietne izmanto acīmredzami visspēcīgāko un lietotājam draudzīgāko CMS. Cerot uz to, cilvēki un izstrādātāji ir sākuši pārvietot savas vietnes uz WordPress platformu.

Cenšoties pārveidot jūsu jauko un vienkāršo vietni par sarežģītu, augstas veiktspējas CMS vietni, cilvēki iestrēgst ļoti vienkāršā solī un uzdod jautājumu: Mīlestībai - kā es varu iegūt šo ārējo JavaScript (.js) failu strādā šajā WordPress tēmā? Vai arī jūs esat viens, kurš uzdod to pašu jautājumu? Nu, amigos, jūs beidzot atrodaties pareizajā vietā: es esmu šeit, lai soli pa solim sniegtu jums norādījumus par vienkāršāko veidu, kā sasniegt šo uzdevumu!

Tagad, pieņemot, ka visi WordPress ir instalēti un atlaisti, izmantojot ārēju JS, ķersimies pie faila iekļaušanas!

Piezīme: šai apmācībai es izmantoju šo failu (testrun.js), un tēma, pie kuras strādāju, ir WordPress divdesmit sešpadsmit.

trauksme ('Sveiki');

Sāksim!

Visi skripti un stila lapas tiek ielādētas no function.php . Tas ir pareizais veids, kā tos ielādēt WordPress, lai izvairītos no konfliktiem ar citiem skriptiem, kurus ielādē pats WordPress vai izmantotie spraudņi. Ja ļaujat WordPress pārvaldīt visus iekļautos failus, jums jāinformē, ka vēlaties, lai šis fails tiktu iekļauts faila galvenē (sākums) vai kājenē (beigās). Katrai veidnei / motīvam ir savas function.php, tāpēc precīzu funkciju nosaukumu, kurā ietverti visi iekļaujamie faili, būtu grūti vispārināt. Tā kā par tēmu izmantoju divdesmit sešpadsmit, zemāk ir redzams momentuzņēmums par to, kā mana function.php (tiek izmantots failu iekļaušanai). Jūsu zināmā mērā tam vajadzētu līdzināties:

Funkcija wp_enqueue_script sasaista skripta failu ar ģenerēto lapu pareizajā laikā atbilstoši skripta atkarībām, ja skripts vēl nav iekļauts un ja visas atkarības ir reģistrētas. Jūs varētu vai nu sasaistīt skriptu ar rokturi, kas iepriekš reģistrēts, izmantojot funkciju wp_register_script (), vai arī nodrošināt šo funkciju ar visiem parametriem, kas nepieciešami skripta sasaistei.

Wp_enqueue_script ($ rokturis, $ src, $ deps, $ ver, $ in_footer) ņem šādus parametrus:

$ rokturis

(virkne) (obligāti) Skripta nosaukums.

USD src

(virkne | bool) (pēc izvēles) Ceļš uz skriptu no WordPress saknes direktorijas. Piemērs: “/js/myscript.js”.

Noklusējuma vērtība: nepatiesa

$ deps

(masīvs) (pēc izvēles) Reģistrēto rokturu masīvs, no kura atkarīgs šis skripts.

Noklusējuma vērtība: masīvs ()

$ ver

(virkne | bool) (pēc izvēles) virkne, kas norāda skripta versijas numuru, ja tam tāds ir. Šis parametrs tiek izmantots, lai nodrošinātu, ka klientam tiek nosūtīta pareiza versija neatkarīgi no kešatmiņas saglabāšanas, tāpēc tas ir jāiekļauj, ja versijas numurs ir pieejams un tam ir jēga skriptam.

Noklusējuma vērtība: nepatiesa

$ in_footer

(bool) (Neobligāti) Vai iekodēt skriptu iepriekš vai pirms tam . Noklusējuma 'viltus'. Pieņem “nepatiesu” vai “patiesu”.

Noklusējuma vērtība: nepatiesa

Varat ignorēt šīs apmācības funkciju wp_register_script (). Mūsu mērķis ir iekļaut tikai ārēju JS. Bez tā vajadzētu darboties tikai lieliski!

Tāpēc, ja es savu skriptu gribu nosaukt par “testu”, atcerieties, ka šis parametrs ($ rokturis) NAV obligāti faktiskā faila nosaukums, un manam failam ir ārēja atkarība no jquery, un versija ir 1, 0 un tiek ielādēta pirms lapas ielādes tad mana funkcija izskatās:

wp_enqueue_script ('apmācība', get_template_directory_uri (). '/js/testrun.js', masīvs ('jquery'), '1.0', nepatiess);

Ja pamanāt, esmu izmantojis get_template_directory_uri (), tāpēc virkne, kas ir savienota pēc funkcijas, tas ir “ /js/testrun.js ”, faktiski ir faila ceļš, izmantojot veidnes indeksa failu.

Tātad jūsu atribūts $ src, kas ir jūsu js faila avots, kļūst par: get_template_directory_uri (). 'Path_to_js_wrt_index_of_template'.

Tāpēc galīgais function.php izskatās šādi:

Turieties tur, mēs gandrīz esam paveikuši! Vienkārši saglabājiet šo tagad un nospiediet atsvaidzināt savā vietnē … jums vajadzētu redzēt, ka JS darbojas! Šeit ir mans:

Tā kā mēs iestatām opciju $ in_footer par nepatiesu, skripts tiek ielādēts pirms lapas ielādes, bet pēc tam, kad tiek ielādēts JQuery, jo tas tika pievienots kā atkarība!

Un .. Voila! Šeit jūs iet. Jūs esat veiksmīgi iekļāvis ārēju pielāgotu JS failu savā WP tēmā!

Laimīgu kodēšanu !!

Atsauce: Enqueue Function: WordPress Codex