venerdì 9 dicembre 2011

Includere jQuery in un tema di Wordpress

Molti di voi sapranno che Wordpress contiene già al suo interno tutte le principali librerie javascript, aggiornate in base alla versione di Wordpress che state utilizzando.
Supponete di voler utilizzare del codice javascript basato sulla libreria jQuery, e che vogliate usare la libreria preinstallata in Wordpress. Come fare? Molti temi non caricano automaticamente le librerie che ci servono.

Per far sì che il nostro tema di Wordpress carichi jQuery, occorre usare la funzione wp_enqueue_script():

<?php wp_enqueue_script("jquery"); ?>

che va inserita prima della funzione <?php wp_head();?> nella <head></head> del nostro tema (presumibilmente all'interno del file header.php).

Ora potete richiamare il vostro file js DOPO la funzione wp_head(); :

<script type="text/javascript"
   src="<?php bloginfo("template_url"); ?>/js/yourScript.js"></script>


Per essere sicuri che tutto funzioni però, anzichè utilizzare il simbolo standard di jQuery ($) che può generare conflitti con altre librerie, adottiamo questo metodo:


var $j = jQuery.noConflict();

$j(function(){

    alert('ciao'); //qui il vostro codice :)

});


In questo modo tutto funzionerà perfettamente!

Ecco un esempio completo:
 
<head>
[...]
<?php wp_enqueue_script("jquery"); ?>
<?php wp_head(); ?> 
<script type="text/javascript">
var $j = jQuery.noConflict();

$j(function(){

    alert('ciao'); //qui il vostro codice :)

});

</script> 
</head> 




Nessun commento:

Posta un commento