Includere jQuery in WordPress

In questo breve tutorial vedremo come includere jQuery in WordPress sostituendo le librerie incluse di default caricate in automatico con quelle provenienti dalle API di Google sempre aggiornate all’ultima versione.

Il modo più veloce per includere jQuery in WordPress è sicuramente quello di inserirlo all”interno del file header.php che trovi nella cartella del tuo Tema, il procedimento non è del tutto errato ma potrebbe causare dei problemi una volta caricati alcuni Plugin che necessitano delle librerie jQuery per poter funzionare. Nel metodo qui proposto il codice passa attraverso il file functions.php.

Inserimento di jQuery in functions.php

La soluzione al nostro problema si può risolvere con poche righe di codice inserite nel file functions.php contenuto nella cartella del tema in uso (se non esiste basta semplicemente crearlo). Nel caso specifico dell’esempio andremo a richiamare jQuery direttamente da Googleapis e le posizioneremo (assieme ad eventuali altre librerie) nel footer del blog. In questo modo avremo un miglioramento nel caricamento della pagina
Volendo inserire altre librerie che fanno uso di jQuery basterà richiamarle con wp_enqueue_script. Nell’esempio che segue ho aggiunto il file nomescript.js. È importante che tutte le librerie che verranno richiamate abbiano un nome univoco, nel caso specifico script, che puoi notare prima di get_bloginfo.

// Richiamo jQuery + altri script e includo nel footer
function wpstyle_script() {
	if (!is_admin()) {
		wp_deregister_script('jquery');
                wp_register_script( 'jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js', false, '1.4.4', true );
		wp_enqueue_script('jquery');
		wp_enqueue_script('script', get_bloginfo('template_url') . '/js/nomescript.js', array('jquery'), '1.5.0', true);
	}
}
add_action('init', 'wpstyle_script');

Naturalmente per poter funzionare dobbiamo richiamare le nostre librerie jQuery inserendo semplicemente questa riga di codice nel file header.php

<!--?php wp_enqueue_script('jquery'); ?-->

appena prima della chiamata

<!--?php wp_head(); ?-->