Kuinka kertoa selaimille päivittävän CSS/JS-tiedostoja uudelleen, kun tiedostoja muutetaan WordPressissä?

WordPress – otsikoissa luultavasti huomaat, että CSS- ja JS – staattisiin resursseihin viitataan seuraavasti:

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

Kyselymerkkijonoa ?ver= käytetään käskemään selaimia tekemään pakotettu päivitys staattisille resursseille, kun WordPressin ydinversio on muuttunut, koska jotkin selaimet eivät ehkä pysty ohittamaan välimuistitiedostoja, koska URL-osoite ei ole muuttunut.

Joskus haluan muuttaa style.css -tiedostoa lapsiteemassa, mutta selain hakee edelleen välimuistitiedostoa, koska wordpress-versio ei ole muuttunut. ja minun on mentävä CloudFlareen tyhjentämään välimuisti. Parempi ratkaisu on muuttaa ?ver= muotoon ?filetime= niin, että aina kun tiedostoa on muokattu, URL-osoite muuttuu.

Voit lisätä seuraavan lapsiteeman functions.php-malliin tämän tekemiseksi.

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

Voit käyttää tiedostosisältöä.