{"id":244595,"date":"2022-04-03T17:18:00","date_gmt":"2022-04-03T14:18:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=244595"},"modified":"2022-05-16T12:05:29","modified_gmt":"2022-05-16T09:05:29","slug":"il-modo-piu-semplice-per-aggiungere-javascript-al-tuo-sito-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/it\/il-modo-piu-semplice-per-aggiungere-javascript-al-tuo-sito-wordpress\/","title":{"rendered":"Il modo pi\u00f9 semplice per aggiungere Javascript al tuo sito WordPress"},"content":{"rendered":"

Sono felice che tu sia qui.<\/p>\n

Se non sei uno sviluppatore WordPress esperto, aggiungere Javascript al tuo sito pu\u00f2 essere piuttosto intimidatorio. Persino peggio\u2026<\/p>\n

Potresti seriamente rovinare il tuo sito se non stai attento.<\/p>\n

In questo tutorial imparerai il modo pi\u00f9 rapido e sicuro per aggiungere nuovi Javascript al tuo sito WordPress.<\/p>\n

Aggiungi nuovo Javascript a WordPress<\/h2>\n

Normalmente, aggiungeresti un tema figlio<\/a> o un plug-in che caricherebbe quindi un nuovo file Javascript sul tuo sito.<\/p>\n

Tuttavia, questo \u00e8 molto lavoro se hai solo bisogno di aggiungere uno o due frammenti di codice JS. La soluzione pi\u00f9 semplice \u00e8 utilizzare il plugin Simple Custom CSS e JS<\/a>.<\/p>\n

\"Il<\/a><\/p>\n

Installa e attiva questo plugin sul tuo sito e vedrai una nuova voce di menu Custom CSS & JS aggiunta alla tua dashboard. Passa il mouse sopra la nuova voce di menu e fai clic sull’opzione "Aggiungi JS personalizzato" per iniziare ad aggiungere il tuo javascript.<\/p>\n

\"Il<\/a><\/p>\n

Aggiungi il Javascript<\/h3>\n

Nella pagina successiva, vedrai un editor di codice in cui puoi inserire il JS che desideri aggiungere al tuo sito.<\/p>\n

\"Il<\/a><\/p>\n

Anche i commenti nell’editor sono molto utili<\/p>\n

Assegna un titolo al tuo JS in modo che sia facile ricordare il motivo per cui l’hai aggiunto, quindi inserisci il codice nell’editor qui sotto. Assicurati di eliminare prima i commenti poich\u00e9 non \u00e8 necessario che vengano aggiunti al tuo sito.<\/p>\n

Prova Javascript<\/h3>\n

Se vuoi assicurarti che funzioni, puoi aggiungere questo JS al tuo sito:<\/p>\n

jQuery(document).ready(function( $ ){\n    $('.logged-in').on('click', function(){\n        alert('The code is working!'); \n    });\n});<\/code><\/pre>\n
Ecco come apparir\u00e0 nell’editor.<\/p>\n
\"Il<\/a><\/p>\n
Tutto ci\u00f2 che fa questo codice \u00e8 mostrare una casella di avviso quando fai clic in qualsiasi punto del sito, in questo modo:<\/p>\n
\"Il<\/a><\/p>\n
Riguarda solo gli utenti che hanno effettuato l’accesso, quindi non disturber\u00e0 i tuoi visitatori quando lo aggiungi per fare un test.<\/p>\n
Una volta che sei certo che funzioni, puoi sostituire lo snippet di prova con il vero JS che desideri aggiungere al tuo sito.<\/p>\n
Configura le opzioni JS<\/h3>\n
Simple Custom CSS & JS viene fornito con alcune utili opzioni per decidere esattamente come aggiungere Javascript al sito.<\/p>\n
\"Il<\/a><\/p>\n
Innanzitutto, se stai solo aggiungendo un po’ di codice, mantieni il tipo di collegamento come "Interno" che aggiunge semplicemente il codice alla pagina. \u00c8 pi\u00f9 semplice che caricare un altro file e non influir\u00e0 sul tempo di caricamento del tuo sito.<\/p>\n
Successivamente, se stai aggiungendo uno script di analisi, probabilmente diranno se dovresti aggiungerlo all’intestazione o al pi\u00e8 di pagina. In caso contrario, \u00e8 meglio utilizzare il pi\u00e8 di pagina per impostazione predefinita.<\/p>\n
Infine, se si suppone che Javascript influisca sui tuoi visitatori, tieni selezionata l’opzione "In Frontend" per l’impostazione Dove nel sito. L’opzione "In Admin" \u00e8 solo per se si desidera caricare Javascript mentre si visualizzano le pagine nella dashboard di WP e, naturalmente, l’opzione "On Login Page" \u00e8 solo per la pagina di accesso dei membri.<\/p>\n
Conclusione<\/h2>\n
Questo approccio \u00e8 MOLTO pi\u00f9 semplice rispetto alla creazione di un nuovo plugin o di un tema figlio.<\/p>\n
Per non parlare del fatto che Simple Custom CSS & JS \u00e8 un fantastico plugin e probabilmente ne troverai altri usi in futuro. C’\u00e8 anche una versione pro disponibile che \u00e8 capace di alcune personalizzazioni piuttosto impressionanti se hai bisogno di maggiore flessibilit\u00e0.<\/p>\n
Se hai domande o feedback su questo post, lascia un commento qui sotto.<\/p>\n
Fonte di registrazione:  www.competethemes.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"
Non rompere il tuo sito! Segui questo semplice tutorial per imparare il modo pi\u00f9 semplice e sicuro per aggiungere Javascript al tuo sito WordPress.<\/p>\n","protected":false},"author":1,"featured_media":21627,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[571],"tags":[846],"class_list":["post-244595","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-nozioni-di-base-su-wordpress","tag-affiai-it"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts\/244595","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/comments?post=244595"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts\/244595\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/media\/21627"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/media?parent=244595"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/categories?post=244595"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/tags?post=244595"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}