Как сообщить браузерам о повторном обновлении файлов CSS/JS при изменении файлов в WordPress?

В заголовках WordPress вы, вероятно, заметили, что статические ресурсы CSS и JS упоминаются следующим образом:

https://justyy.com/wp-content/themes/twentytwelve/style.css?ver=4.4.2

Строка запроса ?ver= используется, чтобы сообщить браузерам о принудительном обновлении статических ресурсов при изменении версии ядра WordPress, поскольку некоторые браузеры не могут игнорировать файлы кеша, поскольку URL-адрес не изменился.

Иногда я хочу изменить style.css в дочерней теме, но браузер по-прежнему загружает кешированный файл, так как версия wordpress не изменилась. и я должен пойти в CloudFlare, чтобы очистить кеш. Лучшее решение — изменить ?ver= на ?filetime=, чтобы при каждом изменении файла URL-адрес менялся.

Вы можете добавить следующее в шаблон functions.php дочерней темы, чтобы это произошло.

function justyy_remove_cssjs_ver( $src) {
  $newsrc = $src;
  if( strpos( $newsrc, '?ver=')) {
    $newsrc = remove_query_arg( 'ver', $newsrc );
  }
  $rootdir = '/var/www'; // the path to your domain on the server
  $url = parse_url($newsrc, PHP_URL_PATH);
  $source = $rootdir .'/'. $url;
  if (is_file($source)) {
    $newsrc .= "?m=".filemtime($source);
    return $newsrc;
  }     
  return $src; // keep unchanged if file is not accessible.
}
add_filter( 'style_loader_src', 'justyy_remove_cssjs_ver', 10, 2 );
add_filter( 'script_loader_src', 'justyy_remove_cssjs_ver', 10, 2 );

Вы можете использовать содержимое файла.