{"id":25368,"date":"2021-06-05T15:10:00","date_gmt":"2021-06-05T12:10:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=25368"},"modified":"2021-10-18T02:08:43","modified_gmt":"2021-10-17T23:08:43","slug":"supprimer-le-formulaire-de-contact-7-css-et-js-lorsque-cela-n-est-pas-necessaire","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fr\/supprimer-le-formulaire-de-contact-7-css-et-js-lorsque-cela-n-est-pas-necessaire\/","title":{"rendered":"Supprimer le formulaire de contact 7 CSS et JS lorsque cela n’est pas n\u00e9cessaire"},"content":{"rendered":"

Le formulaire de contact 7<\/a> est l’un des plugins les plus populaires de WordPress. Au moment de la r\u00e9daction de cet article, les plugins ont plus de 5 millions d’installations actives.<\/p>\n

Nul doute que ce plugin est g\u00e9nial dans tous les aspects. Mais il y a une pr\u00e9occupation que vous pouvez rencontrer lors de son utilisation. Lorsque vous activez le plugin, leurs fichiers JavaScript et CSS sont charg\u00e9s sur chaque page.<\/p>\n

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

Dans cet article, je vous montre comment supprimer les fichiers JavaScript et CSS du plugin Contact Form 7 lorsqu’ils ne sont pas n\u00e9cessaires. En d’autres termes, nous allons voir comment charger les fichiers JavaScript et CSS de Contact Form 7 sur les pages requises uniquement.<\/p>\n

Comment supprimer les fichiers JS et CSS du formulaire de contact 7<\/h3>\n

En tant que propri\u00e9taire de site, vous savez \u00e9videmment que sur quelle page vous avez inclus un formulaire de contact. Normalement, le site a une page de contact o\u00f9 nous gardons le formulaire de contact pour recevoir des demandes.<\/p>\n

Pour commencer, nous allons d’abord supprimer les fichiers JavaScript et CSS du formulaire de contact 7 de toutes les pages. Apr\u00e8s cela, en utilisant un fichier mod\u00e8le ou une is_page()<\/code>condition, nous l’inclurons uniquement sur la page requise.<\/p>\n

Il existe 2 fa\u00e7ons d’arr\u00eater le chargement des fichiers JS et CSS sur toutes les pages. Vous pouvez choisir n’importe lequel d’entre eux.<\/p>\n

Ajoutez les constantes ci-dessous dans le wp-config.php<\/code>fichier.<\/p>\n

define( 'WPCF7_LOAD_JS', false );\ndefine( 'WPCF7_LOAD_CSS', false );<\/code><\/pre>\n
Une autre fa\u00e7on consiste \u00e0 ajouter les filtres ci-dessous dans votre functions.php<\/code>fichier de th\u00e8mes actifs .<\/p>\n
add_filter( 'wpcf7_load_js', '__return_false' );\nadd_filter( 'wpcf7_load_css', '__return_false' );<\/code><\/pre>\n
Maintenant, si vous affichez la source de vos pages, vous ne verrez aucun fichier charg\u00e9 \u00e0 partir du plugin Contact Form 7.<\/p>\n
Incluons maintenant les fichiers sur les pages requises. Si vous utilisez un mod\u00e8le pour votre page de contact, ajoutez le code ci-dessous dans votre fichier mod\u00e8le avant le fichier 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
Si vous n’utilisez pas de mod\u00e8le, toutes vos pages doivent \u00eatre rendues \u00e0 partir d’un fichier page.php<\/code>. Obtenez un slug de votre page o\u00f9 vous devez placer le formulaire de contact. Nous utiliserons cette is_page()<\/code>m\u00e9thode d’ insertion et inclurons les fichiers comme suit.<\/p>\n
page.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
C’est \u00e7a! C’est tellement simple et direct. J’esp\u00e8re 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\u00e9es et suggestions dans une section de commentaires ci-dessous.<\/p>\n
Articles Li\u00e9s<\/h4>\n