Ta bort kontaktformulär 7 CSS och JS när det inte behövs

Senaste uppdateringen okt 17, 2021

Innehåll

Hur man tar bort kontaktformulär 7 JS- och CSS-filer

Kontaktformulär 7 är ett av de mest populära pluginsna i WordPress. När denna artikel skrivs har plugins 5+ miljoner aktiva installationer.

Utan tvekan är detta plugin bra i alla aspekter. Men det finns en oro du kan möta när du använder den. När du aktiverar plugin-programmet laddas deras JavaScript- och CSS-filer på varje sida.

Som en bra praxis måste du bara ladda JavaScript och CSS som krävs för de aktuella sidorna. Att ladda onödiga filer ökar sidstorleken och saktar ner sidhastigheten.

I den här artikeln visar jag dig hur du tar bort JavaScript och CSS-filer från plugin-formuläret Contact Form 7 när det inte behövs. Med andra ord kommer vi att se hur man laddar JavaScript och CSS-filer i kontaktformulär 7 endast på de önskade sidorna.

Hur man tar bort kontaktformulär 7 JS- och CSS-filer

Som webbplatsägare vet du självklart att på vilken sida du har inkluderat ett kontaktformulär. Normalt har webbplatsen en kontaktsida där vi behåller kontaktformuläret för att ta emot förfrågningar.

För att komma igång tar vi först bort kontaktformulär 7 JavaScript och CSS-filer från alla sidor. Efter det använder is_page()vi mallfilen eller villkoret den bara på önskad sida.

Det finns två sätt att sluta ladda JS- och CSS-filer på alla sidor. Du kan välja vilken som helst av dem.

Lägg till nedanstående konstanter i wp-config.phpfilen.

define( 'WPCF7_LOAD_JS', false );
define( 'WPCF7_LOAD_CSS', false );

Ett annat sätt är att lägga till nedanstående filter i din aktiva temafil functions.php.

add_filter( 'wpcf7_load_js', '__return_false' );
add_filter( 'wpcf7_load_css', '__return_false' );

Nu om du visar källan till dina sidor kommer du inte att se några filer laddade från Plugin för kontaktformulär 7.

Låt oss nu inkludera filerna på de önskade sidorna. Om du använder en mall för din kontaktsida, lägg till nedanstående kod i din mallfil före get_header().

<?php
if (function_exists( 'wpcf7_enqueue_scripts')) {
  wpcf7_enqueue_scripts();
}
  
if (function_exists( 'wpcf7_enqueue_styles')) {
  wpcf7_enqueue_styles();
}
 
get_header();
...

Om du inte använder en mall ska alla dina sidor återges från en page.php. Få en del av din sida där du behöver placera kontaktformuläret. Vi kommer att använda den här is_page()metoden och inkludera filerna enligt följande.

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();
....

Det är allt! Det är så mycket enkelt och rakt framåt. Jag hoppas att du förstår hur du tar bort CSS- och JS-filer för kontaktformulär 7 när det inte behövs. Dela dina tankar och förslag i en kommentarsektion nedan.

relaterade artiklar

Inspelningskälla: artisansweb.net