Hogyan lehet csatlakozni a bootstrap wordpress jellemzői
Tehát hozzunk létre egy feladatot. Van egy sablon wordpress, meg kell csatlakoztatni bootstrap. Hogyan kell csinálni? Úgy tűnik, hogy annyira kemény, illik ugyanazt a kódot szoktunk csatlakozni egy internetes oldalon. De nem volt ott, ha megpróbálja a header.php, ami wordpress-template felsorolja a osztályvezető, add ugyanazt a kódot:
Nem fog működni, nem vesznek részt a keret stílusát. Miért és mit teszünk ellene? Először is, nézd meg az utat, ami a stíluslapot. Emlékezzünk arra, hogy a WordPress beolvassa az utat a gyökérkönyvtárában a helyén, nem pedig a sablon, akkor ugyanaz a pálya alakult csak azzal a sablont. Azonban a tényleges, ahogyan a fájl így néz ki:

Bootstrap keret - tesszük fel az alkalmazkodó, könnyen, gyorsan!
Mester a legtöbb egyszerű, gyors és rugalmas módon létrehozni reagáló weboldalak
Így a stílusok nem csatlakozik, mert a helyesen beállított utat. Másodszor, a wordpress különleges tulajdonságokkal, amelyek lehetővé teszik, hogy csatlakoztassa megfelelően szkripteket és stílusok. Azt javaslom, hogy csak használja ezt a funkciót, és csatlakoztassa a keret fájlokat optimálisan. Ehhez meg kell írni egy kódot functions.php a mi aktív sablon.
Menj a legvégén, itt fogunk hozzá kód, amely összeköti a motor kerettel.
Mert mi nem tanul wordpress-funkció, én csak kapsz egy kész kódot, amely közvetlenül csatlakozik js és css keret-fájlokat. Alább, hogy magam egy kicsit megmagyarázni ezt a kódot.
Tehát, akkor kell írni egy új funkció, hívjuk önkényesen, ezért javasoljuk, hogy - load_bootstrap, hogy ez volt azonnal világos. Bent a funkció, ír két wordpress-funkciót. Az első felelős összekötő szkriptek, és a második - a css-stílus. A függvények önmagukban teljesen azonosak a munka, és 2 kötelező paraméter:
Függvény neve. Lehetőség van szabadon leírni. Ismét azt javaslom, hogy hívja úgy, hogy azonnal világos.
Path to include fájlokat. Fontos, hogy állítsa, hogy jobb, ha csak felsorolja a js / bootstrap.js, akkor nem fog működni valami, mint már azt mondta, hogy wordpress néz ki a fájlokat a gyökere a helyén, és a gyökér mappában js egyszerűen nincs, akkor jelen van a sablon, ahol van, hogy dobja előre keretében fájlokat.
Tény, hogy megfelelően be az elérési utat, meg kell, hogy a mappa elérési útját az aktív sablont, majd hozzáfűzi maga az út, hogy a forgatókönyvet a sablont. Hogyan kell csinálni? Itt lesz jellemző get_template_directory_uri (). Felírni, és kiköthet útját.
Ha kell csatlakozni több fájlt, csak egy új sor, hogy újra írni wp_enqueue_script stílus vagy meghatározott funkció a paraméter nevét és elérési útvonalát.
Ezen a rajzon a funkció, amely csatlakozni fog a keret fájlok befejeződött. De ha most szeretné kezdeni a funkciók a keret, ez még korai. Meg kell adni a motor ez a funkció elvégzésére. Ez csak azért az utolsó sorban a fenti kódot, hogy kezdődik ADD_ACTION funkciót.
Ebben, meg kell határoznunk a két paraméter: az első változatlan ebben az esetben egy olyan funkció wp_enqueue_scripts. Ez a végén van, ez fontos! A második paraméter nevét fel kell tüntetni a mi közös jellemzője, amelyhez csatlakozni a js és css-fájlt.
Tehát, már úgy egy megfelelő kapcsolatot az bootstrap wordpress. Ha lesz írásban ezt az új szolgáltatást, de csak hozzá, vagy módosíthatja a szükséges kódot sorokat a meglévő load_bootstrap () függvény a jövőben, akkor meg kell csatlakoztatni az új fájlokat a keret, akkor nem szükséges.
Tekintettel arra, hogy mindent megtettünk azért, hogy a kapcsolat a keret akkor működik, ha változtatni a domain nevet, ha megváltoztatja a sablon neve, stb Nos, meg lehet kezdeni használni a keretet saját célra, ezt befejezem ezt a cikket. Ha azt szeretnénk, a lehető legrövidebb időn belül, hogy elsajátítsák a bootstrap, javasoljuk, hogy kap pénzt tanfolyamokat ezt a keretet. ahol jelölheti meg 2 hely, Landing, hogy van, egyetlen helyszínen, valamint kap egy jó elméleti képzést.

Bootstrap keret - tesszük fel az alkalmazkodó, könnyen, gyorsan!
Mester a legtöbb egyszerű, gyors és rugalmas módon létrehozni reagáló weboldalak
A legtöbb IT hírek és webfejlesztés A csatorna-távirat