Share
In questa serie, abbiamo esaminato argomenti per lo sviluppo di WordPress professionale rivolti a coloro che stanno cercando di migliorare le loro capacità di sviluppo professionale in WordPress.
A questo punto, abbiamo coperto strategie e pratiche ambientali, ma dobbiamo ancora esaminare alcuni degli strumenti che sono più comuni nello sviluppo di WordPress. In questo articolo, terremo un sondaggio sui vari strumenti, utilità e plug-in che contribuiscono alla costruzione e al mantenimento di progetti di successo.
Ogni volta che installo un ambiente di sviluppo locale per un progetto WordPress, mi assicuro di avere i seguenti strumenti installati e a mia disposizione. Molti di questi sono venuti in seguito all'esperienza, alla raccomandazione di sviluppatori più esperti o alle preferenze personali.
Come con la maggior parte delle cose di questa serie, questi sono solo suggerimenti: non sono le regole o gli standard con cui si misura la configurazione.
Come abbiamo spiegato nel primo articolo della serie, una parte di WordPress è scritta usando jQuery e la maggior parte dei temi e plugin lo includono. Di conseguenza, il debug di JavaScript è un'esigenza fondamentale per lo sviluppo professionale (specialmente quando si lavora con plugin o temi che violano il caricamento dei propri script o versioni di jQuery).
Entrambe le utilità offrono anche la possibilità di scrivere JavaScript direttamente nella console in modo da poter valutare funzioni, espressioni e istruzioni senza dover modificare i file principali, ricaricare la pagina, testare e ripetere.
Indipendentemente dal debugger che preferisci, assicurati di averne uno in esecuzione nel tuo browser in quanto rende più facile individuare errori e risolverli.
Il test dell'unità tematica WordPress non è un test unitario nel senso tradizionale. Invece, è un file XML che puoi importare nell'installazione di WordPress a beneficio del tuo tema o plug-in che ti offre una serie di post, pagine, autori, commenti, immagini, ecc. Per assicurarti di formattare correttamente i dati.
Se stai creando un plug-in, fornisce dati fittizi sui quali è possibile eseguire il plug-in per vedere come si comporterebbe rispetto ai dati reali in tempo reale.
Se sei uno sviluppatore avanzato o stai cercando di iniziare effettivamente i test con WordPress, assicurati di rivedere le nostre serie su Unit Testing WordPress.
Il plugin per sviluppatori è un plugin relativamente nuovo creato dal team VIP di Automattic che mira a fornire agli sviluppatori una suite di strumenti appositamente per aiutarci a sviluppare meglio.
Il plugin include ...
... tutto in un plug-in con un'interfaccia semplificata. Personalmente, questo è il mio plugin di fatto per lo sviluppo locale basato su WordPress.
Theme Check è un altro plug-in che consiglio per lo sviluppo che valuterà il tuo codice rispetto alla versione corrente dell'API di WordPress e fornirà avvisi, avvertenze, consigli ed errori in base al tuo codice.
Anche se ci credo alcuni delle raccomandazioni sono occasionalmente obsolete, il suo insieme di avvertimenti ed errori sono quasi sempre accurati e forniscono un avviso su cose che dovresti risolvere prima di spedire il tuo lavoro.
Debogger è un plugin utile soprattutto se ti interessa la validazione del W3C e sei interessato all'ottimizzazione delle query e al PHP ben scritto. Il plugin intercetterà tutte le informazioni che vengono trasmesse tra il tuo progetto, WordPress, il server e il browser, quindi restituirà eventuali informazioni e avvisi di debug nel footer.
Questo plugin è stato eccezionalmente utile per me in quanto cattura errori di PHP minuscoli che non si registrano sempre a causa della natura dinamica della lingua.
Per quanto riguarda la registrazione PHP, in genere mi piace avere la seguente configurazione:
Ciò semplifica l'individuazione, la rilevazione e la risoluzione degli errori presenti nel progetto nel modo meno intrusivo basato su chi sta visualizzando il tuo sito. Chiaramente, Sviluppo e Staging sono pensati per te e per un set di tester, mentre l'ambiente di produzione è pensato solo per gli utenti.
Puoi facilmente migliorare la velocità con cui il browser carica il tuo sito riducendo e combinando i tuoi fogli di stile in un singolo file. Naturalmente, questo è un po 'una seccatura se lo fai manualmente. Fortunatamente, ci sono una varietà di strumenti disponibili.
La mia arma preferita è CodeKit.
Per i CSS, include il supporto per LESS e SASS, minification e ha anche una gestione delle dipendenze integrata.
Per JavaScript, include anche il supporto per JSLint e JSHint che sono entrambi considerati strumenti di "qualità del codice" JavaScript. Sappiamo dagli articoli precedenti che WordPress ha i suoi standard di codifica, ma sono più strettamente collegati a PHP di qualsiasi altra cosa.
Utilizzando uno strumento Lint JavaScript, come JSLint o JSHint, puoi avere revisioni automatizzate del codice che assicurano che il tuo codice sia conforme a uno standard e valutato ogni volta che salvi il file.
Ancora una volta, questo è solo il mio metodo preferito di gestione delle risorse esterne - ci sono una varietà di altri modi per farlo. La linea di fondo è che dovresti esaminare alcuni tipi di valutazione della qualità del codice, pre-elaborazione e minificazione quando disponibili sia per CSS che per JavaScript.
A questo punto, abbiamo coperto strategie, ambienti e strumenti per lo sviluppo di WordPress Professional. Naturalmente, ci sono molte più informazioni disponibili su questo argomento.
Considerando che questo blog ha una community di sviluppatori dedicati, mi piacerebbe sentire cosa conservate anche voi nella vostra cassetta degli attrezzi. Assicurati di condividerlo nei commenti e collega tutte le risorse in modo che anche il resto di noi possa trarne beneficio!
Accentsconagua