wp_enqueue è una funzione di WordPress che consente agli sviluppatori di accodare 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 tue pagine vengano caricate in modo rapido ed efficiente, e può anche aiutare a prevenire conflitti tra diversi script e stili.
Accodando correttamente gli script, gli sviluppatori possono creare plugin, temi e siti web efficienti, manutenibili e compatibili.
Quando dovresti accodare JavaScript e CSS in WordPress?
Puoi utilizzare codice JavaScript e CSS per personalizzare il tuo sito web WordPress, e gli sviluppatori utilizzano questi linguaggi quando creano plugin e temi per WordPress.
- JavaScript viene eseguito nel browser dell'utente e viene utilizzato per aggiungere elementi interattivi al tuo sito web, come slider, avvisi, pulsanti, popup e altro ancora.
- CSS (Cascading Style Sheets) viene utilizzato per definire l'aspetto visivo del tuo sito, come la dimensione e il colore dei font, il colore di sfondo e la larghezza della pagina.
Se sei il proprietario di un sito web e desideri aggiungere JavaScript e CSS a post e pagine specifici, allora non avrai bisogno di utilizzare wp_enqueue. Invece, ti consigliamo di utilizzare il plugin per snippet di codice WPCode perché è il modo più sicuro per aggiungere codice a un sito web WordPress.
Puoi saperne di più nelle nostre guide su come aggiungere facilmente JavaScript e come aggiungere facilmente CSS personalizzato al tuo sito WordPress.
Tuttavia, se sei uno sviluppatore o stai imparando a creare plugin e temi per WordPress, dovrai accodare correttamente i file JavaScript e i fogli di stile CSS ai tuoi progetti.
Come funziona il sistema di accodamento 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 fornisce un sistema di accodamento. Questo 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 accodamento:
- Innanzitutto, devi registrare lo script o il foglio di stile utilizzando la funzione
wp_registerin modo che WordPress sappia che esiste e dove trovarlo. - Quindi, accoda gli script e i fogli di stile utilizzando la funzione wp_enqueue, e questo fa sapere a WordPress che desideri caricarli.
- Quindi, una volta caricata la pagina, WordPress caricherà tutti gli script accodati nell'ordine corretto per assicurarsi che tutto funzioni correttamente.
Puoi saperne di più nella nostra guida su come aggiungere correttamente JavaScript e stili in WordPress.
Esempi di codice
Puoi 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.
Potresti voler vedere alcuni utili esempi di codice che dimostrano come utilizzare il sistema di enqueue di WordPress.
Ecco alcuni esempi di codice che puoi incollare nei file del tuo plugin o nel file functions.php del tuo 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' );
?>
Ed ecco un esempio di come mettere in coda i tuoi 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 spiegazioni complete di questi esempi di codice, consulta la nostra guida su come aggiungere correttamente JavaScript e stili in WordPress.
Speriamo che questo articolo ti abbia aiutato a saperne di più su wp_enqueue in WordPress. Potresti anche voler consultare il nostro elenco di Letture aggiuntive qui sotto per articoli correlati su utili suggerimenti, trucchi e idee per WordPress.
Se ti è piaciuto questo articolo, iscriviti al nostro canale YouTube per tutorial video su WordPress. Puoi anche trovarci su Twitter e Facebook.
