CSSを変更してもブラウザーで更新されない

私は私のwordpressサイトのCSSに取り組んでいます。変更を加えてページを更新すると、変更は反映されません。ブラウザの履歴をクリアしてキャッシュしても、変更は引き続き反映されます。ページのソースコードを表示して、CSSファイルを見ると、変更前の古いコンテンツが含まれています。開発できるように更新するにはどうすればよいですか？

添付するcssファイルの末尾にランダムバージョン番号を追加します。' wp_enqueue_style 'またはwp_register_style関数を使用している場合、ランダムな（バージョン）番号rand(111,9999)を4番目のパラメーターに渡します。cssをhtmlタグとして添付する場合?ver=<?php echo rand(111,999)?>、ファイル名の最後に「」を追加する必要があります。例はこちら

wp_register_style( 'custom-style', get_template_directory_uri() . '/css/custom-style.css', array(), rand(111,9999), 'all' );

または

<link rel="stylesheet" type="text/css" href="http://website.com/css/custom-style.css?ver=<?php echo rand(111,999)?>">

クライアントエンドキャッシングとおそらくサーバーキャッシングのキャッシングも回避します。

この投稿が1年以上前のものであることは知っていますが、CloudFlareはcss、js、imagesなどの静的ファイルをキャッシュして、読み込み時間を短縮できると考えました。CSSの変更がリロードに反映されないという問題があったため、把握するのに何時間もかかった。CloudFlareには、3時間有効にできる開発モ​​ードがあります。変更を開始する前に有効にするのを忘れた場合は、cloudflare管理からキャッシュを削除できます。

ホストがVarnishなどを使用してサイトの出力をキャッシュしている可能性があります。カットレート共有ホスティングアカウントでホストされているクライアントのサイトでこれに遭遇しました。私が見つけた唯一の治療法は、ただ我慢することです。

子テーマを使用している場合、変更をすぐに見るために子テーマのスタイルシートをキューに登録する必要がある可能性があります。これで問題が解決しました。

ただ指摘したい- あなたがインストールしたキャッシュプラグインに注意してください。たとえば、WP Fastest Cacheは、WPダッシュボードにログインし、ナビゲーションメニューで[キャッシュのクリア->キャッシュと縮小されたCSS / JSの削除]をクリックすることを忘れない場合、この問題を引き起こす可能性があります。

これは多分古い。しかし、私は助けを探しているかもしれない誰かをサポートする必要があります。同じ問題が発生したため、プラグインを確認しました。読み込みを高速化する「w3 total cache」プラグインがありました。これはサーバー側のキャッシュプラグインなので、無効にしました。cssの変更はリアルタイムで再び表示されます。多くのローディングブースタープラグインがあります。プラグインリストを確認し、開発が完了するまで無効にしてください。