Ci sono spesso molti motivi diversi per cui si desidera aggiungere JavaScript a WordPress, ad esempio per apportare una piccola modifica a una funzione esistente o per cercare di aggiungere uno script di terze parti. È necessario assicurarsi di non farlo in modo errato, perché se lo si fa, si rischia di distruggere il sito web. Questo vale indipendentemente dal motivo per cui lo si vuole fare.
Esiste un approccio affidabile per incorporare JavaScript in WordPress. Poi ci sono i metodi dannosi, che potrebbero rendere inutilizzabile il vostro sito web o influire negativamente sulle sue prestazioni complessive.
In questo post forniremo vari suggerimenti per l'aggiunta di codice JavaScript ai siti web, oltre a consigli su quali opzioni sono appropriate per scenari specifici che potrebbero presentarsi in futuro.
JavaScript in WordPress
L'estensibilità di WordPress consente di aggiungere nuove funzionalità e capacità al vostro sito web senza dover ricostruire o cambiare l'intero tema. Ciò è reso possibile dal fatto che WordPress può essere facilmente personalizzato. Invece di partire da zero per creare un nuovo tema WordPress, potete aggiungere funzionalità al vostro sito semplicemente installando dei plugin.
È anche possibile aggiungere JavaScript a WordPress senza creare un plugin se la funzionalità che si desidera aggiungere non richiede un plugin e non si desidera crearne o installarne uno. Poiché Javascript non è un plugin, non può essere installato su WordPress.
L'uso di questa strategia presenta un problema, anche se è semplice inserire il codice JavaSript direttamente nel file header.php. Può entrare in conflitto con altri plugin che caricano i loro script JS.
La guida passo-passo all'installazione di JavaScript su WordPress
Il vostro sito WordPress può avere codice JavaScript personalizzato aggiunto in diversi modi, ognuno dei quali ha il suo scopo:
Incorporare uno script in alcune pagine utilizzando plugin come Headers and Footers.
È possibile aggiungere lo script a una singola pagina a scelta, a una pagina specifica o a numerose pagine utilizzando il file functions.php.
Includere un file JavaScript nell'intestazione del tema.
Includere JavaScript nell'intestazione del tema
In alcuni casi, si potrebbe desiderare che il file JavaScript appaia sull'intero sito senza utilizzare un plugin.
L'aggiunta di uno script di terze parti a tutte le pagine può essere fatta inserendo lo script o aggiungendo lo script stesso nella testa del file di modello header.php. Ad esempio, lo script instantpage.js ottimizza il caricamento del sito web. È possibile aggiungere instantpage.js, ad esempio.
Queste modifiche potrebbero andare perse se si aggiorna il tema. Si consiglia vivamente di creare un tema figlio se si desidera comunque ottenere questo risultato, anche se è altamente incoraggiato.
In questo caso particolare, in cui si vuole che questo script sia incluso ovunque, si può aggiungere il file direttamente al modello seguendo i metodi forniti di seguito:
È necessario inserire la chiamata al file (o allo script) nello spazio tra i meta tag e il link al foglio di stile. Per aggiungere JavaScript a una pagina HTML, seguite la stessa procedura che seguite per le altre pagine HTML.
Commenti finali
Un punto fondamentale da ricordare è che il gancio wp head è utile solo sul front-end del sito web. Per questo motivo, qualsiasi JavaScript personalizzato introdotto con questo metodo non sarà visibile nelle parti amministrative o di login del sito. Tuttavia, si può ottenere lo stesso risultato utilizzando il gancio di azione admin head o il gancio di azione login head. Entrambi i ganci si trovano nella sezione dell'intestazione della pagina.
Per altri articoli di questo tipo, consultare Seahawk Media .