WordPressのサイトを運用しているときにCSSを調整することが多々あります。
自分でCSSの反映を確認していると何度か再読み込みをしないと反映が確認できず時間を取られてしまいます。
クライアントさんに変更完了をお伝えしても、クライアントさんが使っているブラウザでキャッシュが残っていると変更が反映されないためご指摘を受けることがちょこちょこあります。
都度キャッシュの解除方法をお伝えするとなると若干のお時間を取らせてしまいます。
そんな時には予めCSSのキャッシュを残さないように読み込み部分を変えてしまいましょう！
この記事が役に立ちそうな方
・WordPressのCSSをシンプルに読み込んでいるテーマを使っている
・自作テーマ等でCSS読み込み部分を直接記述している
・クライアントのサイトをWordPressで制作している
<link rel="stylesheet" type="text/css" media="screen" href="<?php $filepath='/css/ファイル名.css'; echo esc_url( get_theme_file_uri( $filepath )); echo '?='.date('YmdHi',filemtime( get_theme_file_path( $filepath ))); ?>">
CSSを読み込んでいるところを上記PHPコードに変更すると、CSSファイルが更新される度にCSSファイルのファイルパス末尾に新たなクエリが付与され過去のキャッシュを参照しなくなります。
プラグイン等でキャッシュを生成し読み込み速度を改善するものを入れられていた場合は、
CSSファイル更新後、都度管理画面からキャッシュを削除する必要はあります。
コメント