ウェブサイトの変更がキャッシングされており、クライアントの更新がありません

Question

ライブウェブサイトに変更を加えました（私は知っていますが、ベストプラクティスではありませんが、私は言いました）。 CSS（実際にはSASS）を変更するたびに、変更を確認するためにCTRL F5を押す必要があります。これは私にとっては問題ではありませんが、ユーザーは壊れたウェブサイトに不平を言うようになり始めており、その多くはキャッシュをクリアする方法やCTRL F5を使用する方法を知らないことがあります。

次のコードを追加しようとしましたが、機能しません。

<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" /> 
    <meta http-equiv="Pragma" content="no-cache" /> 
    <meta http-equiv="Expires" content="0" /> 

私はまた、このスクリプトを追加しようとしている：

 <script type="text/javascript"> 
     $(document).ready(function(){ 
      $('img').each(function(){ 
       var date = new Date; 
       // add the current unix timestamp in microseconds to the the image src as a query string 
       this.src = this.src + '?' + date.getTime(); 
      }); 
     }); 
    </script> 

私はJavascriptけれども知らないので、私はそれを適切に使用する方法がわかりません。私は答えを探し、他の人はこれらのことが彼らのために働いていると言ってきましたが、彼らは単に私のために働いていません。私はデザイナーでフロントエンドの開発者なので、PHPとJavascriptは私を少し超えています。

最後に、バージョンタグ - ？v = x.xの使用についても読んだことがありますが、私の問題は他の開発者によってコード化されていることで、どのようにSASSを使ってスタイルシートにリンクしているかわかりません。

お手数をおかけしますようお願い申し上げます。

ありがとうございます！

Answer 1

PHPでランダムなコードをGETという変数に追加して、外部CSSファイルを呼び出します。このような 何か：

<script src="yourfileUpdated.css?<?php echo rand() ?> rel="stylesheet" type="text/css" /> 

Answer 2

理想的には、ファイルのfilemtime()（それが最後に変更された時間）を確認し、それが変更されたファイルです示すためにversioningと呼ばれる技術を使用するためにPHPを使用し、にないと思いますキャッシュからロードします。

---

結果のHTMLは次のようになります：

<link href="/your/css/file.css?ver=<?php echo filemtime('/your/css/file.css'); ?>" rel="stylesheet" type="text/css"/> 

Answer 3

スタイルはwp_enqueue_style機能が追加されます。テーマを検索すると、おそらくfunctions.phpにあります。

その後、このように使用：

wp_enqueue_style('main-styles', get_template_directory_uri() . '/css/style.css', array(), filemtime(get_template_directory() . '/css/style.css'), false); 

よりここhttps://wordimpress.com/wordpress-css-and-js-cache-busting/をお読みください。