Видаліть контактну форму 7 CSS та JS, коли це не потрібно

Останнє оновлення Жов 17, 2021

Зміст

Як видалити файли JS та CSS з контактної форми 7

Contact Form 7 – один з найпопулярніших плагінів у WordPress. На момент написання цієї статті плагіни мали понад 5 мільйонів активних установок.

Без сумніву, цей плагін чудовий у всіх аспектах. Але є одна проблема, з якою ви можете зіткнутися під час його використання. Коли ви активуєте плагін, їх файли JavaScript та CSS завантажуються на кожну сторінку.

Як хороша практика, ви повинні завантажувати лише ті JavaScript та CSS, які потрібні для поточних сторінок. Завантаження непотрібних файлів збільшує розмір сторінки та сповільнює швидкість сторінки.

У цій статті я покажу вам, як видалити файли JavaScript та CSS з плагіна Contact Form 7, коли це не потрібно. Іншими словами, ми побачимо, як завантажувати файли JavaScript та CSS з контактної форми 7 лише на потрібні сторінки.

Як видалити файли JS та CSS з контактної форми 7

Як власник сайту, ви, очевидно, знаєте, на якій сторінці ви включили контактну форму. Зазвичай на сайті є сторінка контактів, де ми зберігаємо контактну форму для отримання запитів.

Для початку ми спочатку видалимо з усіх сторінок файли JavaScript та CSS з контактною формою 7. Після цього, використовуючи файл шаблону або is_page()умову, ми включимо його лише на потрібну сторінку.

Існує 2 способи зупинити завантаження файлів JS та CSS на всіх сторінках. Ви можете вибрати будь-який з них.

Додайте наведені нижче константи у wp-config.phpфайл.

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

Інший спосіб – додати фільтри нижче у файл активних тем functions.php.

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

Тепер, якщо ви переглядаєте джерело своїх сторінок, ви не побачите жодних файлів, завантажених із плагіна Contact Form 7.

Давайте тепер включимо файли на потрібні сторінки. Якщо ви використовуєте шаблон для вашої контактної сторінки, додайте код нижче у файл шаблону перед get_header().

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

Якщо ви не використовуєте шаблон, тоді всі ваші сторінки повинні бути відтворені з page.php. Отримайте шматок вашої сторінки, де вам потрібно розмістити контактну форму. Ми використовуватимемо цей кулінарний is_page()метод і включатимемо файли наступним чином.

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

Це воно! Це настільки просто і прямо. Сподіваюся, ви розумієте, як видалити файли CSS та JS плагінів Contact Form 7, коли це не потрібно. Будь ласка, поділіться своїми думками та пропозиціями у розділі коментарів нижче.

Пов’язані статті

Джерело запису: artisansweb.net