Краткое вступление.
Есть сайт на 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);