Usuń formularz kontaktowy 7 CSS i JS, gdy nie są potrzebne

Ostatnia aktualizacja paź 18, 2021

Zadowolony

Jak usunąć pliki JS i CSS formularza kontaktowego 7?

Contact Form 7 to jedna z najpopularniejszych wtyczek w WordPressie. W chwili pisania tego artykułu wtyczki mają ponad 5 milionów aktywnych instalacji.

Bez wątpienia ta wtyczka jest świetna pod każdym względem. Ale jest jeden problem, z którym możesz się zmierzyć podczas korzystania z niego. Po aktywacji wtyczki ich pliki JavaScript i CSS są ładowane na każdej stronie.

Dobrą praktyką jest ładowanie tylko tych JavaScript i CSS, które są wymagane dla bieżących stron. Ładowanie niepotrzebnych plików zwiększa rozmiar strony i spowalnia jej szybkość.

W tym artykule pokażę, jak usunąć pliki JavaScript i CSS wtyczki Contact Form 7, gdy nie są potrzebne. Innymi słowy, zobaczymy, jak załadować pliki JavaScript i CSS Formularza Kontaktowego 7 tylko na wymaganych stronach.

Jak usunąć pliki JS i CSS formularza kontaktowego 7?

Jako właściciel witryny oczywiście wiesz, na której stronie umieściłeś formularz kontaktowy. Zwykle witryna zawiera stronę kontaktową, na której przechowujemy formularz kontaktowy do otrzymywania Zapytań.

Aby rozpocząć, najpierw usuniemy pliki JavaScript i CSS Formularza kontaktowego 7 ze wszystkich stron. Następnie, korzystając z pliku szablonu lub is_page()warunku, zamieścilibyśmy go tylko na wymaganej stronie.

Istnieją 2 sposoby na zatrzymanie ładowania plików JS i CSS na wszystkich stronach. Możesz wybrać dowolny z nich.

Dodaj poniższe stałe w wp-config.phppliku.

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

Innym sposobem jest dodanie poniższych filtrów do aktywnego functions.phppliku motywów .

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

Teraz, jeśli przeglądasz źródło swoich stron, nie zobaczysz żadnych plików załadowanych z wtyczki Contact Form 7.

Dodajmy teraz pliki na wymaganych stronach. Jeśli używasz szablonu dla swojej strony kontaktowej, dodaj poniższy kod w pliku szablonu przed get_header().

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

Jeśli nie używasz szablonu, wszystkie Twoje strony powinny być renderowane z pliku page.php. Uzyskaj informację o swojej stronie, na której musisz umieścić formularz kontaktowy. Użyjemy tego sluga w is_page()metodzie i dołączymy pliki w następujący sposób.

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

Otóż to! To tyle proste i jednoznaczne. Mam nadzieję, że rozumiesz, jak usunąć wtyczki Contact Form 7 CSS i JS, gdy nie są potrzebne. Podziel się swoimi przemyśleniami i sugestiami w sekcji komentarzy poniżej.

Powiązane artykuły

Źródło nagrywania: artisansweb.net