Share
I den här serien har vi granskat ämnen för Professional WordPress Development riktad mot dem som vill förbättra sina professionella WordPress-utvecklingsegenskaper.
Vid denna tidpunkt har vi täckt strategier och miljöpraxis, men vi har ännu inte undersökt några av de verktyg som är vanligare i WordPress-utvecklingen. I den här artikeln tar vi en undersökning av de olika verktygen, verktygen och plugins som bidrar till att bygga och behålla framgångsrika projekt.
När jag skapar en lokal utvecklingsmiljö för ett WordPress-projekt, ser jag till att jag har följande verktyg installerade och till min förfogande. Många av dessa har kommit till följd av erfarenhet, rekommendation av mer erfarna utvecklare eller personliga preferenser.
Som med de flesta saker i denna serie är det bara förslag - de är inte reglerna eller de standarder som du mäter din konfiguration av.
Som vi täcks i den första artikeln i serien skrivs en del av WordPress med jQuery och de flesta teman och plugins inkluderar det också. Som sådan är felsökning av JavaScript ett kärnbehov för professionell utveckling (särskilt när du arbetar med plugins eller teman som missbrukar laddning av egna skript eller versioner av jQuery).
Båda verktygen erbjuder också möjlighet att skriva JavaScript direkt i konsolen så att du kan utvärdera funktioner, uttryck och uttalanden utan att behöva redigera dina kärnfiler, ladda om sidan, testa och upprepa.
Oavsett debugger som du föredrar, se till att du har en körning i din webbläsare eftersom det gör att hitta fel och lösa dem mycket lättare.
WordPress Tema Enhetstest är inte ett enhetstest i traditionell mening. Istället är det en XML-fil som du kan importera till din WordPress-installation till förmån för ditt tema eller plugin som ger dig en uppsättning inlägg, sidor, författare, kommentarer, bilder etc. för att se till att du formaterar data på rätt sätt.
Om du bygger ett plugin ger det mocka data som ditt plugin kan stöta på för att se hur det skulle fungera mot faktiska levnadsdata.
Om du är en avancerad utvecklare eller vill börja med att testa med WordPress, var noga med att granska vår serie på Unit Testing WordPress.
Utvecklaren Plugin är ett relativt nytt plugin som skapades av VIP-teamet på Automattic som syftar till att ge utvecklare en rad verktyg speciellt för att hjälpa oss att utvecklas bättre.
Plugin inkluderar ...
... allt i ett plugin med ett förenklat gränssnitt. Personligen är detta min de facto-plugin för lokal WordPress-baserad utveckling.
Tema Check är ett annat plugin som jag rekommenderar för utveckling som kommer att utvärdera din kod mot den nuvarande versionen av WordPress API och tillhandahålla meddelanden, varningar, rekommendationer och fel baserat på din kod.
Även om jag tror det några av rekommendationerna är ibland föråldrade, dess uppsättning varningar och fel är nästan alltid korrekta och ger en uppfattning om saker som du bör lösa innan du skickar ditt arbete.
Debogger är ett användbart plugin, speciellt om du bryr dig om W3C-validering och är intresserad av sökoptimering och välskrivet PHP. Pluggen kommer att avlyssna all information som överförs mellan ditt projekt, WordPress, servern och webbläsaren, och returnera sedan alla felsökningsinformation och meddelanden till sidfoten.
Det här pluginet har varit utomordentligt användbart för mig eftersom det fångar små PHP-fel som inte alltid registreras på grund av språkets dynamiska natur.
När det gäller PHP-loggning, brukar jag ha följande konfiguration:
Det gör det enkelt att hitta, upptäcka och lösa fel som finns i ditt projekt på minst störande sätt baserat på vem som tittar på din webbplats. Tydligen, utveckling och scenografi och menat för dig och en uppsättning testare medan produktionsmiljön är endast avsedd för användare.
Du kan enkelt förbättra hastigheten på vilken webbläsaren laddar din webbplats genom att kombinera och kombinera dina stylesheets i en enda fil. Det här är självklart något besvärligt om du gör det manuellt. Lyckligtvis finns det en mängd olika verktyg.
Mitt val vapen är CodeKit.
För CSS innehåller det stöd för både LESS och SASS, minifiering, och har även inbyggd dependency management.
För JavaScript innehåller det även stöd för både JSLint och JSHint, vilka båda anses vara JavaScript-kodkvalitet. Vi vet från tidigare artiklar att WordPress har sina egna kodningsstandarder, men de är närmare relaterade till PHP än vad som helst annat.
Med hjälp av ett JavaScript Lint-verktyg - som JSLint eller JSHint - kan du ha automatiska kodrecensioner som säkerställer att din kod är upp till en standard och utvärderas varje gång du sparar filen.
Återigen är det bara mitt föredragna sätt att hantera externa resurser - det finns en mängd andra sätt att göra detta. Slutsatsen är att man bör undersöka utförandet av någon typ av kodkvalitetsutvärdering, förbehandling och minifiering när det är tillgängligt för både CSS och JavaScript.
Vid denna tidpunkt har vi täckt strategier, miljöer och verktyg för professionell WordPress-utveckling. Självklart finns det mycket mer information om detta ämne.
Med tanke på den här bloggen finns ett samhälle av dedikerade utvecklare, skulle jag gärna höra vad du håller i din verktygslåda också. Var noga med att dela den i kommentarerna och koppla ihop några resurser så att resten av oss kan dra nytta av det också!
Accentsconagua