{"id":25315,"date":"2021-06-05T15:23:00","date_gmt":"2021-06-05T12:23:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=25315"},"modified":"2021-10-18T02:33:59","modified_gmt":"2021-10-17T23:33:59","slug":"entfernen-sie-contact-form-7-css-und-js-wenn-sie-nicht-benotigt-werden","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/de\/entfernen-sie-contact-form-7-css-und-js-wenn-sie-nicht-benotigt-werden\/","title":{"rendered":"Entfernen Sie Contact Form 7 CSS und JS, wenn sie nicht ben\u00f6tigt werden"},"content":{"rendered":"

Contact Form 7<\/a> ist eines der beliebtesten Plugins in WordPress. Zum Zeitpunkt des Schreibens dieses Artikels haben die Plugins mehr als 5 Millionen aktive Installationen.<\/p>\n

Kein Zweifel, dieses Plugin ist in jeder Hinsicht gro\u00dfartig. Es gibt jedoch ein Problem, dem Sie bei der Verwendung begegnen k\u00f6nnen. Wenn Sie das Plugin aktivieren, werden auf jeder Seite deren JavaScript- und CSS-Dateien geladen.<\/p>\n

Als bew\u00e4hrte Vorgehensweise sollten Sie nur JavaScript und CSS laden, die f\u00fcr die aktuellen Seiten erforderlich sind. Das Laden unn\u00f6tiger Dateien erh\u00f6ht die Seitengr\u00f6\u00dfe und verlangsamt die Seitengeschwindigkeit.<\/p>\n

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

So entfernen Sie Kontaktformular 7 JS- und CSS-Dateien<\/h3>\n

Als Seiteninhaber wissen Sie nat\u00fcrlich, auf welcher Seite Sie ein Kontaktformular eingebunden haben. Normalerweise verf\u00fcgt die Site \u00fcber eine Kontaktseite, auf der wir das Kontaktformular zum Erhalt von Anfragen aufbewahren.<\/p>\n

F\u00fcr den Einstieg werden wir zun\u00e4chst die JavaScript- und CSS-Dateien von Contact Form 7 von allen Seiten entfernen. Danach is_page()<\/code>w\u00fcrden wir die Vorlagendatei oder Bedingung verwenden, um sie nur auf der erforderlichen Seite einzuf\u00fcgen.<\/p>\n

Es gibt zwei M\u00f6glichkeiten, das Laden von JS- und CSS-Dateien auf allen Seiten zu stoppen. Sie k\u00f6nnen eine davon ausw\u00e4hlen.<\/p>\n

F\u00fcgen Sie die folgenden Konstanten in die wp-config.php<\/code>Datei ein.<\/p>\n

define( 'WPCF7_LOAD_JS', false );\ndefine( 'WPCF7_LOAD_CSS', false );<\/code><\/pre>\n
Eine andere M\u00f6glichkeit besteht darin, die folgenden Filter zu Ihrer aktiven Themendatei hinzuzuf\u00fcgen functions.php<\/code>.<\/p>\n
add_filter( 'wpcf7_load_js', '__return_false' );\nadd_filter( 'wpcf7_load_css', '__return_false' );<\/code><\/pre>\n
Wenn Sie jetzt den Quellcode Ihrer Seiten anzeigen, werden keine Dateien angezeigt, die aus dem Contact Form 7-Plugin geladen wurden.<\/p>\n
F\u00fcgen wir nun die Dateien auf den erforderlichen Seiten ein. Wenn Sie eine Vorlage f\u00fcr Ihre Kontaktseite verwenden, f\u00fcgen Sie den folgenden Code in Ihre Vorlagendatei vor der 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
Falls Sie keine Vorlage verwenden, sollten alle Ihre Seiten aus einer page.php<\/code>. Holen Sie sich einen Slug Ihrer Seite, auf der Sie das Kontaktformular platzieren m\u00fcssen. Wir werden diese Slug-In- is_page()<\/code>Methode verwenden und die Dateien wie folgt einschlie\u00dfen.<\/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
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\u00f6tigt werden. Bitte teilen Sie Ihre Gedanken und Vorschl\u00e4ge in einem Kommentarbereich unten mit.<\/p>\n
Zum Thema passende Artikel<\/h4>\n