Hogyan adjunk javascript és css saját témák és plugins wordpress, minden a weboldalak létrehozása

A legjobb módszer az egyes

Azonban a kód, lehet, hogy valami furcsa pillanatokat. Bennük, megpróbáljuk tisztázni.

Mi van a kit?

Adja meg a WordPress scriptek és mit kell dolgozni

A választ ezekre a kérdésekre segít tudja, mit kell tennie, hogy regisztrálja, és töltse le a szkriptet. Mindezt segítségével wp_register_script funkciót. Itt egy példa a felhasználás szerinti WordPress Codex:

wp_register_script ($ handle $ src $ deps $ ver a $ _ Lábjegyzet ....);

Szóval, mi itt vagyunk a változók, és van-e mindig van szükségünk? (Ez le van írva a kód, így nem megy bele a részletekbe)

  • $ Fogantyú - a script nevét, amelyeket akkor kell utalni, ha meg kell tenni a helyére; ez egy fontos változó
  • $ Src - az utat a forrás fájlt a script
  • $ Deps - tömböt $ kezelni az összes szkriptet, ami befolyásolja a script (azaz „függőség”)
  • $ Ver - verziószám használni ahhoz, hogy a megfelelő verziót a forgatókönyvet, függetlenül a cache. Az alapértelmezett beállítás a WordPress verziószámát
  • $ In_footer - használt betölteni a forgatókönyvet a láblécben. Lehetséges értékek - igaz vagy hamis. Az alapértelmezett érték hamis. és a forgatókönyv tele van wp_head (). és ha az érték true script van betöltve a lábléc együtt wp_footer ()

Egy kis caching

A böngésző megjegyzi, hogy mit szkriptek és stíluslapok töltik egy adott oldalon az URL alapján a forgatókönyvet, vagy stíluslapot. Ha megváltoztatja a URL-t. Még csak a lekérdezési karakterlánc, a böngésző azt feltételezi, hogy ez egy új fájlt, és újratölti azt. Ezt fel lehet használni, ha módosítja a forgatókönyvet. Így meg kell változtatni a verziószáma a forgatókönyvet, hogy a kliens böngésző, hogy töltse le a szerverről, és nem a gyorsítótárból.

Most néhány példát

Itt egy egyszerű példa a betöltés Egyedi szkript:

Megjegyzés: Az egyik oka annak, hogy jobb, ha nem használja a bővítmény vagy téma nyilvános használatra, azt, hogy az összes plugins és témák, amelyek ebben a honlapon most már használni jQuery változata itt megadott. Ezen kívül a nemrég regisztrált változata jQuery nem noConflict. így ha más téma vagy plugin alkalmazható, például, Prototype. ez mindent elrontani.

Ne légy mohó

Bár mi nem beszélve semmit, hogyan kell csinálni az egészet az adminisztrációs panel, csak a front-end-oldalakat. A fő különbség itt - milyen hatást használatát. Ehelyett ADD_ACTION (wp_enqueue_scripts ', 'wptuts_scripts_basic');. amit használnak a külső része a helyszínen, a adminisztrációs panel használt ADD_ACTION fellépés ( „admin_enqueue_scripts”, „wptuts_scripts_basic”);

Ami fontos, hogy, hogy a külső rész, valamint az adminisztrációs oldalon -, hogy meghatározzák azokat az oldalakat, ahol használja a szkripteket. Ha a bővítmény vagy téma van egy script, hogy tesz valamit a külső oldalon, vagy az Adminisztráció oldalon, például, a téma opciók oldalon, vagy egy oldal egy bizonyos modult, le kell töltenie a forgatókönyvet csak ezen az oldalon. Semmi értelme, hogy töltse be a szkript, ha nem használják!

A WordPress Codex van egy kiváló példa arra, hogyan kell betölteni a szkriptek csak a beépülő modul oldalát. mert plug-inek és témák nagyban különböznek abban, hogy hogyan épülnek, nem megyünk bele a részletekbe, hogyan kell letölteni a plug-inek csak egy oldalt, de ez nem volt szükséges megemlíteni, hogy ezt figyelembe veszi a fejlesztés során.

Most körülbelül stílusok

A folyamat a dolgozó stílus nagyon hasonlít a dolgozó szkripteket. Ez végzik segítségével wp_register_style funkciót. Itt látható a használat szerinti WordPress Codex:

wp_register_style ($ handle $ src $ deps $ ver $ média ....);

Vegye figyelembe, hogy a különbség wp_register_script és wp_register_style csak abban áll, hogy ahelyett, hogy beállítása $ in_footer mi beállítása $ médiában. Lehet telepíteni a következő: „minden”. 'Screen'. „Kézi”. „Nyomtatás”. vagy bármilyen más típusú médiatartalmak által elismert W3C.

Ie mi is hozzá a következő stílusokat:

Miért nem lehet minden használja ezt a módszert?

Akkor valószínűleg kíváncsi, „Miért ez a módszer»helyes«, és nem csak a preferencia?”. Ha ugyanis - mivel ez a módszer ajánlatos WordPress. Ez biztosítja, hogy bármely kombinációja plugins és témák megfelelően kell működnie konfliktusok nélkül.

Néhány téma címkéket használnak szkripteket betölteni és a header.php fájlt. és még footer.php. Semmi értelme, hogy erre. Azt már kimutatták, hogy keresse meg a szkripteket és stílusok a prioritásokat és meghatározza, hogy hol vannak betöltve, akkor lehetséges, hogy functions.php. Tehát a téma / keret fog működni a sokkal nagyobb számú plugins / témák.

Például, jQuery segítségével letölthető címkék . Első pillantásra, minden rendben van, de a jQuery is lehet betölteni kétszer! Miután egy ilyen letöltés nem akadályozza WordPress feltölteni a változata jQuery plugin mások számára, mert a változat az alapértelmezett WordPress van noConflict módban. és plug-in lehet meghatározni, mint egy függőség. Tehát akkor jQuery. hogyan működik noConflict módban. és $. Ezen kívül lesz valószínűleg megzavarják a bővítmények a Prototype könyvtárban.

WordPress - egy fantasztikus, nagyon jól átgondolt rendszer. Ha van egy olyan mechanizmus, amely lehetővé teszi, hogy tegyen valamit, mindig érdemes használni. A fejlesztés a plug-in, vagy a próbálkozás, hogy gondolja át a kódot, hogy további többiek nem merül fel semmilyen probléma vele.

Lehet, hogy érdekel, hogy ↓↓↓

  • Hogyan adjunk javascript és css saját témák és plugins wordpress, minden a weboldalak létrehozása
    Hogyan lehet engedélyezni egy tetszőleges hátteret a WordPress téma
  • Hogyan adjunk javascript és css saját témák és plugins wordpress, minden a weboldalak létrehozása
    5 izgalmas, új plugin a WordPress
  • Hogyan adjunk javascript és css saját témák és plugins wordpress, minden a weboldalak létrehozása
    10 szabad jQuery kiegészítő amivel grafikonok
  • Hogyan adjunk javascript és css saját témák és plugins wordpress, minden a weboldalak létrehozása
    WordPress JSON API plugint