Aggiungere codice Javascript ai plugin WordPress

Quando si realizza un plugin per il pannello di amministrazione del nostro blog, molto spesso abbiamo bisogno di caricare all’interno delle pagine del codice javascript.
Immaginiamo un ambito di applicazione dove ci serve una sotto pagina in Articoli, che chiameremo Overview nella quale visualizziamo una tabella contenente gli ultimi 20 post pubblicati e che questa tabella sia ordinabile in base ai campi Titolo, Autore, Data.
L’HTML della tabella lo creiamo tramite una semplice query al database (di cui non ci occupiamo in questo post), mentre per l’ordinamento ci serviremo del plugin jQuery Tablesorter.
Tablesorter va incluso nella nostra pagina Overview assieme alla libreria jQuery, quindi scarichiamo il file jquery.tablesorter.js (assieme a tutto l’occorrente) dal sito appena indicato e copiamo il tutto nella cartella del nostro plugin: wp-content/plugins/overview/.
Per non appesantire il caricamento delle altre pagine amministrative con script non necessari, caricheremo il file jquery.tablesorter.js solo nella pagina Articoli » Overview.

Il codice che segue va inserito nel plugin PHP ed è basato sugli esempi mostrati nella documentazione ufficiale.

Per caricare tutto il codice javascript senza ulteriori passaggi, conviene aggiungere al file jquery.tablesorter.js queste righe:

Queste righe “dicono” al plugin di applicare l’ordinamento alla tabella con id myTable subito dopo il caricamento completo della pagina.