¿Cómo decirle a los navegadores que vuelvan a actualizar los archivos CSS/JS cuando se cambian los archivos en WordPress?

En los encabezados de wordpress, probablemente notará que los activos estáticos de CSS y JS se mencionan así:

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

La cadena de consulta ?ver= se usa para indicar a los navegadores que realicen una actualización forzada de los recursos estáticos cuando la versión principal de wordpress ha cambiado porque es posible que algunos navegadores no puedan ignorar los archivos de caché ya que la URL no ha cambiado.

A veces, quiero cambiar el archivo style.css en el tema secundario, pero el navegador sigue recuperando el archivo en caché ya que la versión de wordpress no ha cambiado. y tengo que ir a CloudFlare para purgar el caché. Una mejor solución es cambiar ?ver= a ?filetime= para que cada vez que se modifique el archivo, la URL cambie.

Puede agregar lo siguiente en la plantilla child-theme functions.php para que esto suceda.

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

Podrías usar el contenido del archivo.