自宅サーバの整理箱

自宅サーバを構築しwordpress,fedora,CentOSの作業メモ

*

WordPress Style.cssキャッシュ を強制的に更新

   

WordPressでstyle.cssを変更しながらデザインを確認していると時々遭遇するのが、更新されない件。これはブラウザがCSSをキャッシュするために発生する模様です。
自宅サーバでwordpress

強制的にstyle.cssを更新する方法をメモ書きします。
<ブラウザで強制更新>
以下のコマンドでブラウザ側が強制フラッシュしますので
基本的にテストしているときはこれでOKですね。

Ctrl + F5

<テンプレートで設定>
以下のようにURLの最後にQuery(パラメタ)を指定してあげます。
これで、更新されたと思いブラウザはリロードします。
(この部分:?ver=20140508)

<link rel="stylesheet" href="http://mypage.com/style.css?ver=20140508" type="text/css" media="screen" />

毎回これをつけるのは面倒ですのでWordpressのテンプレートで以下のように記述すれば更新日付になりますので便利です。

href="<?php bloginfo( 'stylesheet_url'); ?>"
この部分を以下に変更すればOKでしょう。
↓
href="<?php bloginfo( 'stylesheet_url'); echo '?' . filemtime( get_stylesheet_directory() . '/style.css'); ?>"

 - Word Press

 Total 46 views