Cum de a adăuga javascript și css la temele și pluginurile dvs. wordpress, totul despre crearea site-urilor

Cele mai bune metode pentru toată lumea

Cu toate acestea, în Cod, pot exista momente incomprehensibile. În ele vom încerca să clarificăm.

Ce e în kit?

Specificați scripturile WordPress și ce trebuie să lucreze

Răspunsurile la aceste întrebări vă vor ajuta să aflați ce trebuie să faceți pentru a vă înregistra și descărca scriptul. Toate acestea sunt implementate folosind funcția wp_register_script. Iată un exemplu de utilizare a acestuia conform codului WordPress:







wp_register_script ($ mâner. $ src. $ deps. $ ver. $ in_ footer);

Deci, ce variabile am folosit aici și avem întotdeauna nevoie de ele? (Acest lucru este descris în Cod, deci nu vom intra în detalii)

  • $ handle este numele scriptului de care aveți nevoie să îl accesați când trebuie să-l puneți în coadă; aceasta este o variabilă cerută
  • $ src - calea către fișierul script sursă
  • $ deps - un matrice care conține $ handle pentru toate scripturile de care depinde scriptul dvs. (adică "dependență")
  • $ ver este numărul versiunii folosit pentru a obține versiunea corectă a scriptului, indiferent de cache. Valoarea implicită este setată la numărul versiunii WordPress
  • $ in_footer - folosit pentru a încărca un script într-un subsol. Valorile posibile sunt adevărate sau false. Implicit este fals. iar scriptul este încărcat împreună cu wp_head (). și dacă scriptul adevărat este încărcat în subsol, împreună cu wp_footer ()

Un pic despre cache

Navigatorii îți aduc aminte de scripturile și foile de stil pe care le-au descărcat pentru un anumit site pe baza URL-ului scriptului sau foii de stil. Dacă modificați adresa URL. chiar și prin adăugarea unui șir de interogări, browserul presupune că acesta este un fișier nou și îl reîncarcă. Acest lucru poate fi folosit când faceți modificări în scenariul dvs. În acest caz, trebuie să modificați numărul versiunii scriptului astfel încât browser-ul clientului să îl descarce de pe server, nu din memoria cache.

Acum câteva exemple

Iată cel mai simplu exemplu de încărcare a unui script personalizat:

Notă: Unul dintre motivele pentru care este mai bine să nu folosiți acest lucru într-un plugin sau o temă pentru public este că toate pluginurile și temele folosite pe acest site vor trebui acum să utilizeze versiunea jQuery specificată aici. În plus, versiunea recentă înregistrată a jQuery nu are nicioConflict. astfel încât, dacă alte teme sau plug-inuri utilizează, de exemplu, Prototype. va strica totul.

Nu fi lacomă

În timp ce nu am menționat nimic despre modul de a face toate acestea în panoul de administrare, numai pe paginile de front-end ale site-ului. Principala diferență aici este ce acțiune trebuie utilizată. În loc de add_action ('wp_enqueue_scripts', 'wptuts_scripts_basic'); pe care am folosit pentru partea exterioară a sitului, la panoul de administrare acțiunea ADD_ACTION utilizată ( „admin_enqueue_scripts“, „wptuts_scripts_basic“);

Ceea ce este important să faci atât pentru partea externă, cât și pentru secțiunea de administrare este de a determina în ce pagini să folosiți scripturile tale. Dacă există un script în pluginul sau tema care face ceva pe pagina externă sau pe pagina de administrare, de exemplu, pe pagina cu opțiuni tematice sau pe pagina cu un widget specific, trebuie să descărcați scriptul numai în această pagină. Nu are rost să încărcați scriptul acolo unde nu este folosit!







Codul WordPress are un exemplu excelent de descărcare a script-urilor numai pe paginile pluginului. pentru că pluginurile și temele pot diferi foarte mult în modul în care sunt construite, nu vom trece în detaliu despre modul de încărcare a pluginurilor pentru o singură pagină, însă acest lucru trebuie menționat pentru a lua în considerare acest lucru în timpul dezvoltării.

Acum despre stiluri

Procesul de lucru cu stiluri este foarte similar cu lucrul cu scripturi. Acesta este implementat cu funcția wp_register_style. Aici este utilizarea sa în conformitate cu Codul WordPress:

wp_register_style ($ mâner $ src. $ deps. $ ver. $ media);

Rețineți că diferența dintre wp_register_script și wp_register_style constă numai în faptul că, în loc de a stabili $ in_footer am setarea $ mass-media. Poate fi setat după cum urmează: "toate". 'Screen'. 'Handheld'. 'Print'. sau orice alt tip de conținut media recunoscut de W3C.

Ie putem adăuga stiluri după cum urmează:

De ce nu utilizează toată lumea această metodă?

S-ar putea să vă întrebați: "De ce este această metodă" corectă "și nu doar preferința dvs.?". Dacă în esență - pentru că această metodă este recomandată de WordPress. Acest lucru asigură că orice combinație de pluginuri și teme ar trebui să funcționeze corect fără conflicte.

Unele subiecte utilizează etichete pentru a încărca scripturi și în fișierele header.php. și chiar footer.php. Nu are rost să faci asta. Mai sus, am demonstrat deja că este posibilă plasarea de scripturi și stiluri în priorități și determinarea locului în care sunt încărcate în funcțiile.php. Astfel, tema / cadrul dvs. va funcționa cu mult mai multe pluginuri / teme.

De exemplu, jQuery poate fi descărcat utilizând etichete . La prima vedere, totul funcționează bine, dar deci jQuery poate fi încărcat de două ori! După o astfel de descărcare nu împiedică WordPress încărca versiunea lor de plugin-uri jQuery pentru alții, deoarece versiunea implicit WordPress este în modul noConflict. iar pluginul poate defini aceasta ca o dependență. Deci vei avea jQuery. ca funcționând în modul noConflict. și $. În plus, probabil veți întrerupe activitatea pluginurilor utilizând biblioteca Prototype.

WordPress este un sistem fantastic, foarte atent. Dacă există un mecanism care vă permite să faceți ceva, utilizați-l întotdeauna. Când dezvoltați pluginuri sau teme, încercați să gândiți prin codul dvs., astfel încât alții să nu aibă probleme cu acesta în viitor.

S-ar putea să fiți interesat de ↓↓↓

  • Cum de a adăuga javascript și css la temele și pluginurile dvs. wordpress, totul despre crearea site-urilor
    Cum să includeți un fundal arbitrar în tema WordPress
  • Cum de a adăuga javascript și css la temele și pluginurile dvs. wordpress, totul despre crearea site-urilor
    5 pluginuri noi WordPress interesante
  • Cum de a adăuga javascript și css la temele și pluginurile dvs. wordpress, totul despre crearea site-urilor
    10 pluginuri gratuite jQuery pentru crearea de grafice
  • Cum de a adăuga javascript și css la temele și pluginurile dvs. wordpress, totul despre crearea site-urilor
    WordPress JSON API plugin






Trimiteți-le prietenilor: