wp_enqueue è una funzione di WordPress che consente agli sviluppatori di mettere in coda script (file JavaScript) e stili (file CSS).
Ciò significa che gli sviluppatori possono indicare a WordPress quali script e stili desiderano utilizzare in una determinata pagina e WordPress li caricherà automaticamente.
Questo aiuta a garantire che le pagine vengano caricate in modo rapido ed efficiente e può anche aiutare a prevenire conflitti tra script e stili diversi.
Grazie alla corretta assegnazione degli script, gli sviluppatori possono creare plugin, temi e siti web efficienti, manutenibili e compatibili.
Quando è necessario inserire JavaScript e CSS in WordPress?
È possibile utilizzare il codice JavaScript e CSS per personalizzare il proprio sito web WordPress e gli sviluppatori utilizzano questi linguaggi per creare plugin e temi WordPress.
- JavaScript viene eseguito sul browser dell’utente e viene utilizzato per aggiungere elementi interattivi al sito web, come cursori, avvisi, pulsanti, popup e altro ancora.
- ICSS (Cascading Style Sheets) sono utilizzati per definire l’aspetto visivo del sito, come la dimensione e il colore dei caratteri, il colore dello sfondo e la larghezza della pagina.
Se siete proprietari di un sito web e desiderate aggiungere JavaScript e CSS a specifici post e pagine, non dovrete utilizzare wp_enqueue. Si consiglia invece di utilizzare il plugin WPCode code snippets, perché è il modo più sicuro per aggiungere codice a un sito WordPress.
Per saperne di più, consultate le nostre guide su come aggiungere facilmente JavaScript e come aggiungere facilmente CSS personalizzati al vostro sito WordPress.
Tuttavia, se siete sviluppatori o state imparando a creare plugin e temi per WordPress, dovrete inserire correttamente i file JavaScript e i fogli di stile CSS nei vostri progetti.
Come funziona il sistema Enqueue di WordPress?
I nuovi sviluppatori possono commettere l’errore di chiamare direttamente script e fogli di stile nei loro plugin e temi. Questo può portare a conflitti e danneggiare le prestazioni di WordPress.
Per evitare questi problemi, WordPress offre un sistema di enqueue. Questo sistema offre agli sviluppatori un modo per caricare script e fogli di stile in modo che tutto funzioni correttamente e senza conflitti.
Ecco come funziona il sistema di enqueue:
- Innanzitutto, è necessario registrare lo script o il foglio di stile utilizzando la funzione
wp_register, in modo che WordPress sappia che esiste e dove trovarlo. - Quindi, si richiede l’enqueue degli script e dei fogli di stile utilizzando la funzione wp_enqueue, che consente a WordPress di sapere che si desidera caricarli.
- Poi, una volta caricata la pagina, WordPress caricherà tutti gli script in attesa nell’ordine corretto per assicurarsi che tutto funzioni correttamente.
Per saperne di più, consultate la nostra guida su come aggiungere correttamente JavaScript e stili in WordPress.
Esempi di codice
Potete usare le funzioni wp_enqueue_script e wp_enqueue_style per dire a WordPress quando caricare un file, dove trovarlo e quali sono le sue dipendenze.
Potreste voler vedere alcuni utili esempi di codice che dimostrano come utilizzare il sistema di enqueue di WordPress.
Ecco alcuni esempi di codice da incollare nei file dei plugin o nel filefunctions.php del tema per caricare correttamente gli script in WordPress:
?php
function wpb_adding_scripts() {
wp_register_script('my_amazing_script', plugins_url('amazing_script.js', __FILE__), array('jquery'),'1.1', true);
wp_enqueue_script('my_amazing_script');
}
add_action( 'wp_enqueue_scripts', 'wpb_adding_scripts' );
?>
Ecco un esempio di come mettere in coda i fogli di stile:
<?php
function wpb_adding_styles() {
wp_register_style('my_stylesheet', plugins_url('my-stylesheet.css', __FILE__));
wp_enqueue_style('my_stylesheet');
}
add_action( 'wp_enqueue_scripts', 'wpb_adding_styles' );
?>
Per una spiegazione completa di questi esempi di codice, consultare la nostra guida su come aggiungere correttamente JavaScript e stili in WordPress.
Speriamo che questo articolo vi abbia aiutato a saperne di più su wp_enqueue in WordPress. Potreste anche consultare il nostro elenco di letture aggiuntive qui sotto per trovare articoli correlati su suggerimenti, trucchi e idee utili per WordPress.
Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.
