Rimuovere il modulo di contatto 7 CSS e JS quando non necessario
Contact Form 7 è uno dei plugin più popolari in WordPress. Al momento della stesura di questo articolo, i plugin hanno oltre 5 milioni di installazioni attive.
Senza dubbio questo plugin è fantastico sotto ogni aspetto. Ma c’è una preoccupazione che potresti incontrare durante l’utilizzo. Quando attivi il plugin, i loro file JavaScript e CSS vengono caricati su ogni pagina.
Come buona pratica, è necessario caricare solo JavaScript e CSS necessari per le pagine correnti. Il caricamento di file non necessari aumenta le dimensioni della pagina e rallenta la velocità della pagina.
In questo articolo, ti mostro come rimuovere i file JavaScript e CSS del plugin Contact Form 7 quando non sono necessari. In altre parole, vedremo come caricare i file JavaScript e CSS di Contact Form 7 solo sulle pagine richieste.
Come rimuovere i file JS e CSS del modulo di contatto 7
Come proprietario di un sito, ovviamente sai in quale pagina hai incluso un modulo di contatto. Normalmente il sito ha una pagina contatti dove conserviamo il modulo di contatto per ricevere Richieste.
Per iniziare, rimuoveremo prima i file JavaScript e CSS del Contact Form 7 da tutte le pagine. Successivamente, utilizzando il file modello o la is_page()condizione, lo includeremo solo nella pagina richiesta.
Esistono 2 modi per interrompere il caricamento di file JS e CSS su tutte le pagine. Puoi sceglierne uno qualsiasi.
Aggiungi le seguenti costanti nel wp-config.phpfile.
define( 'WPCF7_LOAD_JS', false );
define( 'WPCF7_LOAD_CSS', false );Un altro modo è aggiungere i filtri seguenti nel functions.phpfile dei temi attivi .
add_filter( 'wpcf7_load_js', '__return_false' );
add_filter( 'wpcf7_load_css', '__return_false' );Ora, se visualizzi l’origine delle tue pagine, non vedrai alcun file caricato dal plug-in Contact Form 7.
Ora includiamo i file nelle pagine richieste. Se stai utilizzando un modello per la tua pagina dei contatti, aggiungi il codice seguente nel file del modello prima del get_header().
<?php
if (function_exists( 'wpcf7_enqueue_scripts')) {
wpcf7_enqueue_scripts();
}
if (function_exists( 'wpcf7_enqueue_styles')) {
wpcf7_enqueue_styles();
}
get_header();
...Nel caso in cui non utilizzi un modello, tutte le tue pagine dovrebbero essere rese da un file page.php. Ottieni una lumaca della tua pagina dove devi inserire il modulo di contatto. Useremo questo is_page()metodo slug in e includeremo i file come segue.
pagina.php
<?php
if(is_page('YOUR_PAGE_SLUG')) { //pass your contact page slug here
if (function_exists( 'wpcf7_enqueue_scripts')) {
wpcf7_enqueue_scripts();
}
if (function_exists( 'wpcf7_enqueue_styles')) {
wpcf7_enqueue_styles();
}
}
get_header();
....Questo è tutto! È molto semplice e diretto. Spero che tu capisca come rimuovere i file CSS e JS dei plug-in Contact Form 7 quando non sono necessari. Si prega di condividere i tuoi pensieri e suggerimenti in una sezione commenti qui sotto.
articoli Correlati
- Reindirizza alla pagina di ringraziamento dopo l’invio del modulo di contatto 7
- Come salvare gli invii del modulo di contatto 7 nel database di WordPress
- Come aggiungere l’elenco dei paesi nel modulo di contatto 7 Plugin