WordPress: la libreria jQuery e i suoi vantaggi

Il framework jQuery ottimizza il vostro sito WordPress e vi permette di uti­liz­za­re varie funzioni ri­co­no­sciu­te da tutti i browser più comuni. Dato che è inclusa su WordPress, la libreria è facile da ag­giun­ge­re.

Cos’è jQuery su WordPress?

Per vi­sua­liz­za­re siti web dinamici in un browser, Ja­va­Script è un lin­guag­gio di scripting molto diffuso e uti­liz­za­to. Un problema comune in passato era che i diversi browser in­ter­pre­ta­va­no i ri­spet­ti­vi script in modo diverso e quindi il contenuto non veniva vi­sua­liz­za­to in modo uniforme. I browser più datati, a volte, non riu­sci­va­no a vi­sua­liz­za­re gli script e mo­stra­va­no invece messaggi di errore. La libreria Ja­va­Script jQuery risolve questa si­tua­zio­ne. Essa ga­ran­ti­sce così il corretto svol­gi­men­to dei processi, so­prat­tut­to su WordPress e in altri popolari sistemi di gestione dei contenuti, in cui è già integrata au­to­ma­ti­ca­men­te.

Perché dovreste usare jQuery sul vostro sito WordPress?

Ci sono diversi motivi per cui dovreste usare jQuery sul vostro sito WordPress. Anche senza molte co­no­scen­ze pre­li­mi­na­ri, consente di creare un sito web ricco di elementi dinamici e in­te­rat­ti­vi, che funziona comunque in tutti i browser più comuni. Gli script possono essere eseguiti di­ret­ta­men­te nel browser tramite jQuery, senza dover ri­ca­ri­ca­re la pagina. Questo a sua volta è positivo per la larghezza di banda di­spo­ni­bi­le. Inoltre, essendo un com­po­nen­te fisso di WordPress, è utile usarlo fin dall’inizio.

Come ag­giun­ge­re jQuery su WordPress

Poiché jQuery è già incluso su WordPress, non è ne­ces­sa­rio in­stal­la­re un plugin ag­giun­ti­vo per uti­liz­za­re la libreria. Tuttavia, è im­por­tan­te stabilire la com­pa­ti­bi­li­tà tra i due. In caso contrario, po­treb­be­ro sorgere problemi a causa della scor­cia­to­ia “$”, uti­liz­za­ta da jQuery, ma non ri­co­no­sciu­ta da WordPress, che quindi non reagisce con un messaggio di errore. Di seguito vi spie­ghia­mo come ag­giun­ge­re jQuery a WordPress ed eliminare questa fonte di errore fin dall’inizio. Prima di iniziare i singoli passaggi, dovreste as­so­lu­ta­men­te creare un backup del sito web con WordPress.

Uti­liz­za­te la modalità No Conflict

Per uti­liz­za­re jQuery su WordPress senza conflitti, uti­liz­za­te la modalità No Conflict. Per farlo, create un semplice script con il seguente contenuto ed ese­gui­te­lo:

$.noConflict ();
jQuery (document) .ready (function () {
jQuery ("button") .click (function () {
jQuery ("p") .text ("jQuery is still working");
}};
}};

Create un nuovo script

Close

Per poter uti­liz­za­re le funzioni di jQuery su WordPress, dovete creare un nuovo script. È possibile scegliere qualsiasi nome, ma il file deve avere l’esten­sio­ne .js. Un esempio potrebbe essere: nuovo_script.js. Nel passaggio suc­ces­si­vo, create una sot­to­car­tel­la nella cartella del vostro tema di WordPress, de­no­mi­nan­do­la come /js. Può anche essere utile creare prima un tema child per WordPress, per as­si­cu­rar­si che qualsiasi modifica non abbia un impatto negativo sul tema in uso.

Create un file functions

Close

Nel terzo passaggio, create un nuovo file chiamato functions.php e lo salvate nella cartella del tema. Tuttavia, ve­ri­fi­ca­te prima che non esista già. functions.php viene uti­liz­za­to per per­so­na­liz­za­re un tema e ag­giun­ge­re funzioni. Per uti­liz­za­re le ca­rat­te­ri­sti­che di jQuery su WordPress, uti­liz­za­te la funzione wp_enqueue-script(). Lo script cor­ri­spon­den­te si presenta come segue:

Function tema_esempio_scripts () {
wp_enqueue_script ( ( 'nuovo-script', get_template_directory_uri () .
' /js/nuovo-script.js', array ( 'jquery' ), '1.0.0', true );
}
Add_action ( 'wp_enqueue_scripts', 'tema_esempio_scripts' );

Con­clu­sio­ne: jQuery su WordPress è utile

Poiché jQuery è incluso su WordPress, è facile che si ricorra a questa libreria. Anche al di là di questo, ci sono buone ragioni per dedicare del tempo a un tutorial su jQuery. Infatti, il framework facilita il lavoro e offre molte ca­rat­te­ri­sti­che e funzioni utili che ren­de­ran­no la vostra presenza sul web molto più ac­cat­ti­van­te.