Mi a legjobb módja az egyedi külső j-ek hozzáadására a WordPress-hez

Ahogy a vezető CMS közösség állította, az internet 25% -a WordPress-t használ. A trendeket látva nincs más választásunk, mint hinni nekik, úgy tűnik, hogy szinte minden ^második blogban és minden negyedik webhelyen látszólag a legerőteljesebb és felhasználóbarát CMS van. Várakozással tekintve az emberek és a fejlesztők elkezdték áthelyezni webhelyüket a WordPress Platformra.

E törekvése során, hogy átalakítsa az Ön kedves és egyszerű webhelyét összetett, nagy teljesítményű CMS webhelyré, az emberek elakadnak egy nagyon alapvető lépésnél, és felteszik a kérdést: A Szeretetért, hogyan szerezhetem meg ezt a külső JavaScript (.js) fájlt dolgozik ebben a WordPress témában? Te is ugyanazt a kérdést teszed fel? Nos, amigos, végre a megfelelő helyen vagytok: Azért vagyok itt, hogy lépésről lépésre végigvezesselek a feladat elérésének a lehető legegyszerűbb módon!

Most, ha feltételezzük, hogy a WordPress összes telepítve van, és készen áll a külső JS-re, akkor kezdjük el a fájl felvételének feladatát!

Megjegyzés: Az alábbi fájlt (testrun.js) használom ehhez az oktatóanyaghoz, és a témám, amelyen dolgozom, a WordPress's Twenty Sixteen.

alert ( 'Hello');

Kezdjük!

Az összes szkript és stíluslap betöltődik a function.php fájlból. Ezzel a helyes módszerrel töltheti be őket a WordPressbe, elkerülve ezzel ellentmondást más olyan szkriptekkel, amelyeket a WordPress maga vagy a használt plugins tölt be. Ha hagyja, hogy a WordPress kezelje az összes mellékelt fájlt, akkor tudatnia kell vele, hogy ezt a fájlt a fájl fejlécébe (kezdő) vagy láblécbe (végébe) kell belefoglalni. Minden sablonnak / témának megvan a saját function.php, így a függvények pontos nevét, amely tartalmazza az összes beillesztendő fájlt, nehéz lenne általánosítani. Mivel huszonhathat témát veszek, az alábbiakban a pillanatképet mutatom be, hogy a function.php (mely fájlokat tartalmaz). A tiédnek bizonyos mértékben ehhez hasonlónak kell lennie:

A wp_enqueue_script függvény szkriptfájlt összekapcsol a létrehozott oldallal a megfelelő időben, a szkriptfüggőségek függvényében, ha a szkriptet még nem tették be, és ha az összes függőséget regisztrálták. Összekapcsolhat egy szkriptet egy korábban a wp_register_script () függvényben regisztrált kezelővel, vagy megadhatja ezt a funkciót a szkript összekapcsolásához szükséges összes paraméterrel.

A wp_enqueue_script ($ handle, $ src, $ deps, $ ver, $ in_footer) a következő paramétereket veszi át:

$ handle

(karakterlánc) (kötelező) A szkript neve.

$ src

(string | bool) (Opcionális) A WordPress gyökérkönyvtárában található parancsfájl elérési útja. Példa: '/js/myscript.js'.

Alapértelmezett érték: hamis

$ deps

(tömb) (Opcionális) A regisztrált kezeli egy tömb, amelytől a szkript függ.

Alapértelmezett érték: tömb ()

$ ver

(karakterlánc | bool) (Opcionális) Karakterlánc, amely megadja a szkript verziószámát, ha van. Ezt a paramétert annak biztosítására használják, hogy a helyes verziót elküldik az ügyfélnek, a gyorsítótárazástól függetlenül. Ezért ezt a paramétert bele kell foglalni, ha elérhető verziószám van, és értelme van a szkript számára.

Alapértelmezett érték: hamis

$ in_footer

(bool) (Opcionális) A szkript előzetes beiktatása vagy korábban . Alapértelmezett 'hamis'. Elfogadja a „hamis” vagy „igaz” szöveget.

Alapértelmezett érték: hamis

Az oktatóanyag figyelmen kívül hagyhatja a wp_register_script () függvényt. Célunk, hogy csak külső JS-t foglaljunk bele. Nagyon jól kell működnie nélküle!

Ezért, ha a szkriptemet „teszt” -nek szeretném nevezni, ne feledje, hogy ez a param ($ kezelõgép) NEM feltétlenül a tényleges fájl neve, és a fájlomnak a jQuery-tõl ​​való függõsége van, a verzió 1.0 és betöltõdik az oldal betöltése elõtt akkor a funkcióm így néz ki:

wp_enqueue_script ('bemutató', get_template_directory_uri (). '/js/testrun.js', tömb ('jquery'), '1.0', hamis);

Ha észreveszi, a get_template_directory_uri () -ot használtam , tehát a függvény után összekapcsolt karakterlánc, azaz “ /js/testrun.js ” valójában a fájl elérési útja a sablon indexfájljának .

Tehát a js fájl forrásává váló $ src attribútum a következő lesz: get_template_directory_uri (). 'Path_to_js_wrt_index_of_template'.

Ezért az utolsó function.php a következőképpen néz ki:

Fogd be, már majdnem kész! Csak mentse el most, és nyomja meg a frissítést webhelyén … látnia kell a JS működését! Itt az enyém:

Mivel a $ in_footer beállítást hamis értékre állítottuk, a szkript az oldal betöltése előtt betölti, de a JQuery betöltése után, mivel függőségként adtuk hozzá!

És .. Voila! Itt van. Sikeresen beépített egy külső, egyedi JS fájlt a WP témájába!

Boldog kódolás !!

Referencia: Enqueue Function: WordPress Codex