web-dev-qa-db-ja.com

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

私は私のワードプレスサイトのCSSに取り組んでいます。変更を加えてページを更新すると、変更は反映されません。ブラウザの履歴をクリアしてキャッシュに入れても、変更は反映されたままです。私がページのソースコードを見てcssファイルを見ると、それは変更前の古い内容を持っています。開発できるようにこれを更新するにはどうすればよいですか。

theme-developmentcss
11
David Tunnell

添付しているCSSファイルの最後にランダムなバージョン番号を追加します。 ' wp_enqueue_style 'または wp_register_style functionsを使用している場合は、4番目のパラメータにランダムな（バージョン）番号Rand(111,9999)を渡します。 HTMLタグとしてcssを添付している場合は、ファイル名の最後に "?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)?>">

クライアント側でのキャッシュや、おそらくサーバー側でのキャッシュも避けられます。

10
M-R

私はこの記事が1年以上前のものであることを知っていますが、CloudFlareはより速いロード時間を助けるためにcss、js、および画像のような静的ファイルをキャッシュすることに言及すると思いました。 CSSの変更に問題があり、リロードに反映されていなかったので、把握するのに数時間かかりました。 CloudFlareには3時間有効にできる開発モ​​ードがあります。変更を始める前に有効にするのを忘れた場合は、クラウドフレア管理からキャッシュを削除できます。

5
Shanan

あなたのホストがあなたのサイトの出力をキャッシュするためにVarnishのようなものを使っている可能性があります。私は、割引料金の共有ホスティングアカウントでホストされているクライアントのサイトでこれに遭遇しました。私が見つけた唯一の救済策はただ辛抱することでした。

0
Jeff Purcell

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

0
Ramón Puig

ただ指摘したいのですが、 キャッシュプラグインに注意してください あなたがインストールしたものです。 WP最速キャッシュ たとえば、WPダッシュボードにログインして[キャッシュのクリア] - > [キャッシュの削除]をクリックしないと、この問題が発生する可能性があります。ナビゲーションメニューに「CSS/JSの縮小版」が追加されました。

0
HappyHands31