ランサーズ等のサービスを開発・運用する中で得た知識やノウハウを紹介しています。

thumbnail

Labels:  WordPress 投稿者:ota

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’) ?>”>

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

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

ランサーズではサービスを成長させてくれるエンジニア、デザイナーを募集しています!
ご興味がある方は、以下URLよりご応募ください。

PHPエンジニア
Rubyエンジニア
フロントエンドエンジニア
インフラエンジニア
新卒エンジニア
その他採用情報

関連記事

thumbnail
WordPressで投稿者ごとの記事一覧ページを実装する方法

読書はカフェよりも大学図書館派のota(@purratto)です。実は一般にも開放しているところが多く、広々としていて開放的で、閲覧席がたくさんあるので席が埋まっていて座れないことがほぼなくて良いです(大学にもよるんでしょうが笑)。 WordPressで投稿者 …

thumbnail
WordPressで日本語のパーマリンクで投稿しようとしたときに警告を出し投稿できないようにする方法

キーボードはREALFORCE派のota(@purratto)です。REALFORCE91UG-Sが一番お気に入りです。 WordPressで日本語のパーマリンクで投稿しようとしたときに警告を出し投稿できないようにする実装を行ったので、その実装方法を解説します …