WordPressでCSSがすぐに反映されないのを解消する方法

ota@purratto)です。

WordPressでCSSを編集したときに即座に反映されなかったことはありませんか?
これはブラウザキャッシュが原因です。

style.css読み込み箇所を下記のように変更するだけでstyle.cssを即座に確実に反映できるようになります。

<link rel=”stylesheet” href=”<?php echo get_stylesheet_uri(); >”>

の後ろに

?v=<?php echo filemtime( get_stylesheet_directory() . ‘/style.css’) ?>

を追記して、下記のようにします

<link rel=”stylesheet” href=”<?php echo get_stylesheet_uri(); ?>?v=<?php echo filemtime( get_stylesheet_directory() . ‘/style.css’) ?>”>

※シングルクオーテーションとダブルクオーテーションが環境によっては別のものに変換されてしまっていることがあるので、その場合は直して使ってください。

ちょっとしたコードですが、便利なのでぜひ使ってみてください。