{"id":25686,"date":"2021-06-05T15:48:00","date_gmt":"2021-06-05T12:48:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=25686"},"modified":"2021-10-18T03:05:20","modified_gmt":"2021-10-18T00:05:20","slug":"rimuovere-il-modulo-di-contatto-7-css-e-js-quando-non-necessario","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/it\/rimuovere-il-modulo-di-contatto-7-css-e-js-quando-non-necessario\/","title":{"rendered":"Rimuovere il modulo di contatto 7 CSS e JS quando non necessario"},"content":{"rendered":"

Contact Form 7<\/a> \u00e8 uno dei plugin pi\u00f9 popolari in WordPress. Al momento della stesura di questo articolo, i plugin hanno oltre 5 milioni di installazioni attive.<\/p>\n

Senza dubbio questo plugin \u00e8 fantastico sotto ogni aspetto. Ma c’\u00e8 una preoccupazione che potresti incontrare durante l’utilizzo. Quando attivi il plugin, i loro file JavaScript e CSS vengono caricati su ogni pagina.<\/p>\n

Come buona pratica, \u00e8 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\u00e0 della pagina.<\/p>\n

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.<\/p>\n

Come rimuovere i file JS e CSS del modulo di contatto 7<\/h3>\n

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.<\/p>\n

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()<\/code>condizione, lo includeremo solo nella pagina richiesta.<\/p>\n

Esistono 2 modi per interrompere il caricamento di file JS e CSS su tutte le pagine. Puoi sceglierne uno qualsiasi.<\/p>\n

Aggiungi le seguenti costanti nel wp-config.php<\/code>file.<\/p>\n

define( 'WPCF7_LOAD_JS', false );\ndefine( 'WPCF7_LOAD_CSS', false );<\/code><\/pre>\n
Un altro modo \u00e8 aggiungere i filtri seguenti nel functions.php<\/code>file dei temi attivi .<\/p>\n
add_filter( 'wpcf7_load_js', '__return_false' );\nadd_filter( 'wpcf7_load_css', '__return_false' );<\/code><\/pre>\n
Ora, se visualizzi l’origine delle tue pagine, non vedrai alcun file caricato dal plug-in Contact Form 7.<\/p>\n
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()<\/code>.<\/p>\n
<?php\nif (function_exists( 'wpcf7_enqueue_scripts')) {\n\u00a0\u00a0wpcf7_enqueue_scripts();\n}\n\u00a0\u00a0\nif (function_exists( 'wpcf7_enqueue_styles')) {\n\u00a0\u00a0wpcf7_enqueue_styles();\n}\n\u00a0\nget_header();\n...<\/code><\/pre>\n
Nel caso in cui non utilizzi un modello, tutte le tue pagine dovrebbero essere rese da un file page.php<\/code>. Ottieni una lumaca della tua pagina dove devi inserire il modulo di contatto. Useremo questo is_page()<\/code>metodo slug in e includeremo i file come segue.<\/p>\n
pagina.php<\/strong><\/p>\n
<?php\nif(is_page('YOUR_PAGE_SLUG')) { \/\/pass your contact page slug here\n\u00a0\u00a0\u00a0\u00a0if (function_exists( 'wpcf7_enqueue_scripts')) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0wpcf7_enqueue_scripts();\n\u00a0\u00a0\u00a0\u00a0}\n\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0if (function_exists( 'wpcf7_enqueue_styles')) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0wpcf7_enqueue_styles();\n\u00a0\u00a0\u00a0\u00a0}\n}\n\u00a0\nget_header();\n....<\/code><\/pre>\n
Questo \u00e8 tutto! \u00c8 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.<\/p>\n
articoli Correlati<\/h4>\n