Può accadere che nasca la necessità di dover inserire del codice JavaScript nel proprio sito WordPress per aumentarne le funzionalità. In questo articolo spiegheremo quali sono le procedure da seguire per effettuare questa operazione.

JavaScript nei file Template

Per far sì che il codice funzioni in tutte le pagine del sito occorre inserire una chiamata al codice o il codice stesso nell’head del file template header.php, tra i meta-tag ed i link dei fogli di stile.  Il codice da inserire è il seguente:

<script type=”text/javascript” src=”/scripts/iltuoscript.js”></script>

A questo punto inserire il codice JavaScript nel punto in cui vuoi che venga eseguito:

<h3 class=”titlepag”>

<a href=”<?php permalink() ?>” rel=”bookmark”>

<?php titolo(); ?></a></h3>

<div class=”classeScript”>

<script type=”text/javascript”>

 iltuoscript();</script>

</div>

JavaScript nei Post

Se si desidera inserire del codice JavaScript all’interno di un post WordPress, essendo il codice limitato solo all’articolo in questione, non occorre inserirlo all’interno del file header.php.

Inserire lo script all’interno di un file creato ad hoc e poi richiamare questo file dal post:

<script type=”text/javascript” src=”/script/scriptperilpost.js”></script>

<script type=”text/javascript”>

latuafunzione();

</script>

Creare un file con molteplici script

Se utilizzi diversi script puoi raggrupparli all’interno di un unico file. Crea un file chiamandolo, ad esempio, imiescript.js ed inserisci le varie funzioni:

function aggiornaLaPagina() {var m=”Pagina aggiornata “+document.lastMod…….}

function paginaEmail() {mail_str = “mailto:?subject=….}

function chiamataFusoOrario () {var timerID ; function fusoOrario ……}

Inserisci una chiamata allo script all’interno del file template header.php

<script type=”text/javascript” src=”/script/ imiescript.js”></script>

E richiama la funzione nel punto della pagina in cui desideri venga mostrato il relativo output:

<script type=”text/javascript”>

paginaEmail();

</script>