În această serie, am revizuit subiectele pentru WordPress Development Professional destinate celor care doresc să își îmbunătățească abilitățile de dezvoltare WordPress profesionale.
În acest moment, am abordat strategiile și practicile de mediu, dar nu am examinat încă unele dintre instrumentele care sunt mai frecvente în dezvoltarea WordPress. În acest articol, vom face un studiu al diferitelor instrumente, utilitare și pluginuri care contribuie la construirea și menținerea proiectelor de succes.
Ori de câte ori creez un mediu de dezvoltare locală pentru un proiect WordPress, mă asigur că am instrumentele următoare instalate și la dispoziția mea. Multe dintre acestea au venit ca urmare a experienței, a recomandărilor dezvoltatorilor mai experimentați sau a preferințelor personale.
Ca și în majoritatea lucrurilor din această serie, acestea sunt doar sugestii - acestea nu sunt normele sau standardele prin care măsurați configurația.
Așa cum am acoperit în primul articol din seria, o parte din WordPress este scrisă folosind jQuery și majoritatea temelor și plugin-urilor includ aceasta. Ca atare, depanarea JavaScript este o necesitate de bază pentru dezvoltarea profesională (mai ales când lucrați cu pluginuri sau teme care abuzează de încărcarea propriilor script-uri sau versiuni ale jQuery).
Ambele utilitare oferă, de asemenea, posibilitatea de a scrie JavaScript direct în consola, astfel încât să puteți evalua funcții, expresii și instrucțiuni fără a fi nevoie să editați fișierele de bază, să reîncărcați pagina, să testați și să repetați.
Indiferent de programul de depanare pe care îl preferați, asigurați-vă că aveți unul care rulează în browserul dvs., deoarece face localizarea erorilor și rezolvarea acestora mult mai ușor.
Testul Tematica WordPress nu este un test unitar în sensul tradițional. În schimb, este un fișier XML pe care îl puteți importa în instalarea dvs. WordPress în folosul temei sau pluginului care vă oferă un set de postări, pagini, autori, comentarii, imagini etc. pentru a vă asigura că formatați corect datele.
Dacă construiți un plugin, acesta furnizează date machete pe care plugin-ul dvs. le poate rula pentru a vedea cum ar putea să se comporte împotriva datelor live, efective.
Dacă sunteți un dezvoltator avansat sau sunteți în căutarea de a începe efectiv de testare cu WordPress, atunci asigurați-vă că pentru a revizui seria noastră pe Unitatea de testare WordPress.
Pluginul pentru dezvoltatori este un plugin relativ nou, creat de echipa VIP de la Automattic, care are ca scop să ofere dezvoltatorilor o suită de instrumente care ne ajută să ne dezvoltăm mai bine.
Pluginul include ...
... toate într-un plugin cu o interfață simplificată. Personal, acesta este pluginul meu de-facto pentru dezvoltarea WordPress pe plan local.
Theme Check este un alt plugin pe care îl recomand pentru dezvoltare care vă va evalua codul împotriva versiunii curente a API-ului WordPress și va furniza notificări, avertismente, recomandări și erori în baza codului dvs..
Deși cred asta niste din recomandări sunt ocazional depășite, setul de avertismente și erori sunt aproape întotdeauna exacte și oferă un cap de lucru pe lucruri pe care ar trebui să le rezolvați înainte de expedierea muncii.
Deboggerul este un plugin util, mai ales dacă vă interesează validarea W3C și sunteți interesat de optimizarea interogării și PHP bine scris. Pluginul va intercepta toate informațiile care sunt transmise între proiectul dvs., WordPress, serverul și browserul și apoi returnează orice informații de depanare și note în subsolul.
Acest plugin a fost extrem de util pentru mine deoarece captează erori PHP minime care nu se înregistrează întotdeauna din cauza naturii dinamice a limbii.
În ceea ce privește logarea PHP, îmi place de obicei configurația următoare:
Acest lucru facilitează localizarea, detectarea și rezolvarea erorilor care există în proiectul dvs. în modul cel mai puțin intruziv, în funcție de cine văd site-ul dvs. În mod clar, Dezvoltare și etapă și a însemnat pentru tine și un set de testere, în timp ce mediul de producție este destinat numai utilizatorilor.
Puteți îmbunătăți cu ușurință viteza cu care browserul încarcă site-ul dvs., minificând și combinând foile de stil într-un singur fișier. Bineînțeles, acest lucru este oarecum dificil dacă îl faci manual. Din fericire, există o varietate de instrumente disponibile.
Arma mea de alegere este CodeKit.
Pentru CSS, acesta include suport pentru LESS și SASS, minificare, și are, de asemenea, o gestionare integrată a dependenței.
Pentru JavaScript, acesta include, de asemenea, suport atât pentru JSLint, cât și pentru JSHint, ambele fiind considerate instrumente JavaScript de "calitate a codului". Știm din articolele anterioare că WordPress are propriile standarde de codificare, dar acestea sunt mai strâns legate de PHP decât orice altceva.
Folosind un instrument JavaScript Lint - cum ar fi JSLint sau JSHint - aveți posibilitatea de a avea automate cod de recenzii care să vă asigure că codul dvs. este de până la un standard și evaluat de fiecare dată când salvați fișierul.
Din nou, aceasta este doar metoda preferată de gestionare a resurselor externe - există o varietate de alte modalități de a face acest lucru. Linia de fund este că ar trebui să vă uitați să efectuați un anumit tip de evaluare a calității codului, preprocesare și minificare atunci când este disponibil atât pentru CSS, cât și pentru JavaScript.
În acest moment, am abordat strategiile, mediile și instrumentele pentru dezvoltarea WordPress profesională. Desigur, există mult mai multe informații disponibile pe această temă.
Având în vedere că acest blog are o comunitate de dezvoltatori dedicați, mi-ar plăcea să văd ce vă păstrați și în cutia dvs. de instrumente. Asigurați-vă că îl împărțiți în comentarii și conectați resursele astfel încât și noi să putem beneficia și de ceilalți!