Удалите CSS и JS контактной формы 7, когда они не нужны

Последнее обновление Июл 12, 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