Como dizer aos navegadores que atualizam arquivos CSS/JS quando os arquivos são alterados no WordPress?

Nos cabeçalhos do wordpress, você provavelmente notará que os ativos estáticos CSS e JS são referenciados assim:

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

A string de consulta ?ver= é usada para instruir os navegadores a fazer uma atualização forçada nos recursos estáticos quando a versão principal do wordpress for alterada porque alguns navegadores podem não conseguir ignorar os arquivos de cache, pois a URL não foi alterada.

Às vezes, quero alterar o style.css no tema filho, mas o navegador ainda está buscando o arquivo em cache, pois a versão do wordpress não foi alterada. e eu tenho que ir para CloudFlare para limpar o cache. Uma solução melhor é mudar ?ver= para ?filetime= para que toda vez que o arquivo for modificado, a URL mude.

Você pode adicionar o seguinte ao template child-theme functions.php para que isso aconteça.

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

Você pode usar o conteúdo do arquivo.