Добавляем в исходный код время изменения файлов css и js для сайтов на CMS WordPress

19.10.2019
TemplateMonster - лучшая коллекция шаблонов для CMS WordPress

Краткое вступление.

Есть сайт на WordPress, сайт живой, посещаемый и вполне рабочий. Нужно внести какие-то изменения в стили и в скрипты. Все изменения произведены, но заказчик говорит, что не видит никаких изменений, вы ему в 100500-ый раз говорите: “нажми, друг мой, CTRL + F5” – он зажимает две клавиши и становится добрее. Но тут же задает вопрос: “а как же остальные посетители сайта?”, и, действительно, они же не знают, что нужно очистить кеш…

Решение простое – добавляем к файлам, которые чаще всего меняются (это не нужно для библиотек, которые не изменяются), параметры даты изменения. То есть, вместо css/style.css будет css/style.css?ver=1571420618, и при каждом изменении файла style.css, у него будет меняться версия, в которой просто пишется дата изменения 1571420618. Для браузера это будут совершенно новые файлы, которые нужно брать с сайта, а не с кеша. И теперь все пользователи сайта будут получать актуальные стили и скрипты.

Как правильно подключать стили можно узнать в этой статье Подключаем правильно файлы стилей css в шаблоне WordPress.

Вариант 1 – как добавить к файлу стилей время изменения:

wp_enqueue_style('main-style', get_template_directory_uri() . '/css/style.css', array(), filemtime( get_stylesheet_directory() . '/css/style.css' ));

Вариант 2 – как добавить к файлу стилей время изменения:

wp_enqueue_style('main-style', get_template_directory_uri() . '/css/style.css', array(), filemtime( get_theme_file_path('css/style.css') ));

Рабочая версия подключения файла стилей с указанием времени изменения файла css:

function crea_load_styles()
{
  // здесь подключается еще много других стилей
  wp_enqueue_style('main-style', get_template_directory_uri() . '/css/style.css', array(), filemtime( get_theme_file_path('css/style.css') ));
}
add_action('wp_enqueue_scripts', 'crea_load_styles', 11);

Как правильно подключать скрипты можно узнать в этой статье Подключаем правильно скрипты js в шаблоне WordPress

Вариант 1 – как добавить к файлу скриптов время изменения:

wp_enqueue_script('script-js', get_template_directory_uri() . '/js/script.js', array(), filemtime( get_theme_file_path('/js/script.js') ), true);

Вариант 2 – как добавить к файлу скриптов время изменения:

wp_enqueue_script('script-js', get_template_directory_uri() . '/js/script.js', array(), filemtime( get_stylesheet_directory() . '/js/script.js' ), true);

Рабочая версия подключения файла скриптов с указанием времени изменения файла javascript:

function crea_load_scripts()
{
  // здесь подключается еще много других скриптов
  wp_enqueue_script('script-js', get_template_directory_uri() . '/js/script.js', array(), filemtime( get_theme_file_path('/js/script.js') ), true);
}
add_action('wp_enqueue_scripts', 'crea_load_scripts', 11);
TemplateMonster - лучшая коллекция шаблонов для CMS WordPress

Полезная инфа:

Оставить комментарий