Per questioni di sicurezza, di norma l’utente standard non ha l’autorizzazione a integrare JavaScript in WordPress. Se però volete rendere il vostro sito web più interattivo, gli script sono una soluzione comoda e veloce. In questo articolo vi illustriamo quali opzioni avete a disposizione per lavorare con JavaScript in WordPress.
Registrazione dominio
Più di un semplice nome.
Registra il tuo dominio con IONOS e approfitta di tutte le nostre funzionalità.
E-MailSSL WildcardSupporto 24/7WordPress è uno dei sistemi di gestione dei contenuti che presenta la classica separazione tra contenuti e design. In linea di principio, questa separazione rigida è pratica e sensata: l’utente amministratore si occupa infatti della gestione degli aspetti tecnici e visivi, mentre chi è autore si dedica interamente alla progettazione dei contenuti. Di conseguenza, bloccare JavaScript e altri script in WordPress all’utente normale del back end è di per sé un approccio sensato, innanzitutto perché punta a ridurre al minimo il rischio di codice maligno.
La scelta del giusto sistema di gestione dei contenuti è altrettanto importante quanto quella di un indirizzo web appropriato. Registrando oggi stesso il vostro dominio personalizzato potrete usufruire di vantaggi quali un certificato SSL/TLS gratuito e un blocco del dominio.
Se nella progettazione dei contenuti è prevista l’inclusione di contenuto interattivo, non c’è praticamente modo di aggirare JavaScript: i vari lettori audio e video funzionano solo con uno script apposito. Questo vale anche per molti moduli di provider esterni che vengono utilizzati, ad esempio, per la generazione di lead. L’integrazione di JavaScript in WordPress è però auspicabile anche per chi ha intenzione di includere ulteriori elementi interattivi come chat, sondaggi o quiz nel proprio progetto web.
Esistono diversi modi per consentire a utenti di WordPress l’integrazione di JavaScript o, semplicemente, per integrare il linguaggio nel CMS. Tra le soluzioni migliori e più semplici riportiamo le seguenti:
Siete ancora alla ricerca di un ambiente di hosting per il vostro progetto WordPress? L’hosting WordPress di IONOS vi permette di accedere a un hardware performante e a prova di crash, inclusa memoria veloce SSD, caching e CDN.
Potete disattivare il blocco automatico dei tag script per tutti i ruoli utente e per l’intero progetto WordPress. Tuttavia, vi consigliamo di disabilitare questa funzione di sicurezza solo se gli utenti autorizzati all’accesso hanno effettivamente esperienza nell’utilizzo di script, altrimenti il rischio di codice dannoso come conseguenza di script errati è troppo elevato.
Per disattivare il filtro di tag script, per prima cosa aggiungete la seguente riga nel file di configurazione wp-config.php:
define( 'CUSTOM_TAGS', true );Dopodiché aggiungete al file theme functions.php il seguente codice:
function add_scriptfilter( $string ) {global $allowedtags;$allowedtags['script'] = array( 'src' => array () );return $string;}add_filter( 'pre_kses', 'add_scriptfilter' );A questo punto tutti gli utenti potranno integrare JavaScript in WordPress inserendo i rispettivi tag script nel punto desiderato di una pagina.
Desiderate limitare l’accesso a JavaScript in WordPress solo ad alcuni utenti? In tal caso, è possibile ricorrere all’integrazione manuale dello script tramite header. Questo approccio prevede che il codice venga inserito manualmente in functions.php, così da configurare individualmente i dettagli dell’autorizzazione.
Se volete incorporare uno script nell’header per l’intero sito web (per esempio il codice di uno strumento di tracking), dovete aggiungere quanto segue nel file di configurazione del tema:
function wpb_hook_javascript() {
?>
<script>
// JavaScript-Code
</script>
<?php
}
add_action('wp_head', 'wpb_hook_javascript');Naturalmente potete anche incorporare il codice JavaScript desiderato solo in una singola pagina. A tale scopo, vi occorrerà esclusivamente l’ID della pagina interessata, da specificare con una semplice istruzione if. Per la pagina WordPress con ID “5”, ad esempio, la voce interessata in functions.php avrà il seguente aspetto:
function wpb_hook_javascript() {
if (is_page ('10')) {
?>
<script type="text/javascript">
// JavaScript-Code
</script>
<?php
}
}
add_action('wp_head', 'wpb_hook_javascript');Prima di aggiungere codice JavaScript globale al vostro progetto, ricordatevi di creare un backup di WordPress!
Piuttosto che inserire JavaScript nell’header del sito WordPress, potete scegliere di inserire gli script nel suo footer. A tale proposito, occorre sostituire il parametro “wp_head” con “wp_footer”:
function wpb_hook_javascript() {
?>
<script>
// JavaScript-Code
</script>
<?php
}
add_action('wp_footer', 'wpb_hook_javascript');Anche con questa variante, gli script possono essere integrati in determinate pagine solamente aggiungendo un’istruzione if e specificando l’ID:
function wpb_hook_javascript() {
if (is_page ('10')) {
?>
<script type="text/javascript">
// JavaScript-Code
</script>
<?php
}
}
add_action('wp_footer', 'wpb_hook_javascript');Le estensioni sono una componente fondamentale di WordPress, ma quali sono quelle veramente utili? Nella Digital Guide troverete articoli sulle più svariate categorie di plugin, come ad eempio:
Qualora risulti impossibile o troppo complicato adattare manualmente il file del tema, si può ricorrere ai plugin di WordPress per integrare JavaScript nel progetto. Tra le estensioni più diffuse a questo scopo spicca Scripts n Styles. Per installarla, procedete come segue:
Una volta installato, troverete il plugin JavaScript di WordPress nella sezione “Strumenti” del menu laterale di sinistra. Dal menu dell’estensione si può scegliere di incorporare snippet HTML, CSS o JavaScript nei propri progetti WordPress. Nel caso di JavaScript sono disponibili tre opzioni:
Grazie al codice JavaScript potete aumentare le funzioni interattive all’interno del vostro progetto WordPress. Per consentire a ogni utente di incorporare gli script, potete disabilitare i tag script, oppure servirvi di un plugin. In alternativa, se avete accesso a functions.php avete la possibilità di includere il codice nell’header o nel footer.
Con un tema child WordPress è possibile apportare modifiche al tema principale senza doversi preoccupare che un aggiornamento del tema li sovrascriva. Un tema child WordPress è molto utile soprattutto quando dovete effettuare importanti adattamenti nel CSS o modificare la struttura del layout. In questo articolo vi spieghiamo quali sono le componenti più importanti e come funziona un tema child.
Se desiderate progettare o personalizzare il vostro sito web secondo le vostre idee, potete anche lavorare direttamente nel codice di WordPress. In questo articolo vi spieghiamo quali strumenti potete utilizzare per modificare, adattare e salvare i CSS su WordPress. Grazie alle nostre semplici istruzioni, potrete facilmente apportare le modifiche autonomamente.
Potete migliorare le prestazioni di WordPress con il lazy loading. Utilizzando il caricamento intelligente di immagini o video, migliorate l’esperienza utente e potenzialmente anche il posizionamento nei risultati di ricerca di Google. Con l’aiuto dei plugin per il lazy loading di WordPress, potete configurare facilmente questa funzione.
Nginx è una valida alternativa al classico server Apache perché, come questo, può essere collegato a un Content Management System, ad esempio WordPress. Combinando WordPress con Nginx otterrete un sito web molto efficiente che conquisterà la vostra utenza. Per installare tutti i componenti necessari bastano pochi passaggi. In questo articolo vi spieghiamo come procedere.
Offri ai tuoi clienti servizi professionali e affidabili con l'hosting di IONOS.
Scopri i pacchetti
Dominio omaggio per un anno