Supprimer le formulaire de contact 7 CSS et JS lorsque cela n’est pas nécessaire
Le formulaire de contact 7 est l’un des plugins les plus populaires de WordPress. Au moment de la rédaction de cet article, les plugins ont plus de 5 millions d’installations actives.
Nul doute que ce plugin est génial dans tous les aspects. Mais il y a une préoccupation que vous pouvez rencontrer lors de son utilisation. Lorsque vous activez le plugin, leurs fichiers JavaScript et CSS sont chargés sur chaque page.
Comme bonne pratique, vous ne devez charger que les JavaScript et CSS requis pour les pages actuelles. Le chargement de fichiers inutiles augmente la taille de la page et ralentit la vitesse de la page.
Dans cet article, je vous montre comment supprimer les fichiers JavaScript et CSS du plugin Contact Form 7 lorsqu’ils ne sont pas nécessaires. En d’autres termes, nous allons voir comment charger les fichiers JavaScript et CSS de Contact Form 7 sur les pages requises uniquement.
Comment supprimer les fichiers JS et CSS du formulaire de contact 7
En tant que propriétaire de site, vous savez évidemment que sur quelle page vous avez inclus un formulaire de contact. Normalement, le site a une page de contact où nous gardons le formulaire de contact pour recevoir des demandes.
Pour commencer, nous allons d’abord supprimer les fichiers JavaScript et CSS du formulaire de contact 7 de toutes les pages. Après cela, en utilisant un fichier modèle ou une is_page()condition, nous l’inclurons uniquement sur la page requise.
Il existe 2 façons d’arrêter le chargement des fichiers JS et CSS sur toutes les pages. Vous pouvez choisir n’importe lequel d’entre eux.
Ajoutez les constantes ci-dessous dans le wp-config.phpfichier.
define( 'WPCF7_LOAD_JS', false );
define( 'WPCF7_LOAD_CSS', false );Une autre façon consiste à ajouter les filtres ci-dessous dans votre functions.phpfichier de thèmes actifs .
add_filter( 'wpcf7_load_js', '__return_false' );
add_filter( 'wpcf7_load_css', '__return_false' );Maintenant, si vous affichez la source de vos pages, vous ne verrez aucun fichier chargé à partir du plugin Contact Form 7.
Incluons maintenant les fichiers sur les pages requises. Si vous utilisez un modèle pour votre page de contact, ajoutez le code ci-dessous dans votre fichier modèle avant le fichier get_header().
<?php
if (function_exists( 'wpcf7_enqueue_scripts')) {
wpcf7_enqueue_scripts();
}
if (function_exists( 'wpcf7_enqueue_styles')) {
wpcf7_enqueue_styles();
}
get_header();
...Si vous n’utilisez pas de modèle, toutes vos pages doivent être rendues à partir d’un fichier page.php. Obtenez un slug de votre page où vous devez placer le formulaire de contact. Nous utiliserons cette is_page()méthode d’ insertion et inclurons les fichiers comme suit.
page.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();
....C’est ça! C’est tellement simple et direct. J’espère que vous comprendrez comment supprimer les fichiers CSS et JS des plugins Contact Form 7 lorsque vous n’en avez pas besoin. Veuillez partager vos pensées et suggestions dans une section de commentaires ci-dessous.
Articles Liés
- Redirection vers la page de remerciement après la soumission du formulaire de contact 7
- Comment enregistrer les soumissions du formulaire de contact 7 dans la base de données WordPress
- Comment ajouter une liste de pays dans le formulaire de contact 7 Plugin