Entfernen Sie Contact Form 7 CSS und JS, wenn sie nicht benötigt werden

Last updated 18. Oktober 2021

Inhalt

So entfernen Sie Kontaktformular 7 JS- und CSS-Dateien

Contact Form 7 ist eines der beliebtesten Plugins in WordPress. Zum Zeitpunkt des Schreibens dieses Artikels haben die Plugins mehr als 5 Millionen aktive Installationen.

Kein Zweifel, dieses Plugin ist in jeder Hinsicht großartig. Es gibt jedoch ein Problem, dem Sie bei der Verwendung begegnen können. Wenn Sie das Plugin aktivieren, werden auf jeder Seite deren JavaScript- und CSS-Dateien geladen.

Als bewährte Vorgehensweise sollten Sie nur JavaScript und CSS laden, die für die aktuellen Seiten erforderlich sind. Das Laden unnötiger Dateien erhöht die Seitengröße und verlangsamt die Seitengeschwindigkeit.

In diesem Artikel zeige ich Ihnen, wie Sie JavaScript- und CSS-Dateien des Contact Form 7-Plugins entfernen, wenn sie nicht benötigt werden. Mit anderen Worten, wir werden sehen, wie Sie JavaScript- und CSS-Dateien von Contact Form 7 nur auf den erforderlichen Seiten laden.

So entfernen Sie Kontaktformular 7 JS- und CSS-Dateien

Als Seiteninhaber wissen Sie natürlich, auf welcher Seite Sie ein Kontaktformular eingebunden haben. Normalerweise verfügt die Site über eine Kontaktseite, auf der wir das Kontaktformular zum Erhalt von Anfragen aufbewahren.

Für den Einstieg werden wir zunächst die JavaScript- und CSS-Dateien von Contact Form 7 von allen Seiten entfernen. Danach is_page()würden wir die Vorlagendatei oder Bedingung verwenden, um sie nur auf der erforderlichen Seite einzufügen.

Es gibt zwei Möglichkeiten, das Laden von JS- und CSS-Dateien auf allen Seiten zu stoppen. Sie können eine davon auswählen.

Fügen Sie die folgenden Konstanten in die wp-config.phpDatei ein.

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

Eine andere Möglichkeit besteht darin, die folgenden Filter zu Ihrer aktiven Themendatei hinzuzufügen functions.php.

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

Wenn Sie jetzt den Quellcode Ihrer Seiten anzeigen, werden keine Dateien angezeigt, die aus dem Contact Form 7-Plugin geladen wurden.

Fügen wir nun die Dateien auf den erforderlichen Seiten ein. Wenn Sie eine Vorlage für Ihre Kontaktseite verwenden, fügen Sie den folgenden Code in Ihre Vorlagendatei vor der get_header().

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

Falls Sie keine Vorlage verwenden, sollten alle Ihre Seiten aus einer page.php. Holen Sie sich einen Slug Ihrer Seite, auf der Sie das Kontaktformular platzieren müssen. Wir werden diese Slug-In- is_page()Methode verwenden und die Dateien wie folgt einschließen.

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

Das ist es! So einfach und unkompliziert ist es. Ich hoffe, Sie verstehen, wie Sie CSS- und JS-Dateien von Contact Form 7-Plugins entfernen, wenn sie nicht benötigt werden. Bitte teilen Sie Ihre Gedanken und Vorschläge in einem Kommentarbereich unten mit.

Zum Thema passende Artikel

Aufnahmequelle: artisansweb.net