Share
In deze serie hebben we onderwerpen besproken voor professionele WordPress-ontwikkeling voor diegenen die hun professionele WordPress-ontwikkelingsvaardigheden willen verbeteren..
Op dit punt hebben we de strategieën en milieupraktijken besproken, maar we moeten enkele van de hulpprogramma's die meer voorkomen in WordPress-ontwikkeling, nog bestuderen. In dit artikel nemen we een overzicht van de verschillende hulpprogramma's, hulpprogramma's en plug-ins die bijdragen aan het bouwen en onderhouden van succesvolle projecten.
Wanneer ik een lokale ontwikkelomgeving installeer voor een WordPress-project, zorg ik ervoor dat ik de volgende hulpprogramma's heb geïnstalleerd en tot mijn beschikking heb. Veel hiervan zijn het resultaat van ervaring, aanbevelingen van meer ervaren ontwikkelaars of persoonlijke voorkeuren.
Zoals met de meeste dingen in deze serie, zijn dit slechts suggesties - het zijn niet de regels of de normen waarmee u uw configuratie meet.
Zoals we in het eerste artikel in de serie hebben behandeld, is een gedeelte van WordPress geschreven met behulp van jQuery en de meeste thema's en plug-ins omvatten het ook. Als zodanig is het debuggen van JavaScript een essentiële behoefte aan professionele ontwikkeling (met name wanneer u werkt met plug-ins of thema's die misbruik maken van het laden van hun eigen scripts of versies van jQuery).
Beide hulpprogramma's bieden ook de mogelijkheid om JavaScript rechtstreeks in de console te schrijven, zodat u functies, uitdrukkingen en instructies kunt evalueren zonder dat u uw kernbestanden hoeft te bewerken, de pagina opnieuw moet laden, testen en herhalen..
Ongeacht de foutopsporing die u verkiest, zorg ervoor dat u er één in uw browser uitvoert, omdat het fouten lokaliseert en ze veel gemakkelijker oplost.
De WordPress Theme Unit Test is geen unit test in de traditionele zin. In plaats daarvan is het een XML-bestand dat u kunt importeren in uw WordPress-installatie ten behoeve van uw thema of plug-in die u een reeks berichten, pagina's, auteurs, opmerkingen, afbeeldingen, enz. Geeft om ervoor te zorgen dat u de gegevens correct opmaakt.
Als u een plug-in aan het bouwen bent, biedt deze nepgegevens die uw plug-in kan uitvoeren om te zien hoe deze zou werken met actuele, live gegevens.
Als u een ervaren ontwikkelaar bent of op zoek bent om daadwerkelijk met WordPress te gaan testen, moet u onze serie over testen van eenheden testen. WordPress.
De ontwikkelaar-plug-in is een relatief nieuwe plug-in die door het VIP-team van Automattic is gemaakt en die ontwikkelaars een reeks hulpmiddelen biedt die specifiek zijn bedoeld om ons te helpen beter te ontwikkelen.
De plug-in bevat ...
... alles in één plug-in met een vereenvoudigde interface. Persoonlijk is dit mijn de-facto plug-in voor lokale op WordPress gebaseerde ontwikkeling.
Themacontrole is een andere plug-in die ik aanbeveel voor ontwikkeling die uw code zal evalueren aan de hand van de huidige versie van de WordPress API en meldingen, waarschuwingen, aanbevelingen en fouten zal bieden op basis van uw code.
Hoewel ik dat geloof sommige van de aanbevelingen zijn af en toe verouderd, de set van waarschuwingen en fouten zijn bijna altijd accuraat en bieden een opmaat voor dingen die u moet oplossen voordat u uw werk verzendt.
Debogger is een nuttige plug-in, vooral als u om W3C-validatie geeft en geïnteresseerd bent in query-optimalisatie en goed geschreven PHP. De plug-in zal alle informatie die wordt verzonden tussen uw project, WordPress, de server en de browser onderscheppen en vervolgens foutopsporingsinformatie en kennisgevingen terugsturen in het voettekstvak.
Deze plug-in was buitengewoon nuttig voor mij omdat het minimale PHP-fouten opmerkt die zich niet altijd registreren vanwege de dynamische aard van de taal.
Wat PHP-logging betreft, vind ik het meestal prettig om de volgende configuratie te hebben:
Dit maakt het eenvoudig om fouten die zich in uw project bevinden op de minst indringende manier te vinden, op te sporen en op te lossen op basis van wie uw site bekijkt. Het is duidelijk, ontwikkeling en enscenering en bedoeld voor u en een reeks testers, terwijl de productieomgeving alleen bedoeld is voor gebruikers.
U kunt de snelheid waarmee de browser uw site laadt, eenvoudig verbeteren door uw stylesheets in één bestand te verkleinen en te combineren. Dit is natuurlijk een beetje gedoe als je het handmatig doet. Gelukkig zijn er verschillende tools beschikbaar.
Mijn favoriete wapen is CodeKit.
Voor CSS omvat het ondersteuning voor zowel LESS als SASS, minification, en heeft ook een ingebouwd afhankelijkheidsbeheer.
Voor JavaScript omvat het ook ondersteuning voor zowel JSLint als JSHint die beide worden beschouwd als JavaScript-tools voor "codekwaliteit". We weten uit eerdere artikelen dat WordPress zijn eigen coderingsstandaarden heeft, maar ze zijn meer verwant aan PHP dan iets anders.
Met behulp van een JavaScript Lint-tool - zoals JSLint of JSHint - kunt u geautomatiseerde code-evaluaties uitvoeren die ervoor zorgen dat uw code voldoet aan een standaard en wordt beoordeeld elke keer dat u het bestand opslaat.
Nogmaals, dit is gewoon mijn voorkeursmethode voor het beheren van externe bronnen - er zijn een aantal andere manieren om dit te doen. Waar het op neer komt, is dat u moet kijken naar het uitvoeren van een type codekwaliteitsevaluatie, voorverwerking en verkleining indien beschikbaar voor zowel CSS als JavaScript.
Op dit punt hebben we strategieën, omgevingen en hulpmiddelen voor professionele WordPress-ontwikkeling behandeld. Natuurlijk is er veel meer informatie beschikbaar over dit onderwerp.
Gezien dit blog een gemeenschap van toegewijde ontwikkelaars heeft, zou ik graag horen wat jullie in jullie gereedschapskist bewaren. Zorg ervoor dat u deze in de opmerkingen deelt en alle bronnen koppelt zodat de rest van ons er ook van kan profiteren!
Accentsconagua