Share
I denne serien har vi gjennomgått emner for Profesjonell WordPress Development rettet mot de som ønsker å forbedre deres profesjonelle WordPress-utviklingsferdigheter.
På dette tidspunktet har vi dekket strategier og miljøpraksis, men vi har ennå ikke undersøkt noen av verktøyene som er vanlig i WordPress-utviklingen. I denne artikkelen tar vi en oversikt over de ulike verktøyene, verktøyene og pluginene som bidrar til å bygge og vedlikeholde vellykkede prosjekter.
Når jeg setter opp et lokalt utviklingsmiljø for et WordPress-prosjekt, sørger jeg for at jeg har følgende verktøy installert og til min disposisjon. Mange av disse har kommet som et resultat av erfaring, anbefaling av mer erfarne utviklere, eller personlig preferanse.
Som med de fleste ting i denne serien, er dette bare forslag - de er ikke reglene eller standardene du måler konfigurasjonen til.
Som vi dekket i den første artikkelen i serien, er en del av WordPress skrevet ved hjelp av jQuery, og de fleste temaer og plugins inkluderer det også. Som sådan er feilsøkings-JavaScript et kjernebehov for profesjonell utvikling (spesielt når du arbeider med plugins eller temaer som misbruker å laste inn egne skript eller versjoner av jQuery).
Begge verktøyene tilbyr også muligheten til å skrive JavaScript direkte i konsollen, slik at du kan evaluere funksjoner, uttrykk og setninger uten å måtte redigere kjernefiler, laste siden, teste og gjenta.
Uavhengig av debuggeren du foretrekker, må du sørge for at du har en kjører i nettleseren din, da det gjør det mulig å finne feil og løse dem mye lettere.
WordPress Theme Unit Test er ikke en enhetstest i tradisjonell forstand. I stedet er det en XML-fil som du kan importere til WordPress-installasjonen din til fordel for temaet eller plugin-modulen som gir deg et sett med innlegg, sider, forfattere, kommentarer, bilder etc. for å sikre at du formaterer data på riktig måte.
Hvis du bygger et plugin, gir det mock data som pluginet ditt kan løpe for å se hvordan det ville utføre mot faktiske, levende data.
Hvis du er en avansert utvikler eller ser ut til å faktisk begynne å teste med WordPress, så vær sikker på å se gjennom serien vår på Unit Testing WordPress.
Utviklerplugin er et relativt nytt plugin som ble opprettet av VIP-teamet hos Automattic som har som mål å gi utviklere en pakke med verktøy spesielt for å hjelpe oss med å utvikle bedre.
Pluggen inkluderer ...
... alt i ett plugin med et forenklet grensesnitt. Personlig er dette min de facto-plugin for lokal WordPress-basert utvikling.
Theme Check er et annet plugin som jeg anbefaler for utvikling som vil evaluere koden din mot gjeldende versjon av WordPress API og gi varsler, advarsler, anbefalinger og feil basert på koden din..
Selv om jeg tror det noen av anbefalingene er av og til utdatert, dets sett med advarsler og feil er nesten alltid nøyaktige og gir et hoveder opp på ting du bør løse før du sender arbeidet ditt.
Debogger er et nyttig plugin, spesielt hvis du bryr deg om W3C-validering og er interessert i spørringsoptimalisering og velskrevet PHP. Pluggen vil fange opp all informasjon som overføres mellom prosjektet ditt, WordPress, serveren og nettleseren, og returner deretter eventuelle feilsøkingsinformasjon og meldinger til bunnteksten.
Dette pluginet har vært usedvanlig nyttig for meg da det fanger små PHP-feil som ikke alltid registreres på grunn av språkets dynamiske natur.
Når det gjelder PHP-logging, liker jeg vanligvis å ha følgende konfigurasjon:
Dette gjør det enkelt å finne, oppdage og løse feil som finnes i prosjektet ditt på minst påtrengende måte basert på hvem som ser på nettstedet ditt. Klart, Utvikling og Staging og ment for deg og et sett med testere mens produksjonsmiljøet er ment bare for brukere.
Du kan enkelt forbedre hastigheten som nettleseren laster inn på nettstedet ved å minifisere og kombinere stilarkene dine til en enkelt fil. Selvfølgelig er dette litt av et problem hvis du gjør det manuelt. Heldigvis finnes det en rekke verktøy tilgjengelig.
Mitt valgfrie våpen er CodeKit.
For CSS, inkluderer den støtte for både LESS og SASS, minification, og har også innebygd dependence management.
For JavaScript, inkluderer det også støtte for både JSLint og JSHint, som begge anses å være JavaScript-kodekvalitetsverktøy. Vi vet fra tidligere artikler at WordPress har sine egne kodingsstandarder, men de er nærmere knyttet til PHP enn noe annet.
Ved hjelp av et JavaScript Lint-verktøy - for eksempel JSLint eller JSHint - kan du få automatiserte kodevurderinger som sikrer at koden din er opp til en standard og evalueres hver gang du lagrer filen.
Igjen, dette er bare min foretrukne metode for å håndtere eksterne ressurser - det finnes en rekke andre måter å gjøre dette på. Poenget er at du bør se på å utføre en type kvalitetskvalitet evaluering, preprocessing og minifisering når det er tilgjengelig for både CSS og JavaScript.
På dette punktet har vi dekket Strategier, miljøer og verktøy for profesjonell WordPress-utvikling. Selvfølgelig er det mye mer informasjon tilgjengelig om dette emnet.
Tatt i betraktning denne bloggen har et fellesskap av dedikerte utviklere, jeg vil gjerne høre hva dere holder i verktøykassen din også. Pass på at du deler den i kommentarene og kobler sammen ressurser slik at resten av oss kan dra nytte av det!
Accentsconagua