Hur berättar man för webbläsare om att uppdatera CSS/JS-filer när filer ändras i WordPress?

I wordpress- rubriker märker du förmodligen att de statiska CSS- och JS -tillgångarna hänvisas till så här:

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

Frågesträngen ?ver= används för att tala om för webbläsare att göra en forcerad uppdatering av de statiska resurserna när wordpress kärnversion har ändrats eftersom vissa webbläsare kanske inte kan ignorera cachefilerna eftersom URL:en inte har ändrats.

Ibland vill jag ändra style.css i barntemat men webbläsaren hämtar fortfarande den cachade filen eftersom wordpress-versionen inte har ändrats. och jag måste gå till CloudFlare för att rensa cachen. En bättre lösning är att ändra ?ver= till ?filetime= så att varje gång filen har ändrats ändras URL:en.

Du kan lägga till följande i mallen för barntema functions.php för att få detta att hända.

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

Du kan använda filinnehåll.